@ynput/ayon-frontend-shared 0.2.3 → 0.2.4

package/dist/shared/src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"clientFilterToQueryFilter.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.ts"],"sourcesContent":["import { Filter } from '@ynput/ayon-react-components'\nimport { QueryCondition, QueryFilter } from '../types/operations'\n\nconst NO_DATE = 'no_date'\nexport const clientFilterToQueryFilter = (filters: Filter[]): QueryFilter => {\n  // If there are no filters, return an empty filter\n  if (!filters || filters.length === 0) {\n    return {}\n  }\n\n  // Process each filter as its own condition\n  const conditions: (QueryCondition | QueryFilter)[] = filters\n    .filter((f) => !!f.values?.length)\n    .filter((f) => !f.id.includes('text')) // remove text search filters as they are handled separately\n    .filter((f) => f.id !== 'hierarchy') // remove hierarchy filter as it is handled separately\n    .flatMap((filter) => convertFilterToCondition(filter))\n\n  console.log(conditions)\n\n  // Return the QueryFilter with all conditions combined with AND\n  return {\n    conditions,\n    operator: 'and',\n  }\n}\n\n// Helper function to convert a single Filter to a QueryCondition\nconst convertFilterToCondition = (filter: Filter): QueryCondition => {\n  // Extract key from filter ID (split by underscore if needed)\n  const key = filter.id.split('_')[0]\n\n  // Handle values based on filter type\n  let value: QueryCondition['value']\n\n  // there is any value\n  const hasSomeValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('hasValue')\n  const hasNoValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('noValue')\n\n  if (filter.values && filter.values.length > 0) {\n    if (filter.singleSelect) {\n      // @ts-expect-error\n      value = convertValueByType(filter.values[0].id, filter.type)\n    } else {\n      // @ts-expect-error\n      value = filter.values.map((v) => convertValueByType(v.id, filter.type))\n    }\n  }\n\n  // Determine if this is likely a list field based on filter type\n  const isListField =\n    filter.type?.startsWith('list_of_') || key.includes('tags') || key.includes('assignees')\n  const isDateField = filter.type === 'datetime'\n\n  // Determine the appropriate operator based on filter properties and type\n  let operator: QueryCondition['operator'] = 'eq'\n\n  // Handling NULL values\n  if (value === undefined) {\n    operator = filter.inverted ? 'notnull' : 'isnull'\n    return { key, operator }\n  }\n\n  // Handle different filter types\n  if (hasSomeValue) {\n    // we set the value to the empty state and then say it should not be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'eq'\n        : 'ne'\n      : filter.inverted\n      ? 'isnull'\n      : 'notnull'\n  } else if (hasNoValue) {\n    // we set the value to the empty state and then say it should be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'ne'\n        : 'eq'\n      : filter.inverted\n      ? 'notnull'\n      : 'isnull'\n  } else if (isListField) {\n    if (filter.inverted) {\n      operator = filter.operator === 'AND' ? 'excludesall' : 'excludesany'\n    } else {\n      operator = filter.operator === 'AND' ? 'includesall' : 'includesany'\n    }\n  } else if (isDateField) {\n    // For date filters, we need to return a complete query filter with conditions\n    if (filter.values && filter.values.length > 0) {\n      // Create a flat list of all date conditions from all filter values\n      const dateConditions: QueryCondition[] = filter.values.flatMap((filterValue: Filter) => {\n        const conditions: QueryCondition[] = []\n        const dateValues = filterValue.values\n\n        // First value is greater than (start date)\n        if (dateValues?.[0] !== undefined && dateValues?.[0].id !== NO_DATE) {\n          conditions.push({\n            key,\n            operator: filter.inverted ? 'lte' : 'gte',\n            value: dateValues[0].id,\n          })\n        }\n\n        // Second value is less than (end date)\n        if (dateValues?.[1] !== undefined && dateValues?.[1].id !== NO_DATE) {\n          conditions.push({\n            key,\n            operator: filter.inverted ? 'gte' : 'lte',\n            value: dateValues[1].id,\n          })\n        }\n\n        return conditions\n      })\n\n      // If we have date conditions, return them as a nested filter instead of continuing\n      if (dateConditions.length > 0) {\n        // @ts-expect-error\n        return {\n          conditions: dateConditions,\n          operator: filter.inverted ? 'or' : 'and',\n        } as QueryFilter\n      }\n    }\n\n    // If no date conditions were created, fall back to a basic equality check\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else {\n    // DEFAULT\n    // For scalar fields\n    operator = filter.inverted ? 'notin' : 'in'\n  }\n\n  return { key, value, operator }\n}\n\n// Helper function to convert values based on the filter type\nconst convertValueByType = (value: string, type?: string): string | number | boolean => {\n  if (!type) return value\n\n  switch (type) {\n    case 'integer':\n      return parseInt(value, 10)\n    case 'float':\n      return parseFloat(value)\n    case 'boolean':\n      return value.toLowerCase() === 'true'\n    default:\n      return value\n  }\n}\n\nexport default clientFilterToQueryFilter\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"clientFilterToQueryFilter.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/clientFilterToQueryFilter.ts"],"sourcesContent":["import { FILTER_SEPARATOR, getFilterFromId } from '@ynput/ayon-react-components'\nimport { QueryCondition, QueryFilter } from '../types/operations'\n\n// New type that cherry picks only the needed fields from Filter\nexport type FilterForQuery = {\n  id: string\n  values?: { id: string; values?: { id: string }[] }[]\n  type?: string\n  singleSelect?: boolean\n  inverted?: boolean\n  operator?: string\n}\n\nconst NO_DATE = 'no_date'\nexport const clientFilterToQueryFilter = (filters: FilterForQuery[]): QueryFilter => {\n  // If there are no filters, return an empty filter\n  if (!filters || filters.length === 0) {\n    return {}\n  }\n\n  // Process each filter as its own condition\n  const conditions: (QueryCondition | QueryFilter)[] = filters\n    .filter((f) => !!f.values?.length)\n    .filter((f) => !f.id.includes('text')) // remove text search filters as they are handled separately\n    .filter((f) => f.id !== 'hierarchy') // remove hierarchy filter as it is handled separately\n    .flatMap((filter) => convertFilterToCondition(filter))\n\n  // Return the QueryFilter with all conditions combined with AND\n  return {\n    conditions,\n    operator: 'and',\n  }\n}\n\n// Helper function to convert a single Filter to a QueryCondition\nconst convertFilterToCondition = (filter: FilterForQuery): QueryCondition => {\n  // Extract key from filter ID (split by underscore if needed)\n  const key = getFilterFromId(filter.id)\n\n  // Handle values based on filter type\n  let value: QueryCondition['value']\n\n  // there is any value\n  const hasSomeValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('hasValue')\n  const hasNoValue =\n    Array.isArray(filter.values) && filter.values.map((v) => v.id)?.includes('noValue')\n\n  if (filter.values && filter.values.length > 0) {\n    if (filter.singleSelect) {\n      // @ts-expect-error\n      value = convertValueByType(filter.values[0].id, filter.type)\n    } else {\n      // @ts-expect-error\n      value = filter.values.map((v) => convertValueByType(v.id, filter.type))\n    }\n  }\n\n  // Determine if this is likely a list field based on filter type\n  const isListField =\n    filter.type?.startsWith('list_of_') || key.includes('tags') || key.includes('assignees')\n  const isDateField = filter.type === 'datetime'\n  const isBooleanField = filter.type === 'boolean'\n\n  // Determine the appropriate operator based on filter properties and type\n  let operator: QueryCondition['operator'] = 'eq'\n\n  // Handling NULL values\n  if (value === undefined) {\n    operator = filter.inverted ? 'notnull' : 'isnull'\n    return { key, operator }\n  }\n\n  // Handle different filter types\n  if (hasSomeValue) {\n    // we set the value to the empty state and then say it should not be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'eq'\n        : 'ne'\n      : filter.inverted\n      ? 'isnull'\n      : 'notnull'\n  } else if (hasNoValue) {\n    // we set the value to the empty state and then say it should be that\n    value = isListField ? [] : undefined\n    operator = isListField\n      ? filter.inverted\n        ? 'ne'\n        : 'eq'\n      : filter.inverted\n      ? 'notnull'\n      : 'isnull'\n  } else if (isListField) {\n    if (filter.inverted) {\n      operator = filter.operator === 'AND' ? 'excludesall' : 'excludesany'\n    } else {\n      operator = filter.operator === 'AND' ? 'includesall' : 'includesany'\n    }\n  } else if (isDateField) {\n    // For date filters, we need to return a complete query filter with conditions\n    if (filter.values && filter.values.length > 0) {\n      // Create a flat list of all date conditions from all filter values\n      const dateConditions: QueryCondition[] = filter.values.flatMap(\n        (filterValue: FilterForQuery) => {\n          const conditions: QueryCondition[] = []\n          const dateValues = filterValue.values\n\n          // First value is greater than (start date)\n          if (dateValues?.[0] !== undefined && dateValues?.[0].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'lte' : 'gte',\n              value: dateValues[0].id,\n            })\n          }\n\n          // Second value is less than (end date)\n          if (dateValues?.[1] !== undefined && dateValues?.[1].id !== NO_DATE) {\n            conditions.push({\n              key,\n              operator: filter.inverted ? 'gte' : 'lte',\n              value: dateValues[1].id,\n            })\n          }\n\n          return conditions\n        },\n      )\n\n      // If we have date conditions, return them as a nested filter instead of continuing\n      if (dateConditions.length > 0) {\n        // @ts-expect-error\n        return {\n          conditions: dateConditions,\n          operator: filter.inverted ? 'or' : 'and',\n        } as QueryFilter\n      }\n    }\n\n    // If no date conditions were created, fall back to a basic equality check\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else if (isBooleanField) {\n    operator = filter.inverted ? 'ne' : 'eq'\n  } else {\n    // DEFAULT for other scalar fields\n    operator = filter.inverted ? 'notin' : 'in'\n  }\n\n  return { key, value, operator }\n}\n\n// Helper function to convert values based on the filter type\nconst convertValueByType = (value: string, type?: string): string | number | boolean => {\n  if (!type) return value\n\n  switch (type) {\n    case 'integer':\n      return parseInt(value, 10)\n    case 'float':\n      return parseFloat(value)\n    case 'boolean':\n      return value.toLowerCase() === 'true'\n    default:\n      return value\n  }\n}\n\nexport default clientFilterToQueryFilter\n"],"names":[],"mappings":";AAaA,MAAM,UAAU;AACH,MAAA,4BAA4B,CAAC,YAA2C;AAEnF,MAAI,CAAC,WAAW,QAAQ,WAAW,GAAG;AACpC,WAAO,CAAC;AAAA,EAAA;AAIV,QAAM,aAA+C,QAClD,OAAO,CAAC,MAAM;;AAAA,YAAC,GAAC,OAAE,WAAF,mBAAU;AAAA,GAAM,EAChC,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,SAAS,MAAM,CAAC,EACpC,OAAO,CAAC,MAAM,EAAE,OAAO,WAAW,EAClC,QAAQ,CAAC,WAAW,yBAAyB,MAAM,CAAC;AAGhD,SAAA;AAAA,IACL;AAAA,IACA,UAAU;AAAA,EACZ;AACF;AAGA,MAAM,2BAA2B,CAAC,WAA2C;;AAErE,QAAA,MAAM,gBAAgB,OAAO,EAAE;AAGjC,MAAA;AAGJ,QAAM,eACJ,MAAM,QAAQ,OAAO,MAAM,OAAK,YAAO,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,MAA7B,mBAAgC,SAAS;AAC3E,QAAM,aACJ,MAAM,QAAQ,OAAO,MAAM,OAAK,YAAO,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,MAA7B,mBAAgC,SAAS;AAE3E,MAAI,OAAO,UAAU,OAAO,OAAO,SAAS,GAAG;AAC7C,QAAI,OAAO,cAAc;AAEvB,cAAQ,mBAAmB,OAAO,OAAO,CAAC,EAAE,IAAI,OAAO,IAAI;AAAA,IAAA,OACtD;AAEG,cAAA,OAAO,OAAO,IAAI,CAAC,MAAM,mBAAmB,EAAE,IAAI,OAAO,IAAI,CAAC;AAAA,IAAA;AAAA,EACxE;AAIF,QAAM,gBACJ,YAAO,SAAP,mBAAa,WAAW,gBAAe,IAAI,SAAS,MAAM,KAAK,IAAI,SAAS,WAAW;AACnF,QAAA,cAAc,OAAO,SAAS;AAC9B,QAAA,iBAAiB,OAAO,SAAS;AAGvC,MAAI,WAAuC;AAG3C,MAAI,UAAU,QAAW;AACZ,eAAA,OAAO,WAAW,YAAY;AAClC,WAAA,EAAE,KAAK,SAAS;AAAA,EAAA;AAIzB,MAAI,cAAc;AAER,YAAA,cAAc,CAAA,IAAK;AAC3B,eAAW,cACP,OAAO,WACL,OACA,OACF,OAAO,WACP,WACA;AAAA,aACK,YAAY;AAEb,YAAA,cAAc,CAAA,IAAK;AAC3B,eAAW,cACP,OAAO,WACL,OACA,OACF,OAAO,WACP,YACA;AAAA,aACK,aAAa;AACtB,QAAI,OAAO,UAAU;AACR,iBAAA,OAAO,aAAa,QAAQ,gBAAgB;AAAA,IAAA,OAClD;AACM,iBAAA,OAAO,aAAa,QAAQ,gBAAgB;AAAA,IAAA;AAAA,aAEhD,aAAa;AAEtB,QAAI,OAAO,UAAU,OAAO,OAAO,SAAS,GAAG;AAEvC,YAAA,iBAAmC,OAAO,OAAO;AAAA,QACrD,CAAC,gBAAgC;AAC/B,gBAAM,aAA+B,CAAC;AACtC,gBAAM,aAAa,YAAY;AAG3B,eAAA,yCAAa,QAAO,WAAa,yCAAa,GAAG,QAAO,SAAS;AACnE,uBAAW,KAAK;AAAA,cACd;AAAA,cACA,UAAU,OAAO,WAAW,QAAQ;AAAA,cACpC,OAAO,WAAW,CAAC,EAAE;AAAA,YAAA,CACtB;AAAA,UAAA;AAIC,eAAA,yCAAa,QAAO,WAAa,yCAAa,GAAG,QAAO,SAAS;AACnE,uBAAW,KAAK;AAAA,cACd;AAAA,cACA,UAAU,OAAO,WAAW,QAAQ;AAAA,cACpC,OAAO,WAAW,CAAC,EAAE;AAAA,YAAA,CACtB;AAAA,UAAA;AAGI,iBAAA;AAAA,QAAA;AAAA,MAEX;AAGI,UAAA,eAAe,SAAS,GAAG;AAEtB,eAAA;AAAA,UACL,YAAY;AAAA,UACZ,UAAU,OAAO,WAAW,OAAO;AAAA,QACrC;AAAA,MAAA;AAAA,IACF;AAIS,eAAA,OAAO,WAAW,OAAO;AAAA,aAC3B,gBAAgB;AACd,eAAA,OAAO,WAAW,OAAO;AAAA,EAAA,OAC/B;AAEM,eAAA,OAAO,WAAW,UAAU;AAAA,EAAA;AAGlC,SAAA,EAAE,KAAK,OAAO,SAAS;AAChC;AAGA,MAAM,qBAAqB,CAAC,OAAe,SAA6C;AAClF,MAAA,CAAC,KAAa,QAAA;AAElB,UAAQ,MAAM;AAAA,IACZ,KAAK;AACI,aAAA,SAAS,OAAO,EAAE;AAAA,IAC3B,KAAK;AACH,aAAO,WAAW,KAAK;AAAA,IACzB,KAAK;AACI,aAAA,MAAM,kBAAkB;AAAA,IACjC;AACS,aAAA;AAAA,EAAA;AAEb;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/getReadOnlyLists.cjs.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getReadOnlyLists = (attribFields, extra = []) => {
+  let readOnlyAttribs = attribFields.filter((attrib) => attrib.readOnly).map((attrib) => attrib.name);
+  let readOnlyColumnsSet;
+  if (extra == null ? void 0 : extra.includes("attrib")) {
+    readOnlyAttribs = attribFields.filter((a) => a.builtin).map((attrib) => attrib.name);
+    readOnlyColumnsSet = /* @__PURE__ */ new Set([
+      ...attribFields.filter((a) => a.builtin).map((attrib) => "attrib_" + attrib.name),
+      // Add all attribute columns to the readOnly set
+      ...extra || []
+      // Add any other specified readOnly columns
+    ]);
+  } else {
+    readOnlyColumnsSet = /* @__PURE__ */ new Set([
+      ...readOnlyAttribs.map((name) => "attrib_" + name),
+      // Add readOnly attribute columns to the set
+      ...extra || []
+      // Add any other specified readOnly columns
+    ]);
+    if (extra) {
+      extra.forEach((col) => {
+        if (col.startsWith("attrib_")) {
+          const attribName = col.replace("attrib_", "");
+          if (attribFields.find((attrib) => attrib.name === attribName) && !readOnlyAttribs.includes(attribName)) {
+            readOnlyAttribs.push(attribName);
+          }
+        }
+      });
+    }
+  }
+  const readOnlyColumns = Array.from(readOnlyColumnsSet);
+  return { readOnlyColumns, readOnlyAttribs };
+};
+exports.getReadOnlyLists = getReadOnlyLists;
+//# sourceMappingURL=getReadOnlyLists.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/getReadOnlyLists.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getReadOnlyLists.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getReadOnlyLists.ts"],"sourcesContent":["import { ProjectTableAttribute } from '../types'\n\nexport const getReadOnlyLists = (attribFields: ProjectTableAttribute[], extra: string[] = []) => {\n  let readOnlyAttribs: string[] = attribFields\n    .filter((attrib) => attrib.readOnly) // Filter attributes that are explicitly readOnly\n    .map((attrib) => attrib.name) // Extract the names of the readOnly attributes\n\n  let readOnlyColumnsSet: Set<string>\n\n  if (extra?.includes('attrib' as any)) {\n    // If 'attrib' is in the readonly columns, all attributes are read-only\n    readOnlyAttribs = attribFields.filter((a) => a.builtin).map((attrib) => attrib.name) // Mark all attributes as readOnly if they are builtin\n    readOnlyColumnsSet = new Set([\n      ...attribFields.filter((a) => a.builtin).map((attrib) => 'attrib_' + attrib.name), // Add all attribute columns to the readOnly set\n      ...(extra || []), // Add any other specified readOnly columns\n    ])\n  } else {\n    // If 'attrib' is not in the readonly columns, handle individual attributes\n    readOnlyColumnsSet = new Set([\n      ...readOnlyAttribs.map((name) => 'attrib_' + name), // Add readOnly attribute columns to the set\n      ...(extra || []), // Add any other specified readOnly columns\n    ])\n\n    // Add readOnly from extra to attribs\n    if (extra) {\n      extra.forEach((col) => {\n        if (col.startsWith('attrib_')) {\n          const attribName = col.replace('attrib_', '')\n          if (\n            attribFields.find((attrib) => attrib.name === attribName) &&\n            !readOnlyAttribs.includes(attribName)\n          ) {\n            readOnlyAttribs.push(attribName)\n          }\n        }\n      })\n    }\n  }\n\n  const readOnlyColumns = Array.from(readOnlyColumnsSet) // Convert the set of readOnly columns to an array\n\n  return { readOnlyColumns, readOnlyAttribs }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB,CAAC,cAAuC,QAAkB,OAAO;AAC/F,MAAI,kBAA4B,aAC7B,OAAO,CAAC,WAAW,OAAO,QAAQ,EAClC,IAAI,CAAC,WAAW,OAAO,IAAI;AAE1B,MAAA;AAEA,MAAA,+BAAO,SAAS,WAAkB;AAElB,sBAAA,aAAa,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,OAAO,IAAI;AACnF,6CAAyB,IAAI;AAAA,MAC3B,GAAG,aAAa,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,YAAY,OAAO,IAAI;AAAA;AAAA,MAChF,GAAI,SAAS,CAAA;AAAA;AAAA,IAAC,CACf;AAAA,EAAA,OACI;AAEL,6CAAyB,IAAI;AAAA,MAC3B,GAAG,gBAAgB,IAAI,CAAC,SAAS,YAAY,IAAI;AAAA;AAAA,MACjD,GAAI,SAAS,CAAA;AAAA;AAAA,IAAC,CACf;AAGD,QAAI,OAAO;AACH,YAAA,QAAQ,CAAC,QAAQ;AACjB,YAAA,IAAI,WAAW,SAAS,GAAG;AAC7B,gBAAM,aAAa,IAAI,QAAQ,WAAW,EAAE;AAC5C,cACE,aAAa,KAAK,CAAC,WAAW,OAAO,SAAS,UAAU,KACxD,CAAC,gBAAgB,SAAS,UAAU,GACpC;AACA,4BAAgB,KAAK,UAAU;AAAA,UAAA;AAAA,QACjC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EACH;AAGI,QAAA,kBAAkB,MAAM,KAAK,kBAAkB;AAE9C,SAAA,EAAE,iBAAiB,gBAAgB;AAC5C;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/getReadOnlyLists.es.js

