@juicemantics/veloiq-ui 0.8.0 → 0.8.4

package/dist/index.d.mts

@@ -444,6 +444,10 @@ declare const useAllModels: () => ModelDef[];
 declare const ColorModeContext: React$1.Context<{
     mode: "light" | "dark";
     setMode: (mode: "light" | "dark") => void;
+    /** Increments every time the color schema (plain-color / color-coded / hex)
+     *  changes via setColorSchemas().  Components that depend on derived tones
+     *  use this to re-render when the schema updates. */
+    schemaVersion: number;
 }>;
 
 declare const ColorModeContextProvider: React.FC<PropsWithChildren>;

package/dist/index.d.ts

@@ -444,6 +444,10 @@ declare const useAllModels: () => ModelDef[];
 declare const ColorModeContext: React$1.Context<{
     mode: "light" | "dark";
     setMode: (mode: "light" | "dark") => void;
+    /** Increments every time the color schema (plain-color / color-coded / hex)
+     *  changes via setColorSchemas().  Components that depend on derived tones
+     *  use this to re-render when the schema updates. */
+    schemaVersion: number;
 }>;
 
 declare const ColorModeContextProvider: React.FC<PropsWithChildren>;

package/dist/index.js

@@ -46,7 +46,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var ColorModeContext = React5.createContext({ mode: "light", setMode: () => {
-} });
+}, schemaVersion: 0 });
 
 // src/utils/modelTone.ts
 var MODEL_TONES_LIGHT = [
@@ -85,6 +85,16 @@ var _modulesColorSchema = typeof localStorage !== "undefined" && localStorage.ge
 var _modelsColorSchema = typeof localStorage !== "undefined" && localStorage.getItem("jm_modelsColorSchema") || "plain-color";
 var _customPlainToneLight = null;
 var _customPlainToneDark = null;
+var _colorSchemaListeners = [];
+var onColorSchemaChange = (listener) => {
+  _colorSchemaListeners.push(listener);
+  return () => {
+    _colorSchemaListeners = _colorSchemaListeners.filter((l) => l !== listener);
+  };
+};
+var _notifyColorSchemaListeners = () => {
+  for (const l of [..._colorSchemaListeners]) l();
+};
 var hexToRgb = (hex) => {
   const match = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   if (!match) return null;
@@ -219,6 +229,7 @@ var setColorSchemas = (schemas) => {
       }
     }
   }
