@juicemantics/veloiq-ui 0.6.0 → 0.8.0

package/dist/index.js

@@ -1019,7 +1019,7 @@ var CommandCenterPortal = ({
   }, [query, parsedCommand, search, clear]);
   const allModelChildren = React5.useMemo(
     () => menuItems.flatMap(
-      (m) => (m.children || []).map((c) => ({ ...c, moduleLabel: String(m.label || m.name || "") }))
+      (m) => (m.children || []).filter((c) => !c.meta?.hide).map((c) => ({ ...c, moduleLabel: String(m.label || m.name || "") }))
     ),
     [menuItems]
   );
@@ -1037,8 +1037,8 @@ var CommandCenterPortal = ({
   }, [allModelChildren]);
   const modules = React5.useMemo(() => {
     const q2 = parsedCommand ? parsedCommand.modelQuery : query.toLowerCase().trim();
-    const moduleItems = menuItems.filter((item) => item.children && item.children.length > 0);
-    const sorted = navConfig.length > 0 ? sortItemsByNavConfig(moduleItems, navConfig) : moduleItems;
+    const visibleModules = menuItems.filter((item) => item.children && item.children.length > 0).map((item) => ({ ...item, children: (item.children || []).filter((c) => !c.meta?.hide) })).filter((item) => item.children && item.children.length > 0);
+    const sorted = navConfig.length > 0 ? sortItemsByNavConfig(visibleModules, navConfig) : visibleModules;
     if (!q2) return sorted;
     return sorted.map((module) => {
       const moduleMatch = (module.label || "").toLowerCase().includes(q2);
@@ -4019,6 +4019,12 @@ var getRecordId = (record, fields) => {
   }
   return record.eid ?? record.id;
 };
+var isPkField = (field, model) => {
+  if (field.isPk === true) return true;
+  if (model?.pkField != null && field.key === model.pkField) return true;
+  return false;
+};
+var isReferenceField = (field) => !!field.reference;
 var getListViewFields = (model, filterField) => {
   const baseFields = filterField ? model.fields.filter((field) => field.key !== filterField) : model.fields;
   return baseFields.slice(0, 6);
@@ -4489,9 +4495,14 @@ var resolveRelationFromConfig = (relations, item) => {
     (rel) => (rel.relationName || "").toLowerCase() === target || (rel.resource || "").toLowerCase() === target || (rel.label || "").toLowerCase() === target
   );
   if (exact) return exact;
-  return relations.find(
+  const byVariant = relations.find(
     (rel) => targetVariants.has((rel.relationName || "").toLowerCase()) || targetVariants.has((rel.resource || "").toLowerCase()) || targetVariants.has((rel.label || "").toLowerCase())
   );
+  if (byVariant) return byVariant;
+  const relPathBase = (rel) => String(rel.resourcePath || "").toLowerCase().replace(/_relation$/, "");
+  return relations.find(
+    (rel) => relPathBase(rel) === target || targetVariants.has(relPathBase(rel))
+  );
 };
 var buildConfiguredRelationKeys = (rows) => {
   const keys = /* @__PURE__ */ new Set();
@@ -8460,7 +8471,7 @@ function buildColumnFilterOptions({
 }) {
   const filtersMap = /* @__PURE__ */ new Map();
   for (const field of fields) {
-    if (field.key === "eid") {
+    if (isPkField(field)) {
       const labelValues = [];
       for (const record of data) {
         const lbl = record?._label;
@@ -8567,7 +8578,7 @@ function buildColumnFilterOptions({
     for (const record of data) {
       let value = record?.[field.key];
       let label = value;
-      if (field.key === "eid" && record?._label) {
+      if (isPkField(field) && record?._label) {
         value = record.eid;
         label = record._label;
       }
@@ -8608,7 +8619,7 @@ function matchesColumnFilterValue(field, record, value) {
     const recordVal = String(record?.[field.key] ?? "");
     return recordVal.localeCompare(lo) >= 0 && recordVal.localeCompare(hi) <= 0;
   }
-  if (field.key === "eid" && strValue.startsWith("__catrange__:")) {
+  if (isPkField(field) && strValue.startsWith("__catrange__:")) {
     const sub = strValue.substring("__catrange__:".length);
     const sepIdx = sub.indexOf(":");
     const lo = decodeURIComponent(sub.substring(0, sepIdx));
@@ -8616,7 +8627,7 @@ function matchesColumnFilterValue(field, record, value) {
     const recordLabel = String(record?._label ?? "");
     return recordLabel.localeCompare(lo) >= 0 && recordLabel.localeCompare(hi) <= 0;
   }
-  if (field.key === "eid" && record?._label) {
+  if (isPkField(field) && record?._label) {
     return String(record._label) === strValue || String(record.eid) === strValue;
   }
   return String(record?.[field.key]) === strValue;
@@ -12734,11 +12745,11 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     }
   }, [apiUrl, categoryField1, categoryField2, chartType, selectedSeriesKeys, summaryFn, rankingMode, rankingFieldKey, rankingN, crosstabFilterFields, relatedModel.name, relatedModel.resource, allModels]);
   const categoricalFields = React5.useMemo(() => {
-    return relatedModel.fields.filter((field) => field.key === "eid" || (field.type !== "number" || field.reference));
-  }, [relatedModel.fields]);
+    return relatedModel.fields.filter((field) => isPkField(field, relatedModel) || (field.type !== "number" || field.reference));
+  }, [relatedModel]);
   const numericFields = React5.useMemo(() => {
-    return relatedModel.fields.filter((field) => field.key !== "eid" && field.type === "number" && !field.reference);
-  }, [relatedModel.fields]);
+    return relatedModel.fields.filter((field) => !isPkField(field, relatedModel) && field.type === "number" && !field.reference);
+  }, [relatedModel]);
   const resetLayoutDefaults = React5.useCallback(() => {
     setListVisible(true);
     setAnalyzeOpen(false);
@@ -13307,7 +13318,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
         if (!rowValues) return;
         const payload = {};
         relatedModel.fields.forEach((field) => {
-          if (field.key === "eid") return;
+          if (isPkField(field, relatedModel)) return;
           if (!Object.prototype.hasOwnProperty.call(rowValues, field.key)) return;
           const newVal = normalizeFieldValue(field, rowValues[field.key]);
           const oldVal = normalizeFieldValue(field, row?.[field.key]);
@@ -13408,7 +13419,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
   const getSortValue = React5.useCallback((field, recordRow) => {
     const raw = recordRow?.[field.key];
     if (raw === void 0 || raw === null) return null;
-    if (field.key === "eid" && recordRow?._label) return recordRow._label;
+    if (isPkField(field, relatedModel) && recordRow?._label) return recordRow._label;
     if (field.reference) {
       const cacheKey = `${field.reference}:${raw}`;
       return labelCache[cacheKey] ?? raw;
@@ -13684,7 +13695,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     if (!field) return _34("All");
     const raw = recordRow?.[field.key];
     if (raw === void 0 || raw === null) return "-";
-    if (field.key === "eid" && recordRow?._label) return recordRow._label;
+    if (isPkField(field, relatedModel) && recordRow?._label) return recordRow._label;
     if (field.reference) {
       const cacheKey = `${field.reference}:${raw}`;
       return labelCache[cacheKey] || String(raw);
@@ -13965,7 +13976,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     setSelectedSeriesKeys(value);
                   },
                   style: { width: "100%" },
-                  options: relatedModel.fields.filter((field) => !field.isPk && field.key !== "eid").map((field) => ({ label: field.label, value: field.key })),
+                  options: relatedModel.fields.filter((field) => !isPkField(field, relatedModel)).map((field) => ({ label: field.label, value: field.key })),
                   placeholder: _34("All numeric fields"),
                   maxTagCount: "responsive"
                 }
@@ -14232,9 +14243,9 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
   }, [columnFilteredRows, displayFields, labelCache]);
   const isTotalsDetailsVariant = viewVariant === "totals-details";
   const getDefaultTotalsSummaryFn = React5.useCallback((field) => {
-    if (field.key === "eid") return "count";
+    if (isPkField(field, relatedModel)) return "count";
     return "sum";
-  }, []);
+  }, [relatedModel]);
   const resolveTotalsSummaryFn = React5.useCallback((field) => {
     return totalsSummaryFunctions[field.key] || getDefaultTotalsSummaryFn(field);
   }, [getDefaultTotalsSummaryFn, totalsSummaryFunctions]);
@@ -15068,10 +15079,15 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                     allowInlineEdit && /* @__PURE__ */ jsxRuntime.jsx(
                       antd.Table.Column,
                       {
-                        title: rel.otherKey || "Related",
+                        title: relatedModel.label || relatedModel.name,
+                        sorter: { compare: (a, b) => getRecordDisplayLabel(a).localeCompare(getRecordDisplayLabel(b)) },
+                        filters: Array.from(new Set((filteredRows || []).map((r) => getRecordDisplayLabel(r)))).map((label) => ({ text: label, value: label })),
+                        filterSearch: true,
+                        onFilter: (value, row) => getRecordDisplayLabel(row) === String(value),
                         render: (_unused, row) => {
                           const id = row?.eid ?? row?.id;
-                          if (!id) return "-";
+                          const label = getRecordDisplayLabel(row);
+                          if (!id) return label;
                           return /* @__PURE__ */ jsxRuntime.jsx(
                             "a",
                             {
@@ -15086,7 +15102,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                                 }
                               },
                               style: { cursor: "pointer", color: "inherit", textDecoration: "none" },
-                              children: String(id)
+                              children: label
                             }
                           );
                         }
@@ -15111,15 +15127,15 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                           }
                         }),
                         onFilter: (value, recordRow) => {
-                          if (field.key === "eid" && recordRow?._label) {
+                          if (isPkField(field, relatedModel) && recordRow?._label) {
                             return String(recordRow._label) === String(value) || String(recordRow.eid) === String(value);
                           }
                           const recordValue = recordRow?.[field.key];
                           return String(recordValue) === String(value);
                         },
-                        align: field.type === "number" && !field.reference && !["eid", "eid_from", "eid_to"].includes(field.key) ? "right" : void 0,
+                        align: field.type === "number" && !isReferenceField(field) && !isPkField(field, relatedModel) ? "right" : void 0,
                         render: (value, row) => {
-                          if (allowInlineEdit && field.key !== "eid") {
+                          if (allowInlineEdit && !isPkField(field, relatedModel)) {
                             const rowId = row?.eid ?? row?.id ?? row?.__relationKey;
                             return /* @__PURE__ */ jsxRuntime.jsx(
                               antd.Form.Item,
@@ -15141,7 +15157,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
                               const cacheKey = `${field.reference}:${value}`;
                               return labelCache[cacheKey] || value;
                             }
-                            if (field.key === "eid" && row._label) return row._label;
+                            if (isPkField(field, relatedModel) && row._label) return row._label;
                             if (field.type === "boolean") return /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { checked: value, disabled: true });
                             if (field.type === "number" && !field.reference) {
                               const formatted = formatNumberValue(value);
@@ -16676,7 +16692,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   const getSortValue = React5.useCallback((field, record) => {
     const raw = record?.[field.key];
     if (raw === void 0 || raw === null) return null;
-    if (field.key === "eid" && record?._label) return record._label;
+    if (isPkField(field, model) && record?._label) return record._label;
     if (field.reference) {
       const cacheKey = `${field.reference}:${raw}`;
       return labelCache[cacheKey] ?? raw;
@@ -16961,10 +16977,10 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     };
   }, [handleTablePageChange, isClientFiltering, pageSize, tableProps.pagination]);
   const categoricalFields = React5.useMemo(() => {
-    return model.fields.filter((field) => field.key === "eid" || (field.type !== "number" || field.reference));
+    return model.fields.filter((field) => isPkField(field, model) || (field.type !== "number" || field.reference));
   }, [model.fields]);
   const numericFields = React5.useMemo(() => {
-    return model.fields.filter((field) => field.key !== "eid" && field.type === "number" && !field.reference);
+    return model.fields.filter((field) => !isPkField(field, model) && field.type === "number" && !field.reference);
   }, [model.fields]);
   const hasActiveRangeColumnFilter = React5.useMemo(() => {
     return Object.values(columnFiltersSelected).some(
@@ -17563,7 +17579,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     if (!field) return _36("All");
     const raw = record?.[field.key];
     if (raw === void 0 || raw === null) return "-";
-    if (field.key === "eid" && record?._label) return record._label;
+    if (isPkField(field, model) && record?._label) return record._label;
     if (field.reference) {
       const cacheKey = `${field.reference}:${raw}`;
       return labelCache[cacheKey] || String(raw);
@@ -17833,7 +17849,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                     setSelectedSeriesKeys(value);
                   },
                   style: { width: "100%" },
-                  options: model.fields.filter((field) => !field.isPk && field.key !== "eid").map((field) => ({ label: field.label, value: field.key })),
+                  options: model.fields.filter((field) => !isPkField(field, model)).map((field) => ({ label: field.label, value: field.key })),
                   placeholder: _36("All numeric fields"),
                   maxTagCount: "responsive"
                 }
@@ -17984,7 +18000,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     });
   }, [isTotalsDetailsView, allRows, displayFields, labelCache]);
   const getDefaultTotalsSummaryFn = React5.useCallback((field) => {
-    if (["eid", "eid_from", "eid_to"].includes(field.key)) return "count";
+    if (isPkField(field, model) || isReferenceField(field)) return "count";
     return "sum";
   }, []);
   const resolveTotalsSummaryFn = React5.useCallback((field) => {
@@ -18281,8 +18297,8 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     }
     const resourceName = model.isNamedQuery && model.primaryResource ? model.primaryResource : model.resource || model.name;
     const explicitPk = model.pkField ? record[model.pkField] : void 0;
-    const isPkField = model.fields?.find((f) => f.isPk)?.key;
-    const pkValue = explicitPk ?? (isPkField ? record[isPkField] : void 0) ?? record.eid ?? record.id ?? null;
+    const isPkField2 = model.fields?.find((f) => f.isPk)?.key;
+    const pkValue = explicitPk ?? (isPkField2 ? record[isPkField2] : void 0) ?? record.eid ?? record.id ?? null;
     if (pkValue != null) {
       return { resource: resourceName, id: pkValue, isLinkRow: false };
     }
@@ -19679,7 +19695,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                   dataIndex: field.key,
                   title: field.label,
                   sorter: { compare: (a, b) => compareSortValues(field, a, b), multiple: getSortPriority(columnSort, field.key) },
-                  align: field.type === "number" && !field.reference && !["eid", "eid_from", "eid_to"].includes(field.key) ? "right" : void 0,
+                  align: field.type === "number" && !isReferenceField(field) && !isPkField(field, model) ? "right" : void 0,
                   filters: columnFilters.get(field.key),
                   filteredValue: columnFiltersSelected[field.key] || null,
                   sortOrder: columnSort.find((item) => item.fieldKey === field.key)?.order ?? null,
@@ -19714,7 +19730,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
                           }
                         );
                       }
-                      if (field.key === "eid" && record._label) return record._label;
+                      if (isPkField(field, model) && record._label) return record._label;
                       if (field.type === "boolean") return /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { checked: value, disabled: true });
                       if (field.type === "number" && !field.reference) {
                         const formatted = formatNumberValue(value);
@@ -20157,18 +20173,38 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
 
 // src/components/MultiPane/paneUtils.ts
 function parsePanes(searchParams) {
-  return searchParams.getAll("pane").map((param) => {
-    const colonIdx = param.indexOf(":");
-    if (colonIdx < 1) return null;
-    const resource = param.slice(0, colonIdx);
-    const id = param.slice(colonIdx + 1);
-    if (!resource || !id) return null;
-    return { resource, id };
-  }).filter((p) => p !== null);
+  const standard = searchParams.getAll("pane");
+  if (standard.length > 0) {
+    return standard.map((param) => {
+      const colonIdx = param.indexOf(":");
+      if (colonIdx < 1) return null;
+      const resource = param.slice(0, colonIdx);
+      const id = param.slice(colonIdx + 1);
+      if (!resource || !id) return null;
+      return { resource, id };
+    }).filter((p) => p !== null);
+  }
+  const legacy = [];
+  for (const [key, value] of searchParams.entries()) {
+    if (/^pane(?:\[\d*\])?$/.test(key)) {
+      const colonIdx = value.indexOf(":");
+      if (colonIdx < 1) continue;
+      const resource = value.slice(0, colonIdx);
+      const id = value.slice(colonIdx + 1);
+      if (resource && id) {
+        legacy.push({ resource, id });
+      }
+    }
+  }
+  return legacy;
 }
 function applyPanesToSearchParams(existing, panes) {
   const next = new URLSearchParams(existing);
-  next.delete("pane");
+  for (const [key] of existing.entries()) {
+    if (key === "pane" || /^pane\[\d+\]$/.test(key)) {
+      next.delete(key);
+    }
+  }
   panes.forEach((p) => next.append("pane", `${p.resource}:${p.id}`));
   return next;
 }
@@ -20321,11 +20357,15 @@ var MultiPaneLayout = ({ children }) => {
   React5.useEffect(() => {
     const newCount = panes.length;
     const prevCount = prevPaneCountRef.current;
-    prevPaneCountRef.current = newCount;
-    if (newCount <= prevCount || !pendingLayoutRef.current || !groupRef.current) {
+    if (!pendingLayoutRef.current || !groupRef.current) {
       pendingLayoutRef.current = null;
       return;
     }
+    if (newCount <= prevCount) {
+      pendingLayoutRef.current = null;
+      return;
+    }
+    prevPaneCountRef.current = newCount;
     const prevLayout = pendingLayoutRef.current;
     pendingLayoutRef.current = null;
     const donorId = prevCount === 0 ? LIST_PANEL_ID : detailPanelId(prevCount - 1);
@@ -21780,7 +21820,7 @@ function generateResources(models, moduleName, options = {}) {
   };
   const children = (models || []).map((model) => {
     const resource = model.resource || model.name;
-    const isRelation = hideRelations && (resource.toLowerCase().endsWith("_relation") || resource.toLowerCase().endsWith("_rela") || Array.isArray(model.fields) && model.fields.some((f) => f?.key === "eid_from") && model.fields.some((f) => f?.key === "eid_to"));
+    const isRelation = hideRelations && (resource.toLowerCase().endsWith("_relation") || resource.toLowerCase().endsWith("_rela") || (Array.isArray(model.fields) && model.fields.some((f) => f?.key === "eid_from") && model.fields.some((f) => f?.key === "eid_to") || model.fields.length > 0 && model.fields.every((f) => !!f?.reference)));
     return {
       name: resource,
       list: `/${resource}`,