@@ -0,0 +1,36 @@
+const getReadOnlyLists = (attribFields, extra = []) => {
+  let readOnlyAttribs = attribFields.filter((attrib) => attrib.readOnly).map((attrib) => attrib.name);
+  let readOnlyColumnsSet;
+  if (extra == null ? void 0 : extra.includes("attrib")) {
+    readOnlyAttribs = attribFields.filter((a) => a.builtin).map((attrib) => attrib.name);
+    readOnlyColumnsSet = /* @__PURE__ */ new Set([
+      ...attribFields.filter((a) => a.builtin).map((attrib) => "attrib_" + attrib.name),
+      // Add all attribute columns to the readOnly set
+      ...extra || []
+      // Add any other specified readOnly columns
+    ]);
+  } else {
+    readOnlyColumnsSet = /* @__PURE__ */ new Set([
+      ...readOnlyAttribs.map((name) => "attrib_" + name),
+      // Add readOnly attribute columns to the set
+      ...extra || []
+      // Add any other specified readOnly columns
+    ]);
+    if (extra) {
+      extra.forEach((col) => {
+        if (col.startsWith("attrib_")) {
+          const attribName = col.replace("attrib_", "");
+          if (attribFields.find((attrib) => attrib.name === attribName) && !readOnlyAttribs.includes(attribName)) {
+            readOnlyAttribs.push(attribName);
+          }
+        }
+      });
+    }
+  }
+  const readOnlyColumns = Array.from(readOnlyColumnsSet);
+  return { readOnlyColumns, readOnlyAttribs };
+};
+export {
+  getReadOnlyLists
+};
+//# sourceMappingURL=getReadOnlyLists.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/getReadOnlyLists.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getReadOnlyLists.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getReadOnlyLists.ts"],"sourcesContent":["import { ProjectTableAttribute } from '../types'\n\nexport const getReadOnlyLists = (attribFields: ProjectTableAttribute[], extra: string[] = []) => {\n  let readOnlyAttribs: string[] = attribFields\n    .filter((attrib) => attrib.readOnly) // Filter attributes that are explicitly readOnly\n    .map((attrib) => attrib.name) // Extract the names of the readOnly attributes\n\n  let readOnlyColumnsSet: Set<string>\n\n  if (extra?.includes('attrib' as any)) {\n    // If 'attrib' is in the readonly columns, all attributes are read-only\n    readOnlyAttribs = attribFields.filter((a) => a.builtin).map((attrib) => attrib.name) // Mark all attributes as readOnly if they are builtin\n    readOnlyColumnsSet = new Set([\n      ...attribFields.filter((a) => a.builtin).map((attrib) => 'attrib_' + attrib.name), // Add all attribute columns to the readOnly set\n      ...(extra || []), // Add any other specified readOnly columns\n    ])\n  } else {\n    // If 'attrib' is not in the readonly columns, handle individual attributes\n    readOnlyColumnsSet = new Set([\n      ...readOnlyAttribs.map((name) => 'attrib_' + name), // Add readOnly attribute columns to the set\n      ...(extra || []), // Add any other specified readOnly columns\n    ])\n\n    // Add readOnly from extra to attribs\n    if (extra) {\n      extra.forEach((col) => {\n        if (col.startsWith('attrib_')) {\n          const attribName = col.replace('attrib_', '')\n          if (\n            attribFields.find((attrib) => attrib.name === attribName) &&\n            !readOnlyAttribs.includes(attribName)\n          ) {\n            readOnlyAttribs.push(attribName)\n          }\n        }\n      })\n    }\n  }\n\n  const readOnlyColumns = Array.from(readOnlyColumnsSet) // Convert the set of readOnly columns to an array\n\n  return { readOnlyColumns, readOnlyAttribs }\n}\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB,CAAC,cAAuC,QAAkB,OAAO;AAC/F,MAAI,kBAA4B,aAC7B,OAAO,CAAC,WAAW,OAAO,QAAQ,EAClC,IAAI,CAAC,WAAW,OAAO,IAAI;AAE1B,MAAA;AAEA,MAAA,+BAAO,SAAS,WAAkB;AAElB,sBAAA,aAAa,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,OAAO,IAAI;AACnF,6CAAyB,IAAI;AAAA,MAC3B,GAAG,aAAa,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,YAAY,OAAO,IAAI;AAAA;AAAA,MAChF,GAAI,SAAS,CAAA;AAAA;AAAA,IAAC,CACf;AAAA,EAAA,OACI;AAEL,6CAAyB,IAAI;AAAA,MAC3B,GAAG,gBAAgB,IAAI,CAAC,SAAS,YAAY,IAAI;AAAA;AAAA,MACjD,GAAI,SAAS,CAAA;AAAA;AAAA,IAAC,CACf;AAGD,QAAI,OAAO;AACH,YAAA,QAAQ,CAAC,QAAQ;AACjB,YAAA,IAAI,WAAW,SAAS,GAAG;AAC7B,gBAAM,aAAa,IAAI,QAAQ,WAAW,EAAE;AAC5C,cACE,aAAa,KAAK,CAAC,WAAW,OAAO,SAAS,UAAU,KACxD,CAAC,gBAAgB,SAAS,UAAU,GACpC;AACA,4BAAgB,KAAK,UAAU;AAAA,UAAA;AAAA,QACjC;AAAA,MACF,CACD;AAAA,IAAA;AAAA,EACH;AAGI,QAAA,kBAAkB,MAAM,KAAK,kBAAkB;AAE9C,SAAA,EAAE,iBAAiB,gBAAgB;AAC5C;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.cjs.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const productTypes = require("../../../util/productTypes.cjs.js");
+require("lodash");
+require("react-toastify");
+require("../../../util/pubsub.cjs.js");
+const getTableFieldOptions = ({
+  users,
+  statuses,
+  folderTypes,
+  taskTypes,
+  tags
+}) => ({
+  assignee: users.map(({ name, fullName }) => ({
+    value: name,
+    label: fullName || name,
+    icon: `/api/users/${name}/avatar`
+  })),
+  status: statuses.filter((status) => !status.scope || ["folder", "task"].some((s) => {
+    var _a;
+    return (_a = status.scope) == null ? void 0 : _a.includes(s);
+  })).map(({ name, color, icon, scope }) => ({
+    value: name,
+    label: name,
+    color,
+    icon,
+    scope
+  })),
+  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),
+  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),
+  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),
+  productType: Object.entries(productTypes).map(([key, value]) => ({
+    value: key,
+    label: value.name,
+    icon: value.icon
+  }))
+});
+exports.getTableFieldOptions = getTableFieldOptions;
+//# sourceMappingURL=getTableFieldOptions.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTableFieldOptions.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTableFieldOptions.ts"],"sourcesContent":["import { productTypes } from '@shared/util'\nimport { BuiltInFieldOptions } from '../types'\nimport { FolderType, Status, Tag, TaskType } from '../types/project'\n\ntype Params = {\n  users: {\n    name: string\n    fullName?: string\n  }[]\n  statuses: Status[]\n  folderTypes: FolderType[]\n  taskTypes: TaskType[]\n  tags: Tag[]\n}\n\nexport const getTableFieldOptions = ({\n  users,\n  statuses,\n  folderTypes,\n  taskTypes,\n  tags,\n}: Params): BuiltInFieldOptions => ({\n  assignee: users.map(({ name, fullName }) => ({\n    value: name,\n    label: fullName || name,\n    icon: `/api/users/${name}/avatar`,\n  })),\n  status: statuses\n    .filter((status) => !status.scope || ['folder', 'task'].some((s) => status.scope?.includes(s)))\n    .map(({ name, color, icon, scope }) => ({\n      value: name,\n      label: name,\n      color,\n      icon,\n      scope,\n    })),\n  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),\n  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  productType: Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  })),\n})\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAoC;AAAA,EAClC,UAAU,MAAM,IAAI,CAAC,EAAE,MAAM,gBAAgB;AAAA,IAC3C,OAAO;AAAA,IACP,OAAO,YAAY;AAAA,IACnB,MAAM,cAAc,IAAI;AAAA,EAAA,EACxB;AAAA,EACF,QAAQ,SACL,OAAO,CAAC,WAAW,CAAC,OAAO,SAAS,CAAC,UAAU,MAAM,EAAE,KAAK,CAAC;;AAAM,wBAAO,UAAP,mBAAc,SAAS;AAAA,GAAE,CAAC,EAC7F,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa;AAAA,IACtC,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AAAA,EACJ,KAAK,KAAK,IAAI,CAAC,EAAE,MAAM,MAAA,OAAa,EAAE,OAAO,MAAM,OAAO,MAAM,MAAQ,EAAA;AAAA,EACxE,YAAY,YAAY,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EACpF,UAAU,UAAU,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EAChF,aAAa,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EAAA,EACZ;AACJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.es.js