+  _notifyColorSchemaListeners();
 };
 var hashString = (input) => {
   let hash = 0;
@@ -248,7 +259,7 @@ var getModelTone = (modelLike, darkMode) => {
   return tones[hashString(seed) % tones.length];
 };
 var useModelTone = (modelLike) => {
-  const { mode } = React5.useContext(ColorModeContext);
+  const { mode, schemaVersion } = React5.useContext(ColorModeContext);
   return getModelTone(modelLike, mode === "dark");
 };
 var getContrastingTextColor = (background) => isDarkColor(background) ? "#f8fafc" : "#0f172a";
@@ -303,6 +314,7 @@ function getNavEntry(navConfig, key) {
   return navConfig.find((e) => e.key === key);
 }
 function sortItemsByNavConfig(items, navConfig) {
+  if (!Array.isArray(items)) return [];
   return [...items].sort((a, b) => {
     const aSeq = getNavEntry(navConfig, a.key ?? a.name ?? "")?.sequence ?? 999;
     const bSeq = getNavEntry(navConfig, b.key ?? b.name ?? "")?.sequence ?? 999;
@@ -358,6 +370,7 @@ function useJourneyMenuItems() {
   return byModule;
 }
 function injectJourneyMenuItems(items, byModule) {
+  if (!Array.isArray(items)) return [];
   if (!byModule || Object.keys(byModule).length === 0) return items;
   const moduleNameOf = (item) => {
     let key = String(item?.key ?? item?.name ?? "");
@@ -366,16 +379,20 @@ function injectJourneyMenuItems(items, byModule) {
     if (byModule[key]) return key;
     return null;
   };
-  const walk = (list) => list.map((item) => {
-    const childrenWalked = Array.isArray(item?.children) && item.children.length ? walk(item.children) : item?.children;
-    const moduleName = moduleNameOf(item);
-    const extra = moduleName ? byModule[moduleName] : void 0;
-    if (extra && extra.length) {
-      return { ...item, children: [...extra, ...childrenWalked || []] };
-    }
-    if (childrenWalked !== item?.children) return { ...item, children: childrenWalked };
-    return item;
-  });
+  const walk = (list) => {
+    if (!Array.isArray(list)) return [];
+    return list.map((item) => {
+      const safeChildren = Array.isArray(item?.children) ? item.children : [];
+      const childrenWalked = safeChildren.length ? walk(safeChildren) : safeChildren;
+      const moduleName = moduleNameOf(item);
+      const extra = moduleName ? byModule[moduleName] : void 0;
+      if (extra && extra.length) {
+        return { ...item, children: [...extra, ...Array.isArray(childrenWalked) ? childrenWalked : []] };
+      }
+      if (childrenWalked !== item?.children) return { ...item, children: Array.isArray(childrenWalked) ? childrenWalked : item?.children };
+      return item;
+    });
+  };
   return walk(items);
 }
 var HorizontalMenu = ({ navConfig = [] }) => {
@@ -422,8 +439,10 @@ var HorizontalMenu = ({ navConfig = [] }) => {
     );
   };
   const transformItems = (items2, depth = 0) => {
+    if (!Array.isArray(items2)) return [];
     return items2.map((item) => {
-      const hasChildren = item.children && item.children.length > 0;
+      const safeChildren = Array.isArray(item?.children) ? item.children : [];
+      const hasChildren = safeChildren.length > 0;
       return {
         key: item.key,
         label: renderLabel(item, depth, hasChildren),
@@ -494,8 +513,10 @@ var CustomSider = ({ collapsed, logo, appTitle, navConfig = [] }) => {
     );
   };
   const transformItems = (items2, depth = 0) => {
+    if (!Array.isArray(items2)) return [];
     return items2.map((item) => {
-      const hasChildren = item.children && item.children.length > 0;
+      const safeChildren = Array.isArray(item?.children) ? item.children : [];
+      const hasChildren = safeChildren.length > 0;
       return {
         key: item.key,
         label: renderLabel(item, depth, hasChildren),
@@ -524,7 +545,7 @@ var CustomSider = ({ collapsed, logo, appTitle, navConfig = [] }) => {
       theme: mode === "dark" ? "dark" : "light",
       style: {
         borderRight: `1px solid ${token.colorBorderSecondary}`,
-        background: token.colorBgContainer,
+        background: mode === "dark" ? token.colorBgContainer : token.colorBgLayout,
         height: "100vh",
         position: "sticky",
         top: 0,
@@ -1569,7 +1590,6 @@ function useNavModules() {
   const navConfig = useNavConfig();
   return (navConfig || []).filter((e) => e.type === "module" && String(e.key || "").startsWith("module:")).map((e) => ({ value: String(e.key).slice("module:".length), label: e.label || String(e.key).slice("module:".length) }));
 }
-var API_URL4 = "/api";
 var DefaultLogo = ({ logo, appTitle, collapsed, isHeader = false, hideTitle = false }) => {
   const logoEl = typeof logo === "string" ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: appTitle || "App", style: { height: isHeader ? "32px" : "40px", width: "auto", marginRight: collapsed || hideTitle ? 0 : 10 } }) : logo ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginRight: collapsed || hideTitle ? 0 : 10, display: "flex", alignItems: "center" }, children: logo }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: collapsed ? "center" : "flex-start", padding: isHeader ? 0 : "10px 0" }, children: [
@@ -1580,16 +1600,19 @@ var DefaultLogo = ({ logo, appTitle, collapsed, isHeader = false, hideTitle = fa
 var MobileMenuContent = ({ onClose }) => {
   const { menuItems, selectedKey } = core.useMenu();
   const go = core.useGo();
-  const transformItems = (items) => items.map((item) => ({
-    key: item.key,
-    label: item.label || item.name || item.key,
-    icon: item.icon,
-    onClick: item.children?.length ? void 0 : () => {
-      go({ to: item.route });
-      onClose();
-    },
-    children: item.children?.length ? transformItems(item.children) : void 0
-  }));
+  const transformItems = (items) => {
+    if (!Array.isArray(items)) return [];
+    return items.map((item) => ({
+      key: item.key,
+      label: item.label || item.name || item.key,
+      icon: item.icon,
+      onClick: item.children?.length ? void 0 : () => {
+        go({ to: item.route });
+        onClose();
+      },
+      children: item.children?.length ? transformItems(item.children) : void 0
+    }));
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Menu,
     {
@@ -1642,7 +1665,7 @@ var LayoutWrapper = ({
   const handleChangePassword = async (values) => {
     setPwdLoading(true);
     try {
-      const res = await authenticatedFetch(`${API_URL4}/auth/change-password`, {
+      const res = await authenticatedFetch(`/auth/change-password`, {
         method: "PUT",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(values)
@@ -13715,7 +13738,7 @@ var RelatedObjectsTable = ({ rel, record, relatedModel, parentModel, showActions
     return parts.filter(Boolean).join(" \u2022 ");
   }, [categoryField1, categoryField2, relatedModel.fields, relatedModel.label, relatedModel.name]);
   const chartData = React5.useMemo(() => {
-    const data = columnFilteredRows || [];
+    const data = Array.isArray(columnFilteredRows) ? columnFilteredRows : [];
     const cat1Field = categoryField1 ? relatedModel.fields.find((field) => field.key === categoryField1) : void 0;
     const cat2Field = categoryField2 ? relatedModel.fields.find((field) => field.key === categoryField2) : void 0;
     const groupMap = /* @__PURE__ */ new Map();
@@ -16871,7 +16894,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   }, [allRowsData, useLocalSearch, localSearch, model.fields, labelCache]);
   const isClientFiltering = allRowsLoaded && !allRowsError;
   const filteredDataSource = React5.useMemo(() => {
-    if (!isClientFiltering) return tableProps.dataSource || [];
+    if (!isClientFiltering) return Array.isArray(tableProps.dataSource) ? tableProps.dataSource : [];
     const baseRows = allRows || [];
     return applyFilterRules(applyGlobalSearch(baseRows));
   }, [allRows, applyFilterRules, applyGlobalSearch, isClientFiltering, tableProps.dataSource]);
@@ -16890,7 +16913,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     setGalleryPage(1);
   }, [localSearch, filterRules, resolvedListViewType]);
   const columnFilters = React5.useMemo(() => {
-    const data = allRowsData.length > 0 ? allRowsData : tableProps.dataSource || [];
+    const data = allRowsData.length > 0 ? allRowsData : Array.isArray(tableProps.dataSource) ? tableProps.dataSource : [];
     const rangeCount = viewSettings?.maxDistinctColumnFilterValuesToRanges ?? 20;
     return buildColumnFilterOptions({ fields: displayFields, data, rangeCount });
   }, [allRowsData, displayFields, tableProps.dataSource, viewSettings]);
@@ -17594,7 +17617,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
     return String(raw);
   }, [labelCache]);
   const chartData = React5.useMemo(() => {
-    const data = columnFilteredDataSource || [];
+    const data = Array.isArray(columnFilteredDataSource) ? columnFilteredDataSource : [];
     const cat1Field = categoryField1 ? model.fields.find((field) => field.key === categoryField1) : void 0;
     const cat2Field = categoryField2 ? model.fields.find((field) => field.key === categoryField2) : void 0;
     const groupMap = /* @__PURE__ */ new Map();
@@ -17776,7 +17799,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   }, [isCrosstabView, categoryField1, categoryField2, crosstabFilterFields, allRowsData, columnFilteredDataSource, model.fields, allModels, apiUrl, handleReferenceLabel]);
   const crosstabFilterOptions = React5.useMemo(() => {
     if (crosstabFilterFields.length === 0) return /* @__PURE__ */ new Map();
-    const data = allRowsData.length > 0 ? allRowsData : tableProps.dataSource || [];
+    const data = allRowsData.length > 0 ? allRowsData : Array.isArray(tableProps.dataSource) ? tableProps.dataSource : [];
     const rangeCount = viewSettings?.maxDistinctColumnFilterValuesToRanges ?? 20;
     const fields = crosstabFilterFields.map((k) => model.fields.find((f) => f.key === k)).filter((f) => Boolean(f));
     return buildColumnFilterOptions({ fields, data, rangeCount });
@@ -18443,7 +18466,7 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
   getRowKeyRef.current = getRowKey;
   const handleBulkRowSelectionChange = React5.useCallback(
     (newKeys, newRowsOnPage) => {
-      const currentPageData = isClientFiltering ? filteredDataSource : tableProps.dataSource || [];
+      const currentPageData = isClientFiltering ? filteredDataSource : Array.isArray(tableProps.dataSource) ? tableProps.dataSource : [];
       const currentPageKeys = new Set(currentPageData.map((r) => String(getRowKeyRef.current(r))));
       const newKeySet = new Set(newKeys.map((k) => String(k)));
       newRowsOnPage.forEach((row) => {
@@ -20882,6 +20905,10 @@ var ColorModeContextProvider = ({
     colorModeFromLocalStorage === "dark" || colorModeFromLocalStorage === "light" ? colorModeFromLocalStorage : systemPreference
   );
   const initializedFromServer = React5.useRef(false);
+  const [schemaVersion, setSchemaVersion] = React5.useState(0);
+  React5.useEffect(() => {
+    return onColorSchemaChange(() => setSchemaVersion((v) => v + 1));
+  }, []);
   React5.useEffect(() => {
     let cancelled = false;
     const load = async () => {
@@ -20923,7 +20950,7 @@ var ColorModeContextProvider = ({
     void saveToServer(newMode);
   }, [saveToServer]);
   const { darkAlgorithm, defaultAlgorithm } = antd.theme;
-  return /* @__PURE__ */ jsxRuntime.jsx(ColorModeContext.Provider, { value: { mode, setMode: setColorMode }, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(ColorModeContext.Provider, { value: { mode, setMode: setColorMode, schemaVersion }, children: /* @__PURE__ */ jsxRuntime.jsx(
     antd.ConfigProvider,
     {
       theme: {