@@ -0,0 +1,39 @@
+import productTypes from "../../../util/productTypes.es.js";
+import "lodash";
+import "react-toastify";
+import "../../../util/pubsub.es.js";
+const getTableFieldOptions = ({
+  users,
+  statuses,
+  folderTypes,
+  taskTypes,
+  tags
+}) => ({
+  assignee: users.map(({ name, fullName }) => ({
+    value: name,
+    label: fullName || name,
+    icon: `/api/users/${name}/avatar`
+  })),
+  status: statuses.filter((status) => !status.scope || ["folder", "task"].some((s) => {
+    var _a;
+    return (_a = status.scope) == null ? void 0 : _a.includes(s);
+  })).map(({ name, color, icon, scope }) => ({
+    value: name,
+    label: name,
+    color,
+    icon,
+    scope
+  })),
+  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),
+  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),
+  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),
+  productType: Object.entries(productTypes).map(([key, value]) => ({
+    value: key,
+    label: value.name,
+    icon: value.icon
+  }))
+});
+export {
+  getTableFieldOptions
+};
+//# sourceMappingURL=getTableFieldOptions.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/getTableFieldOptions.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTableFieldOptions.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/getTableFieldOptions.ts"],"sourcesContent":["import { productTypes } from '@shared/util'\nimport { BuiltInFieldOptions } from '../types'\nimport { FolderType, Status, Tag, TaskType } from '../types/project'\n\ntype Params = {\n  users: {\n    name: string\n    fullName?: string\n  }[]\n  statuses: Status[]\n  folderTypes: FolderType[]\n  taskTypes: TaskType[]\n  tags: Tag[]\n}\n\nexport const getTableFieldOptions = ({\n  users,\n  statuses,\n  folderTypes,\n  taskTypes,\n  tags,\n}: Params): BuiltInFieldOptions => ({\n  assignee: users.map(({ name, fullName }) => ({\n    value: name,\n    label: fullName || name,\n    icon: `/api/users/${name}/avatar`,\n  })),\n  status: statuses\n    .filter((status) => !status.scope || ['folder', 'task'].some((s) => status.scope?.includes(s)))\n    .map(({ name, color, icon, scope }) => ({\n      value: name,\n      label: name,\n      color,\n      icon,\n      scope,\n    })),\n  tag: tags.map(({ name, color }) => ({ value: name, label: name, color })),\n  folderType: folderTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  taskType: taskTypes.map(({ name, icon }) => ({ value: name, label: name, icon })),\n  productType: Object.entries(productTypes).map(([key, value]) => ({\n    value: key,\n    label: value.name,\n    icon: value.icon,\n  })),\n})\n"],"names":[],"mappings":";;;;AAeO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAoC;AAAA,EAClC,UAAU,MAAM,IAAI,CAAC,EAAE,MAAM,gBAAgB;AAAA,IAC3C,OAAO;AAAA,IACP,OAAO,YAAY;AAAA,IACnB,MAAM,cAAc,IAAI;AAAA,EAAA,EACxB;AAAA,EACF,QAAQ,SACL,OAAO,CAAC,WAAW,CAAC,OAAO,SAAS,CAAC,UAAU,MAAM,EAAE,KAAK,CAAC;;AAAM,wBAAO,UAAP,mBAAc,SAAS;AAAA,GAAE,CAAC,EAC7F,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa;AAAA,IACtC,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AAAA,EACJ,KAAK,KAAK,IAAI,CAAC,EAAE,MAAM,MAAA,OAAa,EAAE,OAAO,MAAM,OAAO,MAAM,MAAQ,EAAA;AAAA,EACxE,YAAY,YAAY,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EACpF,UAAU,UAAU,IAAI,CAAC,EAAE,MAAM,KAAA,OAAY,EAAE,OAAO,MAAM,OAAO,MAAM,KAAO,EAAA;AAAA,EAChF,aAAa,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,MAAM,MAAM;AAAA,EAAA,EACZ;AACJ;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.cjs.js

@@ -5,6 +5,7 @@ const generateLoadingRows = (attribs, count = 50, { type = "folder", parentId }
     (_, index) => ({
       id: `loading-${type}-${index}-${parentId}`,
       name: "Loading...",
+      status: "Loading...",
       parentId,
       isLoading: true,
       label: "Loading...",

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingUtils.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":";;AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MAAA,GACN,CAAE,CAAA;AAAA,IACP;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;;AAErD,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;;AAAA,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;;;;"}
+{"version":3,"file":"loadingUtils.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      status: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":";;AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,MACR;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MAAA,GACN,CAAE,CAAA;AAAA,IACP;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;;AAErD,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;;AAAA,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;;;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.es.js

@@ -3,6 +3,7 @@ const generateLoadingRows = (attribs, count = 50, { type = "folder", parentId }
     (_, index) => ({
       id: `loading-${type}-${index}-${parentId}`,
       name: "Loading...",
+      status: "Loading...",
       parentId,
       isLoading: true,
       label: "Loading...",

package/dist/shared/src/containers/ProjectTreeTable/utils/loadingUtils.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":"AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MAAA,GACN,CAAE,CAAA;AAAA,IACP;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AAlE1C;AAoEX,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;AAtEC,UAAAA;AAsED,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;"}
+{"version":3,"file":"loadingUtils.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/loadingUtils.ts"],"sourcesContent":["import { TableRow } from '../types/table'\nimport { FolderNodeMap } from '../types/table'\nimport { AttributeModel, LoadingTasks } from '../types'\n\n/**\n * Generates an array of placeholder rows for loading state\n * @param attribs - Attribute models used to populate empty attribute fields\n * @param count - Number of loading rows to generate (default: 50)\n * @returns Array of TableRow objects with loading state\n */\nexport const generateLoadingRows = (\n  attribs: { name: string }[],\n  count = 50,\n  { type = 'folder', parentId }: { type?: string; parentId?: string } = {},\n): TableRow[] => {\n  return new Array(count).fill(0).map(\n    (_, index): TableRow => ({\n      id: `loading-${type}-${index}-${parentId}`,\n      name: 'Loading...',\n      status: 'Loading...',\n      parentId: parentId,\n      isLoading: true,\n      label: 'Loading...',\n      color: null,\n      icon: null,\n      img: null,\n      entityType: type,\n      ownAttrib: [],\n      tags: [],\n      subRows: [],\n      path: '',\n      attrib: attribs.reduce((acc: { [key: string]: null }, attrib) => {\n        acc[attrib.name] = null\n        return acc\n      }, {}),\n    }),\n  )\n}\n\n/**\n * Generates an array of dummy attribute models for loading states\n * @param count - Number of dummy attributes to generate (default: 10)\n * @returns Array of AttributeModel objects\n */\nexport const generateDummyAttributes = (count = 10): AttributeModel[] => {\n  return Array(count)\n    .fill(null)\n    .map((_, i): AttributeModel => {\n      return {\n        name: `loading-attribute${i}`,\n        scope: ['folder', 'task'],\n        data: {\n          type: 'string',\n        },\n        position: i,\n      }\n    })\n}\n\n/**\n * Parameters for determineLoadingTaskFolders function\n */\nexport type DetermineLoadingTaskFoldersParams = {\n  expandedFoldersTasks: { folderId: string | null }[]\n  expandedParentIds: string[]\n  foldersMap: FolderNodeMap\n}\n\n/**\n * Determines which folders are currently loading tasks\n * @param params - Object containing parameters for determining loading folders\n * @returns Array of folder IDs that are in loading state\n */\nexport const determineLoadingTaskFolders = ({\n  expandedFoldersTasks,\n  expandedParentIds,\n  foldersMap,\n}: DetermineLoadingTaskFoldersParams): LoadingTasks => {\n  // find the folderIds that are being fetched (not the ones that are already loaded)\n  const folderIds = expandedFoldersTasks.map((task) => task.folderId)\n  const expandedParentIdsThatHaveTasks = expandedParentIds.filter(\n    (id) => foldersMap.get(id)?.hasTasks,\n  )\n  const folderIdsSet = new Set(folderIds)\n  const loadingParentIds = new Set<string>()\n  for (const folderId of expandedParentIdsThatHaveTasks) {\n    if (!folderIdsSet.has(folderId)) {\n      loadingParentIds.add(folderId)\n    }\n  }\n\n  const loadingTasks: LoadingTasks = {}\n  for (const folderId of loadingParentIds) {\n    // find the folder by id\n    const folder = foldersMap.get(folderId)\n    if (folder) {\n      loadingTasks[folderId] = folder.taskNames?.length || 0\n    }\n  }\n\n  return loadingTasks\n}\n"],"names":["_a"],"mappings":"AAUa,MAAA,sBAAsB,CACjC,SACA,QAAQ,IACR,EAAE,OAAO,UAAU,SAAmD,IAAA,OACvD;AACf,SAAO,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE;AAAA,IAC9B,CAAC,GAAG,WAAqB;AAAA,MACvB,IAAI,WAAW,IAAI,IAAI,KAAK,IAAI,QAAQ;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,MACR;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,WAAW,CAAC;AAAA,MACZ,MAAM,CAAC;AAAA,MACP,SAAS,CAAC;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,QAAQ,OAAO,CAAC,KAA8B,WAAW;AAC3D,YAAA,OAAO,IAAI,IAAI;AACZ,eAAA;AAAA,MAAA,GACN,CAAE,CAAA;AAAA,IACP;AAAA,EACF;AACF;AAOa,MAAA,0BAA0B,CAAC,QAAQ,OAAyB;AAChE,SAAA,MAAM,KAAK,EACf,KAAK,IAAI,EACT,IAAI,CAAC,GAAG,MAAsB;AACtB,WAAA;AAAA,MACL,MAAM,oBAAoB,CAAC;AAAA,MAC3B,OAAO,CAAC,UAAU,MAAM;AAAA,MACxB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,UAAU;AAAA,IACZ;AAAA,EAAA,CACD;AACL;AAgBO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,MAAuD;AAnE1C;AAqEX,QAAM,YAAY,qBAAqB,IAAI,CAAC,SAAS,KAAK,QAAQ;AAClE,QAAM,iCAAiC,kBAAkB;AAAA,IACvD,CAAC,OAAO;AAvEC,UAAAA;AAuED,cAAAA,MAAA,WAAW,IAAI,EAAE,MAAjB,gBAAAA,IAAoB;AAAA;AAAA,EAC9B;AACM,QAAA,eAAe,IAAI,IAAI,SAAS;AAChC,QAAA,uCAAuB,IAAY;AACzC,aAAW,YAAY,gCAAgC;AACrD,QAAI,CAAC,aAAa,IAAI,QAAQ,GAAG;AAC/B,uBAAiB,IAAI,QAAQ;AAAA,IAAA;AAAA,EAC/B;AAGF,QAAM,eAA6B,CAAC;AACpC,aAAW,YAAY,kBAAkB;AAEjC,UAAA,SAAS,WAAW,IAAI,QAAQ;AACtC,QAAI,QAAQ;AACV,mBAAa,QAAQ,MAAI,YAAO,cAAP,mBAAkB,WAAU;AAAA,IAAA;AAAA,EACvD;AAGK,SAAA;AACT;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/validateUpdateEntities.cjs.js

@@ -0,0 +1,57 @@
+"use strict";
+const validateUpdateEntities = (entities = [], attribFields) => {
+  console.log(entities);
+  for (const { isAttrib, value: rawValue, field } of entities) {
+    if (!isAttrib) continue;
+    const attribute = attribFields.find((attr) => attr.name === field);
+    if (!attribute) continue;
+    let value = rawValue;
+    const { type } = attribute.data;
+    if (type === "integer" || type === "float") {
+      if (typeof rawValue === "string") {
+        if (rawValue.trim() === "" || isNaN(Number(rawValue))) {
+          throw new Error(`“${field}” must be a valid number`);
+        }
+        value = type === "integer" ? parseInt(rawValue, 10) : parseFloat(rawValue);
+      } else if (typeof rawValue !== "number") {
+        throw new Error(`“${field}” must be a valid number`);
+      }
+    }
+    const validationKeys = [
+      "ge",
+      "gt",
+      "le",
+      "lt",
+      "minLength",
+      "maxLength",
+      "minItems",
+      "maxItems"
+    ];
+    const validationValues = Object.entries(attribute.data).reduce((acc, [key, v]) => {
+      if (validationKeys.includes(key)) acc[key] = v;
+      return acc;
+    }, {});
+    const { ge, gt, le, lt, minLength, maxLength, minItems, maxItems } = validationValues;
+    const pattern = attribute.data.regex;
+    if (typeof value === "number") {
+      if (ge != null && value < ge) throw new Error(`“${field}” must be ≥ ${ge}`);
+      if (gt != null && value <= gt) throw new Error(`“${field}” must be > ${gt}`);
+      if (le != null && value > le) throw new Error(`“${field}” must be ≤ ${le}`);
+      if (lt != null && value >= lt) throw new Error(`“${field}” must be < ${lt}`);
+    } else if (typeof value === "string") {
+      if (minLength != null && value.length < minLength)
+        throw new Error(`“${field}” length must be ≥ ${minLength}`);
+      if (maxLength != null && value.length > maxLength)
+        throw new Error(`“${field}” length must be ≤ ${maxLength}`);
+      if (pattern && !new RegExp(pattern).test(value))
+        throw new Error(`“${field}” must match pattern ${pattern}`);
+    } else if (Array.isArray(value)) {
+      if (minItems != null && value.length < minItems)
+        throw new Error(`“${field}” items must be ≥ ${minItems}`);
+      if (maxItems != null && value.length > maxItems)
+        throw new Error(`“${field}” items must be ≤ ${maxItems}`);
+    }
+  }
+};
+module.exports = validateUpdateEntities;
+//# sourceMappingURL=validateUpdateEntities.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/validateUpdateEntities.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateUpdateEntities.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/validateUpdateEntities.ts"],"sourcesContent":["import { AttributeData, ProjectTableAttribute } from '../types'\nimport { EntityUpdate } from '../hooks/useUpdateTableData'\n\nconst validateUpdateEntities = (\n  entities: EntityUpdate[] = [],\n  attribFields: ProjectTableAttribute[],\n) => {\n  console.log(entities)\n  // first validate the values are correct\n  for (const { isAttrib, value: rawValue, field } of entities) {\n    if (!isAttrib) continue\n    const attribute = attribFields.find((attr) => attr.name === field)\n    if (!attribute) continue\n\n    // coerce numeric strings into numbers for integer/float types or fail\n    let value: any = rawValue\n    const { type } = attribute.data\n    if (type === 'integer' || type === 'float') {\n      if (typeof rawValue === 'string') {\n        // empty or non‑numeric strings are invalid\n        if (rawValue.trim() === '' || isNaN(Number(rawValue))) {\n          throw new Error(`“${field}” must be a valid number`)\n        }\n        value = type === 'integer' ? parseInt(rawValue, 10) : parseFloat(rawValue)\n      } else if (typeof rawValue !== 'number') {\n        // any other type is invalid\n        throw new Error(`“${field}” must be a valid number`)\n      }\n    }\n\n    // collect numeric rules from attribute.data\n    const validationKeys: (keyof AttributeData)[] = [\n      'ge',\n      'gt',\n      'le',\n      'lt',\n      'minLength',\n      'maxLength',\n      'minItems',\n      'maxItems',\n    ]\n    const validationValues = (\n      Object.entries(attribute.data) as [keyof AttributeData, any][]\n    ).reduce((acc, [key, v]) => {\n      if (validationKeys.includes(key)) acc[key] = v as number\n      return acc\n    }, {} as Record<keyof AttributeData, number>)\n\n    const { ge, gt, le, lt, minLength, maxLength, minItems, maxItems } = validationValues\n    const pattern = attribute.data.regex\n\n    if (typeof value === 'number') {\n      if (ge != null && value < ge) throw new Error(`“${field}” must be ≥ ${ge}`)\n      if (gt != null && value <= gt) throw new Error(`“${field}” must be > ${gt}`)\n      if (le != null && value > le) throw new Error(`“${field}” must be ≤ ${le}`)\n      if (lt != null && value >= lt) throw new Error(`“${field}” must be < ${lt}`)\n    } else if (typeof value === 'string') {\n      if (minLength != null && value.length < minLength)\n        throw new Error(`“${field}” length must be ≥ ${minLength}`)\n      if (maxLength != null && value.length > maxLength)\n        throw new Error(`“${field}” length must be ≤ ${maxLength}`)\n      if (pattern && !new RegExp(pattern).test(value))\n        throw new Error(`“${field}” must match pattern ${pattern}`)\n    } else if (Array.isArray(value)) {\n      if (minItems != null && value.length < minItems)\n        throw new Error(`“${field}” items must be ≥ ${minItems}`)\n      if (maxItems != null && value.length > maxItems)\n        throw new Error(`“${field}” items must be ≤ ${maxItems}`)\n    }\n  }\n}\n\nexport default validateUpdateEntities\n"],"names":[],"mappings":";AAGA,MAAM,yBAAyB,CAC7B,WAA2B,IAC3B,iBACG;AACH,UAAQ,IAAI,QAAQ;AAEpB,aAAW,EAAE,UAAU,OAAO,UAAU,WAAW,UAAU;AAC3D,QAAI,CAAC,SAAU;AACf,UAAM,YAAY,aAAa,KAAK,CAAC,SAAS,KAAK,SAAS,KAAK;AACjE,QAAI,CAAC,UAAW;AAGhB,QAAI,QAAa;AACX,UAAA,EAAE,SAAS,UAAU;AACvB,QAAA,SAAS,aAAa,SAAS,SAAS;AACtC,UAAA,OAAO,aAAa,UAAU;AAE5B,YAAA,SAAS,WAAW,MAAM,MAAM,OAAO,QAAQ,CAAC,GAAG;AACrD,gBAAM,IAAI,MAAM,IAAI,KAAK,0BAA0B;AAAA,QAAA;AAErD,gBAAQ,SAAS,YAAY,SAAS,UAAU,EAAE,IAAI,WAAW,QAAQ;AAAA,MAAA,WAChE,OAAO,aAAa,UAAU;AAEvC,cAAM,IAAI,MAAM,IAAI,KAAK,0BAA0B;AAAA,MAAA;AAAA,IACrD;AAIF,UAAM,iBAA0C;AAAA,MAC9C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,UAAM,mBACJ,OAAO,QAAQ,UAAU,IAAI,EAC7B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;AAC1B,UAAI,eAAe,SAAS,GAAG,EAAG,KAAI,GAAG,IAAI;AACtC,aAAA;AAAA,IACT,GAAG,EAAyC;AAEtC,UAAA,EAAE,IAAI,IAAI,IAAI,IAAI,WAAW,WAAW,UAAU,SAAA,IAAa;AAC/D,UAAA,UAAU,UAAU,KAAK;AAE3B,QAAA,OAAO,UAAU,UAAU;AACzB,UAAA,MAAM,QAAQ,QAAQ,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AACtE,UAAA,MAAM,QAAQ,SAAS,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AACvE,UAAA,MAAM,QAAQ,QAAQ,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AACtE,UAAA,MAAM,QAAQ,SAAS,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AAAA,IAAA,WAClE,OAAO,UAAU,UAAU;AAChC,UAAA,aAAa,QAAQ,MAAM,SAAS;AACtC,cAAM,IAAI,MAAM,IAAI,KAAK,sBAAsB,SAAS,EAAE;AACxD,UAAA,aAAa,QAAQ,MAAM,SAAS;AACtC,cAAM,IAAI,MAAM,IAAI,KAAK,sBAAsB,SAAS,EAAE;AAC5D,UAAI,WAAW,CAAC,IAAI,OAAO,OAAO,EAAE,KAAK,KAAK;AAC5C,cAAM,IAAI,MAAM,IAAI,KAAK,wBAAwB,OAAO,EAAE;AAAA,IACnD,WAAA,MAAM,QAAQ,KAAK,GAAG;AAC3B,UAAA,YAAY,QAAQ,MAAM,SAAS;AACrC,cAAM,IAAI,MAAM,IAAI,KAAK,qBAAqB,QAAQ,EAAE;AACtD,UAAA,YAAY,QAAQ,MAAM,SAAS;AACrC,cAAM,IAAI,MAAM,IAAI,KAAK,qBAAqB,QAAQ,EAAE;AAAA,IAAA;AAAA,EAC5D;AAEJ;;"}

package/dist/shared/src/containers/ProjectTreeTable/utils/validateUpdateEntities.es.js

@@ -0,0 +1,58 @@
+const validateUpdateEntities = (entities = [], attribFields) => {
+  console.log(entities);
+  for (const { isAttrib, value: rawValue, field } of entities) {
+    if (!isAttrib) continue;
+    const attribute = attribFields.find((attr) => attr.name === field);
+    if (!attribute) continue;
+    let value = rawValue;
+    const { type } = attribute.data;
+    if (type === "integer" || type === "float") {
+      if (typeof rawValue === "string") {
+        if (rawValue.trim() === "" || isNaN(Number(rawValue))) {
+          throw new Error(`“${field}” must be a valid number`);
+        }
+        value = type === "integer" ? parseInt(rawValue, 10) : parseFloat(rawValue);
+      } else if (typeof rawValue !== "number") {
+        throw new Error(`“${field}” must be a valid number`);
+      }
+    }
+    const validationKeys = [
+      "ge",
+      "gt",
+      "le",
+      "lt",
+      "minLength",
+      "maxLength",
+      "minItems",
+      "maxItems"
+    ];
+    const validationValues = Object.entries(attribute.data).reduce((acc, [key, v]) => {
+      if (validationKeys.includes(key)) acc[key] = v;
+      return acc;
+    }, {});
+    const { ge, gt, le, lt, minLength, maxLength, minItems, maxItems } = validationValues;
+    const pattern = attribute.data.regex;
+    if (typeof value === "number") {
+      if (ge != null && value < ge) throw new Error(`“${field}” must be ≥ ${ge}`);
+      if (gt != null && value <= gt) throw new Error(`“${field}” must be > ${gt}`);
+      if (le != null && value > le) throw new Error(`“${field}” must be ≤ ${le}`);
+      if (lt != null && value >= lt) throw new Error(`“${field}” must be < ${lt}`);
+    } else if (typeof value === "string") {
+      if (minLength != null && value.length < minLength)
+        throw new Error(`“${field}” length must be ≥ ${minLength}`);
+      if (maxLength != null && value.length > maxLength)
+        throw new Error(`“${field}” length must be ≤ ${maxLength}`);
+      if (pattern && !new RegExp(pattern).test(value))
+        throw new Error(`“${field}” must match pattern ${pattern}`);
+    } else if (Array.isArray(value)) {
+      if (minItems != null && value.length < minItems)
+        throw new Error(`“${field}” items must be ≥ ${minItems}`);
+      if (maxItems != null && value.length > maxItems)
+        throw new Error(`“${field}” items must be ≤ ${maxItems}`);
+    }
+  }
+};
+export {
+  validateUpdateEntities as default
+};
+//# sourceMappingURL=validateUpdateEntities.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/utils/validateUpdateEntities.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateUpdateEntities.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/utils/validateUpdateEntities.ts"],"sourcesContent":["import { AttributeData, ProjectTableAttribute } from '../types'\nimport { EntityUpdate } from '../hooks/useUpdateTableData'\n\nconst validateUpdateEntities = (\n  entities: EntityUpdate[] = [],\n  attribFields: ProjectTableAttribute[],\n) => {\n  console.log(entities)\n  // first validate the values are correct\n  for (const { isAttrib, value: rawValue, field } of entities) {\n    if (!isAttrib) continue\n    const attribute = attribFields.find((attr) => attr.name === field)\n    if (!attribute) continue\n\n    // coerce numeric strings into numbers for integer/float types or fail\n    let value: any = rawValue\n    const { type } = attribute.data\n    if (type === 'integer' || type === 'float') {\n      if (typeof rawValue === 'string') {\n        // empty or non‑numeric strings are invalid\n        if (rawValue.trim() === '' || isNaN(Number(rawValue))) {\n          throw new Error(`“${field}” must be a valid number`)\n        }\n        value = type === 'integer' ? parseInt(rawValue, 10) : parseFloat(rawValue)\n      } else if (typeof rawValue !== 'number') {\n        // any other type is invalid\n        throw new Error(`“${field}” must be a valid number`)\n      }\n    }\n\n    // collect numeric rules from attribute.data\n    const validationKeys: (keyof AttributeData)[] = [\n      'ge',\n      'gt',\n      'le',\n      'lt',\n      'minLength',\n      'maxLength',\n      'minItems',\n      'maxItems',\n    ]\n    const validationValues = (\n      Object.entries(attribute.data) as [keyof AttributeData, any][]\n    ).reduce((acc, [key, v]) => {\n      if (validationKeys.includes(key)) acc[key] = v as number\n      return acc\n    }, {} as Record<keyof AttributeData, number>)\n\n    const { ge, gt, le, lt, minLength, maxLength, minItems, maxItems } = validationValues\n    const pattern = attribute.data.regex\n\n    if (typeof value === 'number') {\n      if (ge != null && value < ge) throw new Error(`“${field}” must be ≥ ${ge}`)\n      if (gt != null && value <= gt) throw new Error(`“${field}” must be > ${gt}`)\n      if (le != null && value > le) throw new Error(`“${field}” must be ≤ ${le}`)\n      if (lt != null && value >= lt) throw new Error(`“${field}” must be < ${lt}`)\n    } else if (typeof value === 'string') {\n      if (minLength != null && value.length < minLength)\n        throw new Error(`“${field}” length must be ≥ ${minLength}`)\n      if (maxLength != null && value.length > maxLength)\n        throw new Error(`“${field}” length must be ≤ ${maxLength}`)\n      if (pattern && !new RegExp(pattern).test(value))\n        throw new Error(`“${field}” must match pattern ${pattern}`)\n    } else if (Array.isArray(value)) {\n      if (minItems != null && value.length < minItems)\n        throw new Error(`“${field}” items must be ≥ ${minItems}`)\n      if (maxItems != null && value.length > maxItems)\n        throw new Error(`“${field}” items must be ≤ ${maxItems}`)\n    }\n  }\n}\n\nexport default validateUpdateEntities\n"],"names":[],"mappings":"AAGA,MAAM,yBAAyB,CAC7B,WAA2B,IAC3B,iBACG;AACH,UAAQ,IAAI,QAAQ;AAEpB,aAAW,EAAE,UAAU,OAAO,UAAU,WAAW,UAAU;AAC3D,QAAI,CAAC,SAAU;AACf,UAAM,YAAY,aAAa,KAAK,CAAC,SAAS,KAAK,SAAS,KAAK;AACjE,QAAI,CAAC,UAAW;AAGhB,QAAI,QAAa;AACX,UAAA,EAAE,SAAS,UAAU;AACvB,QAAA,SAAS,aAAa,SAAS,SAAS;AACtC,UAAA,OAAO,aAAa,UAAU;AAE5B,YAAA,SAAS,WAAW,MAAM,MAAM,OAAO,QAAQ,CAAC,GAAG;AACrD,gBAAM,IAAI,MAAM,IAAI,KAAK,0BAA0B;AAAA,QAAA;AAErD,gBAAQ,SAAS,YAAY,SAAS,UAAU,EAAE,IAAI,WAAW,QAAQ;AAAA,MAAA,WAChE,OAAO,aAAa,UAAU;AAEvC,cAAM,IAAI,MAAM,IAAI,KAAK,0BAA0B;AAAA,MAAA;AAAA,IACrD;AAIF,UAAM,iBAA0C;AAAA,MAC9C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AACA,UAAM,mBACJ,OAAO,QAAQ,UAAU,IAAI,EAC7B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;AAC1B,UAAI,eAAe,SAAS,GAAG,EAAG,KAAI,GAAG,IAAI;AACtC,aAAA;AAAA,IACT,GAAG,EAAyC;AAEtC,UAAA,EAAE,IAAI,IAAI,IAAI,IAAI,WAAW,WAAW,UAAU,SAAA,IAAa;AAC/D,UAAA,UAAU,UAAU,KAAK;AAE3B,QAAA,OAAO,UAAU,UAAU;AACzB,UAAA,MAAM,QAAQ,QAAQ,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AACtE,UAAA,MAAM,QAAQ,SAAS,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AACvE,UAAA,MAAM,QAAQ,QAAQ,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AACtE,UAAA,MAAM,QAAQ,SAAS,GAAI,OAAM,IAAI,MAAM,IAAI,KAAK,eAAe,EAAE,EAAE;AAAA,IAAA,WAClE,OAAO,UAAU,UAAU;AAChC,UAAA,aAAa,QAAQ,MAAM,SAAS;AACtC,cAAM,IAAI,MAAM,IAAI,KAAK,sBAAsB,SAAS,EAAE;AACxD,UAAA,aAAa,QAAQ,MAAM,SAAS;AACtC,cAAM,IAAI,MAAM,IAAI,KAAK,sBAAsB,SAAS,EAAE;AAC5D,UAAI,WAAW,CAAC,IAAI,OAAO,OAAO,EAAE,KAAK,KAAK;AAC5C,cAAM,IAAI,MAAM,IAAI,KAAK,wBAAwB,OAAO,EAAE;AAAA,IACnD,WAAA,MAAM,QAAQ,KAAK,GAAG;AAC3B,UAAA,YAAY,QAAQ,MAAM,SAAS;AACrC,cAAM,IAAI,MAAM,IAAI,KAAK,qBAAqB,QAAQ,EAAE;AACtD,UAAA,YAAY,QAAQ,MAAM,SAAS;AACrC,cAAM,IAAI,MAAM,IAAI,KAAK,qBAAqB,QAAQ,EAAE;AAAA,IAAA;AAAA,EAC5D;AAEJ;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.cjs.js

@@ -105,6 +105,16 @@ const EditorCellComponent = ({
       }
       case !!options.length: {
         const enumValue = Array.isArray(value) ? value : [value];
+        if (isReadOnly) {
+          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            TextWidget.TextWidget,
+            {
+              value: enumValue.join(", "),
+              option: enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : void 0,
+              ...sharedProps
+            }
+          );
+        }
         return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           EnumWidget.EnumWidget,
           {

package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, memo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &.inherited {\n    opacity: 0.6;\n    font-style: italic;\n  }\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\ntype WidgetAttributeData = Pick<AttributeData, 'type'>\n\nexport type CellValue = string | number | boolean\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  rowId: string\n  columnId: string\n  value: CellValue | CellValue[]\n  attributeData?: WidgetAttributeData\n  options?: AttributeEnumItem[]\n  isCollapsed?: boolean\n  isInherited?: boolean\n  isPlaceholder?: boolean\n  isFocused?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  onChange?: (value: CellValue | CellValue[], key?: 'Enter' | 'Click' | 'Escape') => void\n  // options passthrough props\n  pt?: {\n    enum?: Partial<EnumWidgetProps>\n    text?: Partial<TextWidgetProps>\n    date?: Partial<DateWidgetProps>\n    boolean?: Partial<BooleanWidgetProps>\n  }\n}\n\nexport interface WidgetBaseProps {\n  isEditing?: boolean\n  onChange: Required<EditorCellProps>['onChange']\n  onCancelEdit?: () => void\n}\n\nconst EditorCellComponent: FC<EditorCellProps> = ({\n  rowId,\n  columnId,\n  value,\n  attributeData,\n  options = [],\n  isCollapsed,\n  isInherited,\n  isPlaceholder,\n  isReadOnly,\n  enableCustomValues,\n  onChange,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const handleDoubleClick = useCallback(() => {\n    if (isPlaceholder || isReadOnly) return\n    setEditingCellId(cellId)\n  }, [cellId, setEditingCellId, isPlaceholder])\n\n  const handleSingleClick = () => {\n    // clicking a cell that is not editing will close the editor on this cell\n    if (!isCurrentCellEditing) {\n      setEditingCellId(null)\n    }\n  }\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) return\n    const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n    if (newRowId) {\n      const newCellId = getCellId(newRowId, columnId)\n      selectCell(newCellId, false, false)\n      focusCell(newCellId)\n      setEditingCellId(newCellId)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    setEditingCellId(null)\n    if (isReadOnly) return\n    // move to the next cell row\n    key === 'Enter' && moveToNextRow()\n    // make change if the value is different or if the key is 'Enter'\n    if (newValue !== value || key === 'Enter') {\n      onChange?.(newValue, key)\n    }\n  }\n\n  const handleCancel = () => {\n    setEditingCellId(null)\n  }\n\n  const widget = useMemo(() => {\n    // Common props shared across all widgets\n    const sharedProps: WidgetBaseProps = {\n      onChange: handleOnChange,\n      onCancelEdit: handleCancel,\n      isEditing: isCurrentCellEditing,\n    }\n\n    const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n    // Determine widget type based on attribute type\n    switch (true) {\n      // this is showing the collapsed widget (dot)\n      case isCollapsed: {\n        // if enum, find the first selected option and get its color\n        const firstSelectedOption = type?.includes('list')\n          ? options.find((option) =>\n              Array.isArray(value) ? value.includes(option.value) : value === option.value,\n            )\n          : undefined\n        const color = firstSelectedOption?.color\n        return <CollapsedWidget color={color} />\n      }\n\n      case !!options.length: {\n        const enumValue = Array.isArray(value) ? value : [value]\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && setEditingCellId(cellId)}\n            enableCustomValues={enableCustomValues}\n            {...sharedProps}\n            {...pt?.enum}\n          />\n        )\n      }\n\n      case textTypes.includes(type as TextWidgetType):\n        return (\n          <TextWidget\n            value={value as string}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.text}\n          />\n        )\n\n      case type === 'datetime':\n        return (\n          <DateWidget\n            value={value ? (value as string) : undefined}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.date}\n          />\n        )\n\n      case type === 'boolean':\n        return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n      case isPlaceholder:\n        return null\n\n      default:\n        // TODO: We should not allow editing unrecognized types\n        // At this point, only list_of_strings without proper options is unrecognized\n        // (tags if not tags are specified in anatomy) and in that case, validation\n        // on the server fails with a string value. Unless we have a widget that\n        // accepts a string value AND options at the same time we shouldn't show\n        // any edit widget\n\n        //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n        return null\n    }\n  }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n  return (\n    <Cell\n      {...props}\n      className={clsx(props.className, { inherited: isInherited && !isCurrentCellEditing })}\n      ref={ref}\n      onDoubleClick={handleDoubleClick}\n      onClick={handleSingleClick}\n      id={cellId}\n      data-tooltip={\n        isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n\n// Custom comparison function for memo\nfunction arePropsEqual(prevProps: EditorCellProps, nextProps: EditorCellProps) {\n  // Only re-render if these props change\n  return (\n    prevProps.rowId === nextProps.rowId &&\n    prevProps.columnId === nextProps.columnId &&\n    prevProps.isCollapsed === nextProps.isCollapsed &&\n    JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) &&\n    prevProps?.attributeData?.type === nextProps?.attributeData?.type &&\n    // Only check options length for list types to avoid deep comparison\n    ((!prevProps?.attributeData?.type.includes('list') &&\n      !nextProps?.attributeData?.type.includes('list')) ||\n      prevProps.options?.length === nextProps.options?.length) &&\n    prevProps.isInherited === nextProps.isInherited &&\n    prevProps.enableCustomValues === nextProps.enableCustomValues &&\n    prevProps.isReadOnly === nextProps.isReadOnly &&\n    prevProps.isPlaceholder === nextProps.isPlaceholder &&\n    prevProps.isFocused === nextProps.isFocused &&\n    prevProps.isCollapsed === nextProps.isCollapsed\n  )\n}\n\nexport const CellWidget = memo(EditorCellComponent, arePropsEqual)\n"],"names":["useRef","useCellEditing","useSelectionCellsContext","getCellId","useCallback","useMemo","jsx","CollapsedWidget","EnumWidget","TextWidget","DateWidget","BooleanWidget","memo"],"mappings":"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"}
+{"version":3,"file":"CellWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, memo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &.inherited {\n    opacity: 0.6;\n    font-style: italic;\n  }\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\ntype WidgetAttributeData = Pick<AttributeData, 'type'>\n\nexport type CellValue = string | number | boolean\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  rowId: string\n  columnId: string\n  value: CellValue | CellValue[]\n  attributeData?: WidgetAttributeData\n  options?: AttributeEnumItem[]\n  isCollapsed?: boolean\n  isInherited?: boolean\n  isPlaceholder?: boolean\n  isFocused?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  onChange?: (value: CellValue | CellValue[], key?: 'Enter' | 'Click' | 'Escape') => void\n  // options passthrough props\n  pt?: {\n    enum?: Partial<EnumWidgetProps>\n    text?: Partial<TextWidgetProps>\n    date?: Partial<DateWidgetProps>\n    boolean?: Partial<BooleanWidgetProps>\n  }\n}\n\nexport interface WidgetBaseProps {\n  isEditing?: boolean\n  onChange: Required<EditorCellProps>['onChange']\n  onCancelEdit?: () => void\n}\n\nconst EditorCellComponent: FC<EditorCellProps> = ({\n  rowId,\n  columnId,\n  value,\n  attributeData,\n  options = [],\n  isCollapsed,\n  isInherited,\n  isPlaceholder,\n  isReadOnly,\n  enableCustomValues,\n  onChange,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const handleDoubleClick = useCallback(() => {\n    if (isPlaceholder || isReadOnly) return\n    setEditingCellId(cellId)\n  }, [cellId, setEditingCellId, isPlaceholder])\n\n  const handleSingleClick = () => {\n    // clicking a cell that is not editing will close the editor on this cell\n    if (!isCurrentCellEditing) {\n      setEditingCellId(null)\n    }\n  }\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) return\n    const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n    if (newRowId) {\n      const newCellId = getCellId(newRowId, columnId)\n      selectCell(newCellId, false, false)\n      focusCell(newCellId)\n      setEditingCellId(newCellId)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    setEditingCellId(null)\n    if (isReadOnly) return\n    // move to the next cell row\n    key === 'Enter' && moveToNextRow()\n    // make change if the value is different or if the key is 'Enter'\n    if (newValue !== value || key === 'Enter') {\n      onChange?.(newValue, key)\n    }\n  }\n\n  const handleCancel = () => {\n    setEditingCellId(null)\n  }\n\n  const widget = useMemo(() => {\n    // Common props shared across all widgets\n    const sharedProps: WidgetBaseProps = {\n      onChange: handleOnChange,\n      onCancelEdit: handleCancel,\n      isEditing: isCurrentCellEditing,\n    }\n\n    const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n    // Determine widget type based on attribute type\n    switch (true) {\n      // this is showing the collapsed widget (dot)\n      case isCollapsed: {\n        // if enum, find the first selected option and get its color\n        const firstSelectedOption = type?.includes('list')\n          ? options.find((option) =>\n              Array.isArray(value) ? value.includes(option.value) : value === option.value,\n            )\n          : undefined\n        const color = firstSelectedOption?.color\n        return <CollapsedWidget color={color} />\n      }\n\n      case !!options.length: {\n        const enumValue = Array.isArray(value) ? value : [value]\n        if (isReadOnly) {\n          return (\n            <TextWidget\n              value={enumValue.join(', ')}\n              option={\n                enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : undefined\n              }\n              {...sharedProps}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && setEditingCellId(cellId)}\n            enableCustomValues={enableCustomValues}\n            {...sharedProps}\n            {...pt?.enum}\n          />\n        )\n      }\n\n      case textTypes.includes(type as TextWidgetType):\n        return (\n          <TextWidget\n            value={value as string}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.text}\n          />\n        )\n\n      case type === 'datetime':\n        return (\n          <DateWidget\n            value={value ? (value as string) : undefined}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.date}\n          />\n        )\n\n      case type === 'boolean':\n        return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n      case isPlaceholder:\n        return null\n\n      default:\n        // TODO: We should not allow editing unrecognized types\n        // At this point, only list_of_strings without proper options is unrecognized\n        // (tags if not tags are specified in anatomy) and in that case, validation\n        // on the server fails with a string value. Unless we have a widget that\n        // accepts a string value AND options at the same time we shouldn't show\n        // any edit widget\n\n        //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n        return null\n    }\n  }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n  return (\n    <Cell\n      {...props}\n      className={clsx(props.className, { inherited: isInherited && !isCurrentCellEditing })}\n      ref={ref}\n      onDoubleClick={handleDoubleClick}\n      onClick={handleSingleClick}\n      id={cellId}\n      data-tooltip={\n        isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n\n// Custom comparison function for memo\nfunction arePropsEqual(prevProps: EditorCellProps, nextProps: EditorCellProps) {\n  // Only re-render if these props change\n  return (\n    prevProps.rowId === nextProps.rowId &&\n    prevProps.columnId === nextProps.columnId &&\n    prevProps.isCollapsed === nextProps.isCollapsed &&\n    JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) &&\n    prevProps?.attributeData?.type === nextProps?.attributeData?.type &&\n    // Only check options length for list types to avoid deep comparison\n    ((!prevProps?.attributeData?.type.includes('list') &&\n      !nextProps?.attributeData?.type.includes('list')) ||\n      prevProps.options?.length === nextProps.options?.length) &&\n    prevProps.isInherited === nextProps.isInherited &&\n    prevProps.enableCustomValues === nextProps.enableCustomValues &&\n    prevProps.isReadOnly === nextProps.isReadOnly &&\n    prevProps.isPlaceholder === nextProps.isPlaceholder &&\n    prevProps.isFocused === nextProps.isFocused &&\n    prevProps.isCollapsed === nextProps.isCollapsed\n  )\n}\n\nexport const CellWidget = memo(EditorCellComponent, arePropsEqual)\n"],"names":["useRef","useCellEditing","useSelectionCellsContext","getCellId","useCallback","useMemo","jsx","CollapsedWidget","TextWidget","EnumWidget","DateWidget","BooleanWidget","memo"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.es.js

@@ -103,6 +103,16 @@ const EditorCellComponent = ({
       }
       case !!options.length: {
         const enumValue = Array.isArray(value) ? value : [value];
+        if (isReadOnly) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            TextWidget,
+            {
+              value: enumValue.join(", "),
+              option: enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : void 0,
+              ...sharedProps
+            }
+          );
+        }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           EnumWidget,
           {

package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, memo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &.inherited {\n    opacity: 0.6;\n    font-style: italic;\n  }\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\ntype WidgetAttributeData = Pick<AttributeData, 'type'>\n\nexport type CellValue = string | number | boolean\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  rowId: string\n  columnId: string\n  value: CellValue | CellValue[]\n  attributeData?: WidgetAttributeData\n  options?: AttributeEnumItem[]\n  isCollapsed?: boolean\n  isInherited?: boolean\n  isPlaceholder?: boolean\n  isFocused?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  onChange?: (value: CellValue | CellValue[], key?: 'Enter' | 'Click' | 'Escape') => void\n  // options passthrough props\n  pt?: {\n    enum?: Partial<EnumWidgetProps>\n    text?: Partial<TextWidgetProps>\n    date?: Partial<DateWidgetProps>\n    boolean?: Partial<BooleanWidgetProps>\n  }\n}\n\nexport interface WidgetBaseProps {\n  isEditing?: boolean\n  onChange: Required<EditorCellProps>['onChange']\n  onCancelEdit?: () => void\n}\n\nconst EditorCellComponent: FC<EditorCellProps> = ({\n  rowId,\n  columnId,\n  value,\n  attributeData,\n  options = [],\n  isCollapsed,\n  isInherited,\n  isPlaceholder,\n  isReadOnly,\n  enableCustomValues,\n  onChange,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const handleDoubleClick = useCallback(() => {\n    if (isPlaceholder || isReadOnly) return\n    setEditingCellId(cellId)\n  }, [cellId, setEditingCellId, isPlaceholder])\n\n  const handleSingleClick = () => {\n    // clicking a cell that is not editing will close the editor on this cell\n    if (!isCurrentCellEditing) {\n      setEditingCellId(null)\n    }\n  }\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) return\n    const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n    if (newRowId) {\n      const newCellId = getCellId(newRowId, columnId)\n      selectCell(newCellId, false, false)\n      focusCell(newCellId)\n      setEditingCellId(newCellId)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    setEditingCellId(null)\n    if (isReadOnly) return\n    // move to the next cell row\n    key === 'Enter' && moveToNextRow()\n    // make change if the value is different or if the key is 'Enter'\n    if (newValue !== value || key === 'Enter') {\n      onChange?.(newValue, key)\n    }\n  }\n\n  const handleCancel = () => {\n    setEditingCellId(null)\n  }\n\n  const widget = useMemo(() => {\n    // Common props shared across all widgets\n    const sharedProps: WidgetBaseProps = {\n      onChange: handleOnChange,\n      onCancelEdit: handleCancel,\n      isEditing: isCurrentCellEditing,\n    }\n\n    const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n    // Determine widget type based on attribute type\n    switch (true) {\n      // this is showing the collapsed widget (dot)\n      case isCollapsed: {\n        // if enum, find the first selected option and get its color\n        const firstSelectedOption = type?.includes('list')\n          ? options.find((option) =>\n              Array.isArray(value) ? value.includes(option.value) : value === option.value,\n            )\n          : undefined\n        const color = firstSelectedOption?.color\n        return <CollapsedWidget color={color} />\n      }\n\n      case !!options.length: {\n        const enumValue = Array.isArray(value) ? value : [value]\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && setEditingCellId(cellId)}\n            enableCustomValues={enableCustomValues}\n            {...sharedProps}\n            {...pt?.enum}\n          />\n        )\n      }\n\n      case textTypes.includes(type as TextWidgetType):\n        return (\n          <TextWidget\n            value={value as string}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.text}\n          />\n        )\n\n      case type === 'datetime':\n        return (\n          <DateWidget\n            value={value ? (value as string) : undefined}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.date}\n          />\n        )\n\n      case type === 'boolean':\n        return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n      case isPlaceholder:\n        return null\n\n      default:\n        // TODO: We should not allow editing unrecognized types\n        // At this point, only list_of_strings without proper options is unrecognized\n        // (tags if not tags are specified in anatomy) and in that case, validation\n        // on the server fails with a string value. Unless we have a widget that\n        // accepts a string value AND options at the same time we shouldn't show\n        // any edit widget\n\n        //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n        return null\n    }\n  }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n  return (\n    <Cell\n      {...props}\n      className={clsx(props.className, { inherited: isInherited && !isCurrentCellEditing })}\n      ref={ref}\n      onDoubleClick={handleDoubleClick}\n      onClick={handleSingleClick}\n      id={cellId}\n      data-tooltip={\n        isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n\n// Custom comparison function for memo\nfunction arePropsEqual(prevProps: EditorCellProps, nextProps: EditorCellProps) {\n  // Only re-render if these props change\n  return (\n    prevProps.rowId === nextProps.rowId &&\n    prevProps.columnId === nextProps.columnId &&\n    prevProps.isCollapsed === nextProps.isCollapsed &&\n    JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) &&\n    prevProps?.attributeData?.type === nextProps?.attributeData?.type &&\n    // Only check options length for list types to avoid deep comparison\n    ((!prevProps?.attributeData?.type.includes('list') &&\n      !nextProps?.attributeData?.type.includes('list')) ||\n      prevProps.options?.length === nextProps.options?.length) &&\n    prevProps.isInherited === nextProps.isInherited &&\n    prevProps.enableCustomValues === nextProps.enableCustomValues &&\n    prevProps.isReadOnly === nextProps.isReadOnly &&\n    prevProps.isPlaceholder === nextProps.isPlaceholder &&\n    prevProps.isFocused === nextProps.isFocused &&\n    prevProps.isCollapsed === nextProps.isCollapsed\n  )\n}\n\nexport const CellWidget = memo(EditorCellComponent, arePropsEqual)\n"],"names":["jsx"],"mappings":"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"}
+{"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { useMemo, memo, useCallback, useRef, FC } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { AttributeData, AttributeEnumItem } from '../types'\n\nconst Cell = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px 8px;\n  display: flex;\n  align-items: center;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &.inherited {\n    opacity: 0.6;\n    font-style: italic;\n  }\n\n  &.loading {\n    inset: 4px;\n    border-radius: 4px;\n    opacity: 1;\n  }\n`\n\ntype WidgetAttributeData = Pick<AttributeData, 'type'>\n\nexport type CellValue = string | number | boolean\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  rowId: string\n  columnId: string\n  value: CellValue | CellValue[]\n  attributeData?: WidgetAttributeData\n  options?: AttributeEnumItem[]\n  isCollapsed?: boolean\n  isInherited?: boolean\n  isPlaceholder?: boolean\n  isFocused?: boolean\n  isReadOnly?: boolean\n  enableCustomValues?: boolean\n  onChange?: (value: CellValue | CellValue[], key?: 'Enter' | 'Click' | 'Escape') => void\n  // options passthrough props\n  pt?: {\n    enum?: Partial<EnumWidgetProps>\n    text?: Partial<TextWidgetProps>\n    date?: Partial<DateWidgetProps>\n    boolean?: Partial<BooleanWidgetProps>\n  }\n}\n\nexport interface WidgetBaseProps {\n  isEditing?: boolean\n  onChange: Required<EditorCellProps>['onChange']\n  onCancelEdit?: () => void\n}\n\nconst EditorCellComponent: FC<EditorCellProps> = ({\n  rowId,\n  columnId,\n  value,\n  attributeData,\n  options = [],\n  isCollapsed,\n  isInherited,\n  isPlaceholder,\n  isReadOnly,\n  enableCustomValues,\n  onChange,\n  pt,\n  ...props\n}) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const type = attributeData?.type\n\n  const { isEditing, setEditingCellId } = useCellEditing()\n  const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n  const cellId = getCellId(rowId, columnId)\n\n  const isCurrentCellEditing = isEditing(cellId)\n  const isCurrentCellFocused = isCellFocused(cellId)\n\n  const handleDoubleClick = useCallback(() => {\n    if (isPlaceholder || isReadOnly) return\n    setEditingCellId(cellId)\n  }, [cellId, setEditingCellId, isPlaceholder])\n\n  const handleSingleClick = () => {\n    // clicking a cell that is not editing will close the editor on this cell\n    if (!isCurrentCellEditing) {\n      setEditingCellId(null)\n    }\n  }\n\n  const moveToNextRow = () => {\n    const rowIndex = gridMap.rowIdToIndex.get(rowId)\n    if (rowIndex === undefined) return\n    const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n    if (newRowId) {\n      const newCellId = getCellId(newRowId, columnId)\n      selectCell(newCellId, false, false)\n      focusCell(newCellId)\n      setEditingCellId(newCellId)\n    }\n  }\n\n  const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n    setEditingCellId(null)\n    if (isReadOnly) return\n    // move to the next cell row\n    key === 'Enter' && moveToNextRow()\n    // make change if the value is different or if the key is 'Enter'\n    if (newValue !== value || key === 'Enter') {\n      onChange?.(newValue, key)\n    }\n  }\n\n  const handleCancel = () => {\n    setEditingCellId(null)\n  }\n\n  const widget = useMemo(() => {\n    // Common props shared across all widgets\n    const sharedProps: WidgetBaseProps = {\n      onChange: handleOnChange,\n      onCancelEdit: handleCancel,\n      isEditing: isCurrentCellEditing,\n    }\n\n    const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n    // Determine widget type based on attribute type\n    switch (true) {\n      // this is showing the collapsed widget (dot)\n      case isCollapsed: {\n        // if enum, find the first selected option and get its color\n        const firstSelectedOption = type?.includes('list')\n          ? options.find((option) =>\n              Array.isArray(value) ? value.includes(option.value) : value === option.value,\n            )\n          : undefined\n        const color = firstSelectedOption?.color\n        return <CollapsedWidget color={color} />\n      }\n\n      case !!options.length: {\n        const enumValue = Array.isArray(value) ? value : [value]\n        if (isReadOnly) {\n          return (\n            <TextWidget\n              value={enumValue.join(', ')}\n              option={\n                enumValue.length === 1 ? options.find((o) => o.value === enumValue[0]) : undefined\n              }\n              {...sharedProps}\n            />\n          )\n        }\n        return (\n          <EnumWidget\n            value={enumValue}\n            options={options}\n            type={type}\n            onOpen={() => !isReadOnly && setEditingCellId(cellId)}\n            enableCustomValues={enableCustomValues}\n            {...sharedProps}\n            {...pt?.enum}\n          />\n        )\n      }\n\n      case textTypes.includes(type as TextWidgetType):\n        return (\n          <TextWidget\n            value={value as string}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.text}\n          />\n        )\n\n      case type === 'datetime':\n        return (\n          <DateWidget\n            value={value ? (value as string) : undefined}\n            isInherited={isInherited}\n            {...sharedProps}\n            {...pt?.date}\n          />\n        )\n\n      case type === 'boolean':\n        return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n      case isPlaceholder:\n        return null\n\n      default:\n        // TODO: We should not allow editing unrecognized types\n        // At this point, only list_of_strings without proper options is unrecognized\n        // (tags if not tags are specified in anatomy) and in that case, validation\n        // on the server fails with a string value. Unless we have a widget that\n        // accepts a string value AND options at the same time we shouldn't show\n        // any edit widget\n\n        //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n        return null\n    }\n  }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n  return (\n    <Cell\n      {...props}\n      className={clsx(props.className, { inherited: isInherited && !isCurrentCellEditing })}\n      ref={ref}\n      onDoubleClick={handleDoubleClick}\n      onClick={handleSingleClick}\n      id={cellId}\n      data-tooltip={\n        isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined\n      }\n      data-tooltip-delay={200}\n    >\n      {widget}\n    </Cell>\n  )\n}\n\n// Custom comparison function for memo\nfunction arePropsEqual(prevProps: EditorCellProps, nextProps: EditorCellProps) {\n  // Only re-render if these props change\n  return (\n    prevProps.rowId === nextProps.rowId &&\n    prevProps.columnId === nextProps.columnId &&\n    prevProps.isCollapsed === nextProps.isCollapsed &&\n    JSON.stringify(prevProps.value) === JSON.stringify(nextProps.value) &&\n    prevProps?.attributeData?.type === nextProps?.attributeData?.type &&\n    // Only check options length for list types to avoid deep comparison\n    ((!prevProps?.attributeData?.type.includes('list') &&\n      !nextProps?.attributeData?.type.includes('list')) ||\n      prevProps.options?.length === nextProps.options?.length) &&\n    prevProps.isInherited === nextProps.isInherited &&\n    prevProps.enableCustomValues === nextProps.enableCustomValues &&\n    prevProps.isReadOnly === nextProps.isReadOnly &&\n    prevProps.isPlaceholder === nextProps.isPlaceholder &&\n    prevProps.isFocused === nextProps.isFocused &&\n    prevProps.isCollapsed === nextProps.isCollapsed\n  )\n}\n\nexport const CellWidget = memo(EditorCellComponent, arePropsEqual)\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDpB,MAAM,sBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,MAAM,OAAuB,IAAI;AACvC,QAAM,OAAO,+CAAe;AAE5B,QAAM,EAAE,WAAW,iBAAiB,IAAI,eAAe;AACvD,QAAM,EAAE,eAAe,SAAS,YAAY,UAAA,IAAc,yBAAyB;AAC7E,QAAA,SAAS,UAAU,OAAO,QAAQ;AAElC,QAAA,uBAAuB,UAAU,MAAM;AACvC,QAAA,uBAAuB,cAAc,MAAM;AAE3C,QAAA,oBAAoB,YAAY,MAAM;AAC1C,QAAI,iBAAiB,WAAY;AACjC,qBAAiB,MAAM;AAAA,EACtB,GAAA,CAAC,QAAQ,kBAAkB,aAAa,CAAC;AAE5C,QAAM,oBAAoB,MAAM;AAE9B,QAAI,CAAC,sBAAsB;AACzB,uBAAiB,IAAI;AAAA,IAAA;AAAA,EAEzB;AAEA,QAAM,gBAAgB,MAAM;AAC1B,UAAM,WAAW,QAAQ,aAAa,IAAI,KAAK;AAC/C,QAAI,aAAa,OAAW;AAC5B,UAAM,WAAW,QAAQ,aAAa,IAAI,WAAW,CAAC;AACtD,QAAI,UAAU;AACN,YAAA,YAAY,UAAU,UAAU,QAAQ;AACnC,iBAAA,WAAW,OAAO,KAAK;AAClC,gBAAU,SAAS;AACnB,uBAAiB,SAAS;AAAA,IAAA;AAAA,EAE9B;AAEM,QAAA,iBAA8C,CAAC,UAAU,QAAQ;AACrE,qBAAiB,IAAI;AACrB,QAAI,WAAY;AAEhB,YAAQ,WAAW,cAAc;AAE7B,QAAA,aAAa,SAAS,QAAQ,SAAS;AACzC,2CAAW,UAAU;AAAA,IAAG;AAAA,EAE5B;AAEA,QAAM,eAAe,MAAM;AACzB,qBAAiB,IAAI;AAAA,EACvB;AAEM,QAAA,SAAS,QAAQ,MAAM;AAE3B,UAAM,cAA+B;AAAA,MACnC,UAAU;AAAA,MACV,cAAc;AAAA,MACd,WAAW;AAAA,IACb;AAEA,UAAM,YAA8B,CAAC,UAAU,WAAW,OAAO;AAGjE,YAAQ,MAAM;AAAA;AAAA,MAEZ,KAAK,aAAa;AAEhB,cAAM,uBAAsB,6BAAM,SAAS,WACvC,QAAQ;AAAA,UAAK,CAAC,WACZ,MAAM,QAAQ,KAAK,IAAI,MAAM,SAAS,OAAO,KAAK,IAAI,UAAU,OAAO;AAAA,QAAA,IAEzE;AACJ,cAAM,QAAQ,2DAAqB;AAC5B,eAAAA,sCAAC,mBAAgB,OAAc;AAAA,MAAA;AAAA,MAGxC,KAAK,CAAC,CAAC,QAAQ,QAAQ;AACrB,cAAM,YAAY,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AACvD,YAAI,YAAY;AAEZ,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,UAAU,KAAK,IAAI;AAAA,cAC1B,QACE,UAAU,WAAW,IAAI,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,UAAU,CAAC,CAAC,IAAI;AAAA,cAE1E,GAAG;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAIF,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA,QAAQ,MAAM,CAAC,cAAc,iBAAiB,MAAM;AAAA,YACpD;AAAA,YACC,GAAG;AAAA,YACH,GAAG,yBAAI;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAIJ,KAAK,UAAU,SAAS,IAAsB;AAE1C,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YACH,GAAG,yBAAI;AAAA,UAAA;AAAA,QACV;AAAA,MAGJ,KAAK,SAAS;AAEV,eAAAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,QAAS,QAAmB;AAAA,YACnC;AAAA,YACC,GAAG;AAAA,YACH,GAAG,yBAAI;AAAA,UAAA;AAAA,QACV;AAAA,MAGJ,KAAK,SAAS;AACZ,qDAAQ,eAAc,EAAA,OAA0B,GAAG,aAAc,GAAG,yBAAI,SAAS;AAAA,MAEnF,KAAK;AACI,eAAA;AAAA,MAET;AASS,eAAA;AAAA,IAAA;AAAA,EACX,GACC,CAAC,QAAQ,OAAO,MAAM,sBAAsB,SAAS,WAAW,CAAC;AAGlE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,KAAK,MAAM,WAAW,EAAE,WAAW,eAAe,CAAC,sBAAsB;AAAA,MACpF;AAAA,MACA,eAAe;AAAA,MACf,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,gBACE,eAAe,CAAC,wBAAwB,uBAAuB,cAAc;AAAA,MAE/E,sBAAoB;AAAA,MAEnB,UAAA;AAAA,IAAA;AAAA,EACH;AAEJ;AAGA,SAAS,cAAc,WAA4B,WAA4B;;AAG3E,SAAA,UAAU,UAAU,UAAU,SAC9B,UAAU,aAAa,UAAU,YACjC,UAAU,gBAAgB,UAAU,eACpC,KAAK,UAAU,UAAU,KAAK,MAAM,KAAK,UAAU,UAAU,KAAK,OAClE,4CAAW,kBAAX,mBAA0B,YAAS,4CAAW,kBAAX,mBAA0B;AAAA,GAE3D,GAAC,4CAAW,kBAAX,mBAA0B,KAAK,SAAS,YACzC,GAAC,4CAAW,kBAAX,mBAA0B,KAAK,SAAS,cACzC,eAAU,YAAV,mBAAmB,cAAW,eAAU,YAAV,mBAAmB,YACnD,UAAU,gBAAgB,UAAU,eACpC,UAAU,uBAAuB,UAAU,sBAC3C,UAAU,eAAe,UAAU,cACnC,UAAU,kBAAkB,UAAU,iBACtC,UAAU,cAAc,UAAU,aAClC,UAAU,gBAAgB,UAAU;AAExC;AAEa,MAAA,aAAa,KAAK,qBAAqB,aAAa;"}