npm - drizzle-cube - Versions diffs - 0.4.3 → 0.4.5 - Mend

drizzle-cube 0.4.3 → 0.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/dist/client/components/AnalysisBuilder/AnalysisDisplayConfigPanel.d.ts CHANGED Viewed

@@ -4,6 +4,8 @@ interface AnalysisDisplayConfigPanelProps {
     displayConfig: ChartDisplayConfig;
     colorPalette?: ColorPalette;
     onDisplayConfigChange: (config: ChartDisplayConfig) => void;
+    /** Keys to exclude from displayOptionsConfig rendering (e.g., ['content'] when content is managed elsewhere) */
+    excludeKeys?: string[];
 }
-export default function AnalysisDisplayConfigPanel({ chartType, displayConfig, colorPalette, onDisplayConfigChange }: AnalysisDisplayConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+export default function AnalysisDisplayConfigPanel({ chartType, displayConfig, colorPalette, onDisplayConfigChange, excludeKeys, }: AnalysisDisplayConfigPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/client/components/DashboardPortletCard.d.ts CHANGED Viewed

@@ -1,14 +1,15 @@
 import { default as React, HTMLAttributes, ReactNode, CSSProperties, ComponentType } from 'react';
-import { DashboardFilter, PortletConfig } from '../types';
+import { DashboardFilter, DashboardLayoutMode, PortletConfig } from '../types';
 import { ColorPalette } from '../utils/colorPalettes';
 /**
  * Simplified props interface after Zustand migration.
- * State (isEditMode, selectedFilterId, debugData) now comes from store.
+ * State (selectedFilterId, debugData) now comes from store.
  * Actions now come from callbacks prop or store.
  */
 interface DashboardPortletCardProps {
     portlet: PortletConfig;
     editable: boolean;
+    layoutMode?: DashboardLayoutMode;
     dashboardFilters?: DashboardFilter[];
     configEagerLoad?: boolean;
     loadingComponent?: ReactNode;

package/dist/client/components/FloatingEditToolbar.d.ts CHANGED Viewed

@@ -23,6 +23,8 @@ interface FloatingEditToolbarProps {
     onPaletteChange: (palette: string) => void;
     /** Add new portlet */
     onAddPortlet: () => void;
+    /** Add new text portlet */
+    onAddText?: () => void;
 }
-export default function FloatingEditToolbar({ isEditBarVisible, position, isEditMode, onEditModeToggle, layoutMode, onLayoutModeChange, allowedModes, canChangeLayoutMode, currentPalette, onPaletteChange, onAddPortlet }: FloatingEditToolbarProps): React.ReactPortal | null;
+export default function FloatingEditToolbar({ isEditBarVisible, position, isEditMode, onEditModeToggle, layoutMode, onLayoutModeChange, allowedModes, canChangeLayoutMode, currentPalette, onPaletteChange, onAddPortlet, onAddText }: FloatingEditToolbarProps): React.ReactPortal | null;
 export {};

package/dist/client/components/TextPortletModal.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { PortletConfig } from '../types';
+import { ColorPalette } from '../utils/colorPalettes';
+interface TextPortletModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSave: (portlet: PortletConfig | Omit<PortletConfig, 'id' | 'x' | 'y'>) => void;
+    portlet?: PortletConfig | null;
+    colorPalette?: ColorPalette;
+    existingTitles?: string[];
+}
+export default function TextPortletModal({ isOpen, onClose, onSave, portlet, colorPalette, existingTitles, }: TextPortletModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/client/components.js CHANGED Viewed

@@ -1,355 +1,18 @@
-import { a as V, A, e as T, D as P, M as G, P as H } from "./chunks/DashboardEditModal-BGDhxKg1.js";
-import { jsx as c, jsxs as a } from "react/jsx-runtime";
-import { useState as b, useEffect as o, useCallback as i } from "react";
-import { S as y, A as N } from "./chunks/charts-core-DAF1iT_h.js";
-import { useChartConfig as v } from "./charts.js";
-import { c as $, d as F, b as M, a as z, g as B, v as E } from "./chunks/index-CApFCBF9.js";
-function k({
-  label: m,
-  value: t,
-  onChange: x,
-  placeholder: r,
-  description: s
-}) {
-  const [u, n] = b(() => t.join(`
-`));
-  o(() => {
-    const d = t.join(`
-`);
-    n(d);
-  }, [t]);
-  const e = i(() => {
-    const d = u.split(`
-`).map((l) => l.trim()).filter((l) => l.length > 0);
-    x(d);
-  }, [u, x]);
-  return /* @__PURE__ */ a("div", { className: "dc:space-y-1", children: [
-    /* @__PURE__ */ c("label", { className: "dc:text-sm text-dc-text-secondary", children: m }),
-    /* @__PURE__ */ c(
-      "textarea",
-      {
-        value: u,
-        onChange: (d) => n(d.target.value),
-        onBlur: e,
-        placeholder: r,
-        rows: 4,
-        className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text dc:resize-y"
-      }
-    ),
-    s && /* @__PURE__ */ c("p", { className: "dc:text-xs text-dc-text-muted", children: s })
-  ] });
-}
-function O({
-  chartType: m,
-  displayConfig: t,
-  colorPalette: x,
-  onDisplayConfigChange: r
-}) {
-  const { config: s, loaded: u } = v(m);
-  return u ? s.displayOptions && s.displayOptions.length > 0 || s.displayOptionsConfig && s.displayOptionsConfig.length > 0 ? /* @__PURE__ */ c("div", { className: "dc:space-y-6", children: /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ c(y, { className: "dc:mb-2", children: "Display Options" }),
-    /* @__PURE__ */ a("div", { className: "dc:space-y-2", children: [
-      s.displayOptions?.includes("showLegend") && /* @__PURE__ */ a("label", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-        /* @__PURE__ */ c(
-          "input",
-          {
-            type: "checkbox",
-            checked: t.showLegend ?? !0,
-            onChange: (e) => r({
-              ...t,
-              showLegend: e.target.checked
-            }),
-            className: "dc:rounded border-dc-border focus:ring-dc-accent",
-            style: { color: "var(--dc-primary)" }
-          }
-        ),
-        /* @__PURE__ */ c("span", { className: "dc:text-sm text-dc-text", children: "Show Legend" })
-      ] }),
-      s.displayOptions?.includes("showGrid") && /* @__PURE__ */ a("label", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-        /* @__PURE__ */ c(
-          "input",
-          {
-            type: "checkbox",
-            checked: t.showGrid ?? !0,
-            onChange: (e) => r({
-              ...t,
-              showGrid: e.target.checked
-            }),
-            className: "dc:rounded border-dc-border focus:ring-dc-accent",
-            style: { color: "var(--dc-primary)" }
-          }
-        ),
-        /* @__PURE__ */ c("span", { className: "dc:text-sm text-dc-text", children: "Show Grid" })
-      ] }),
-      s.displayOptions?.includes("showTooltip") && /* @__PURE__ */ a("label", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-        /* @__PURE__ */ c(
-          "input",
-          {
-            type: "checkbox",
-            checked: t.showTooltip ?? !0,
-            onChange: (e) => r({
-              ...t,
-              showTooltip: e.target.checked
-            }),
-            className: "dc:rounded border-dc-border focus:ring-dc-accent",
-            style: { color: "var(--dc-primary)" }
-          }
-        ),
-        /* @__PURE__ */ c("span", { className: "dc:text-sm text-dc-text", children: "Show Tooltip" })
-      ] }),
-      s.displayOptions?.includes("stacked") && /* @__PURE__ */ a("label", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-        /* @__PURE__ */ c(
-          "input",
-          {
-            type: "checkbox",
-            checked: t.stacked ?? !1,
-            onChange: (e) => r({
-              ...t,
-              stacked: e.target.checked
-            }),
-            className: "dc:rounded border-dc-border focus:ring-dc-accent",
-            style: { color: "var(--dc-primary)" }
-          }
-        ),
-        /* @__PURE__ */ c("span", { className: "dc:text-sm text-dc-text", children: "Stacked" })
-      ] }),
-      s.displayOptions?.includes("hideHeader") && /* @__PURE__ */ a("label", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-        /* @__PURE__ */ c(
-          "input",
-          {
-            type: "checkbox",
-            checked: t.hideHeader ?? !1,
-            onChange: (e) => r({
-              ...t,
-              hideHeader: e.target.checked
-            }),
-            className: "dc:rounded border-dc-border focus:ring-dc-accent",
-            style: { color: "var(--dc-primary)" }
-          }
-        ),
-        /* @__PURE__ */ c("span", { className: "dc:text-sm text-dc-text", children: "Hide Header" })
-      ] }),
-      s.displayOptionsConfig?.map((e) => /* @__PURE__ */ a("div", { className: `dc:space-y-1 ${e.type === "axisFormat" ? "dc:mt-6 dc:pt-2" : ""}`, children: [
-        e.type === "boolean" && /* @__PURE__ */ a("label", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-          /* @__PURE__ */ c(
-            "input",
-            {
-              type: "checkbox",
-              checked: t[e.key] ?? e.defaultValue ?? !1,
-              onChange: (d) => r({
-                ...t,
-                [e.key]: d.target.checked
-              }),
-              className: "dc:rounded border-dc-border focus:ring-dc-accent",
-              style: { color: "var(--dc-primary)" }
-            }
-          ),
-          /* @__PURE__ */ c("span", { className: "dc:text-sm text-dc-text", children: e.label })
-        ] }),
-        e.type === "string" && /* @__PURE__ */ a("div", { className: "dc:space-y-1", children: [
-          /* @__PURE__ */ a("label", { className: "dc:text-sm text-dc-text-secondary", children: [
-            e.label,
-            e.key === "content" && /* @__PURE__ */ c("span", { className: "dc:text-xs text-dc-text-muted dc:ml-1", children: "(only headers, lists and links)" })
-          ] }),
-          e.key === "content" ? /* @__PURE__ */ c(
-            "textarea",
-            {
-              value: t[e.key] ?? e.defaultValue ?? "",
-              onChange: (d) => r({
-                ...t,
-                [e.key]: d.target.value
-              }),
-              placeholder: e.placeholder,
-              rows: 8,
-              className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent dc:font-mono dc:resize-y bg-dc-surface text-dc-text"
-            }
-          ) : /* @__PURE__ */ c(
-            "input",
-            {
-              type: "text",
-              value: t[e.key] ?? e.defaultValue ?? "",
-              onChange: (d) => r({
-                ...t,
-                [e.key]: d.target.value
-              }),
-              placeholder: e.placeholder,
-              className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
-            }
-          ),
-          e.description && /* @__PURE__ */ c("p", { className: "dc:text-xs text-dc-text-muted", children: e.description })
-        ] }),
-        e.type === "paletteColor" && /* @__PURE__ */ a("div", { className: "dc:space-y-1", children: [
-          /* @__PURE__ */ c("label", { className: "dc:text-sm text-dc-text-secondary", children: e.label }),
-          /* @__PURE__ */ c("div", { className: "dc:flex dc:flex-wrap dc:gap-2", children: x?.colors.map((d, l) => {
-            const h = (t[e.key] ?? e.defaultValue ?? 0) === l;
-            return /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                onClick: () => r({
-                  ...t,
-                  [e.key]: l
-                }),
-                className: `dc:w-8 dc:h-8 dc:rounded dc:border-2 dc:transition-all dc:duration-200 dc:hover:scale-110 focus:outline-hidden dc:focus:ring-2 focus:ring-dc-accent dc:focus:ring-offset-1 ${h ? "dc:ring-2 dc:ring-offset-1 dc:scale-110" : "hover:border-dc-text-muted"}`,
-                style: {
-                  backgroundColor: d,
-                  borderColor: h ? "var(--dc-primary)" : "var(--dc-border)"
-                },
-                title: `Color ${l + 1}: ${d}`
-              },
-              l
-            );
-          }) || [
-            // Fallback if no palette available
-            /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                onClick: () => r({
-                  ...t,
-                  [e.key]: 0
-                }),
-                className: "dc:w-8 dc:h-8 dc:rounded-sm dc:border-2 dc:ring-2 dc:ring-offset-1",
-                style: {
-                  backgroundColor: "#8884d8",
-                  borderColor: "var(--dc-primary)",
-                  boxShadow: "0 0 0 2px var(--dc-primary)"
-                },
-                title: "Default Color"
-              },
-              0
-            )
-          ] }),
-          e.description && /* @__PURE__ */ c("p", { className: "dc:text-xs text-dc-text-muted", children: e.description })
-        ] }),
-        e.type === "number" && /* @__PURE__ */ a("div", { className: "dc:space-y-1", children: [
-          /* @__PURE__ */ c("label", { className: "dc:text-sm text-dc-text-secondary", children: e.label }),
-          /* @__PURE__ */ c(
-            "input",
-            {
-              type: "number",
-              value: t[e.key] ?? e.defaultValue ?? 0,
-              onChange: (d) => r({
-                ...t,
-                [e.key]: d.target.value === "" ? void 0 : Number(d.target.value)
-              }),
-              placeholder: e.placeholder,
-              min: e.min,
-              max: e.max,
-              step: e.step,
-              className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
-            }
-          ),
-          e.description && /* @__PURE__ */ c("p", { className: "dc:text-xs text-dc-text-muted", children: e.description })
-        ] }),
-        e.type === "select" && /* @__PURE__ */ a("div", { className: "dc:space-y-1", children: [
-          /* @__PURE__ */ c("label", { className: "dc:text-sm text-dc-text-secondary", children: e.label }),
-          /* @__PURE__ */ c(
-            "select",
-            {
-              value: t[e.key] ?? e.defaultValue ?? "",
-              onChange: (d) => r({
-                ...t,
-                [e.key]: d.target.value
-              }),
-              className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text",
-              children: e.options?.map((d) => /* @__PURE__ */ c("option", { value: d.value, children: d.label }, d.value))
-            }
-          ),
-          e.description && /* @__PURE__ */ c("p", { className: "dc:text-xs text-dc-text-muted", children: e.description })
-        ] }),
-        e.type === "color" && /* @__PURE__ */ a("div", { className: "dc:space-y-1", children: [
-          /* @__PURE__ */ c("label", { className: "dc:text-sm text-dc-text-secondary", children: e.label }),
-          /* @__PURE__ */ a("div", { className: "dc:flex dc:items-center dc:space-x-2", children: [
-            /* @__PURE__ */ c(
-              "input",
-              {
-                type: "color",
-                value: t[e.key] ?? e.defaultValue ?? "#8884d8",
-                onChange: (d) => r({
-                  ...t,
-                  [e.key]: d.target.value
-                }),
-                className: "dc:w-12 dc:h-8 dc:border border-dc-border dc:rounded-sm dc:cursor-pointer"
-              }
-            ),
-            /* @__PURE__ */ c(
-              "input",
-              {
-                type: "text",
-                value: t[e.key] ?? e.defaultValue ?? "#8884d8",
-                onChange: (d) => r({
-                  ...t,
-                  [e.key]: d.target.value
-                }),
-                placeholder: e.placeholder || "#8884d8",
-                className: "dc:flex-1 dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
-              }
-            )
-          ] }),
-          e.description && /* @__PURE__ */ c("p", { className: "dc:text-xs text-dc-text-muted", children: e.description })
-        ] }),
-        e.type === "axisFormat" && /* @__PURE__ */ c(
-          N,
-          {
-            axisLabel: e.label,
-            value: t[e.key] || {},
-            onChange: (d) => r({
-              ...t,
-              [e.key]: Object.keys(d).length > 0 ? d : void 0
-            })
-          }
-        ),
-        e.type === "stringArray" && /* @__PURE__ */ c(
-          k,
-          {
-            label: e.label,
-            value: t[e.key] ?? [],
-            onChange: (d) => r({
-              ...t,
-              [e.key]: d.length > 0 ? d : void 0
-            }),
-            placeholder: e.placeholder,
-            description: e.description
-          }
-        ),
-        e.type === "buttonGroup" && /* @__PURE__ */ a("div", { className: "dc:space-y-1", children: [
-          /* @__PURE__ */ c("label", { className: "dc:text-sm text-dc-text-secondary", children: e.label }),
-          /* @__PURE__ */ c("div", { className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden", children: e.options?.map((d) => {
-            const l = (t[e.key] ?? e.defaultValue) === d.value;
-            return /* @__PURE__ */ c(
-              "button",
-              {
-                type: "button",
-                onClick: () => r({
-                  ...t,
-                  [e.key]: d.value
-                }),
-                className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${l ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
-                children: d.label
-              },
-              d.value
-            );
-          }) }),
-          e.description && /* @__PURE__ */ c("p", { className: "dc:text-xs text-dc-text-muted", children: e.description })
-        ] })
-      ] }, e.key))
-    ] })
-  ] }) }) : /* @__PURE__ */ c("div", { className: "dc:text-center text-dc-text-muted dc:text-sm dc:py-4", children: /* @__PURE__ */ c("p", { children: "No display options available for this chart type." }) }) : /* @__PURE__ */ c("div", { className: "dc:text-center text-dc-text-muted dc:text-sm dc:py-4", children: "Loading display options..." });
-}
+import { a8 as s, a as t, A as o, e as r, D as i, M as l, P as d } from "./chunks/components-D-5p1LVQ.js";
+import { c as y, d as P, b, a as D, g as c, v as p } from "./chunks/index-CApFCBF9.js";
 export {
-  O as AnalysisDisplayConfigPanel,
-  V as AnalyticsDashboard,
-  A as AnalyticsPortlet,
-  T as DashboardEditModal,
-  P as DashboardGrid,
-  G as Modal,
-  H as PortletContainer,
-  $ as createDashboardLayout,
-  F as createSamplePortlet,
-  M as findNextPosition,
-  z as generatePortletId,
-  B as generateResponsiveLayouts,
-  E as validateCubeQuery
+  s as AnalysisDisplayConfigPanel,
+  t as AnalyticsDashboard,
+  o as AnalyticsPortlet,
+  r as DashboardEditModal,
+  i as DashboardGrid,
+  l as Modal,
+  d as PortletContainer,
+  y as createDashboardLayout,
+  P as createSamplePortlet,
+  b as findNextPosition,
+  D as generatePortletId,
+  c as generateResponsiveLayouts,
+  p as validateCubeQuery
 };
 //# sourceMappingURL=components.js.map

package/dist/client/components.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components.js","sources":["../../src/client/components/AnalysisBuilder/AnalysisDisplayConfigPanel.tsx"],"sourcesContent":["/*\n AnalysisDisplayConfigPanel Component\n \n A panel for configuring chart display options (legend, grid, tooltip, etc.)\n * Extracted from AnalysisChartConfigPanel to be shown in its own tab.\n /\n\nimport { useState, useCallback, useEffect } from 'react'\nimport SectionHeading from './SectionHeading'\nimport { useChartConfig } from '../../charts/lazyChartConfigRegistry'\nimport type { ChartType, ChartDisplayConfig, ColorPalette, AxisFormatConfig } from '../../types'\nimport { AxisFormatControls } from '../charts/AxisFormatControls'\n\ninterface AnalysisDisplayConfigPanelProps {\n chartType: ChartType\n displayConfig: ChartDisplayConfig\n colorPalette?: ColorPalette\n onDisplayConfigChange: (config: ChartDisplayConfig) => void\n}\n\n/\n StringArrayInput - A textarea that edits an array of strings\n * Uses local state while editing and only updates on blur\n /\nfunction StringArrayInput({\n label,\n value,\n onChange,\n placeholder,\n description,\n}: {\n label: string\n value: string[]\n onChange: (value: string[]) => void\n placeholder?: string\n description?: string\n}) {\n // Local state for textarea editing\n const [localText, setLocalText] = useState(() => value.join('\\n'))\n\n // Sync local state when external value changes (e.g., from undo/redo or load)\n useEffect(() => {\n const externalText = value.join('\\n')\n setLocalText(externalText)\n }, [value])\n\n const handleBlur = useCallback(() => {\n // Convert text to array, filtering empty strings\n const arrayValue = localText\n .split('\\n')\n .map(s => s.trim())\n .filter(s => s.length > 0)\n onChange(arrayValue)\n }, [localText, onChange])\n\n return (\n <div className=\"dc:space-y-1\">\n <label className=\"dc:text-sm text-dc-text-secondary\">{label}</label>\n <textarea\n value={localText}\n onChange={(e) => setLocalText(e.target.value)}\n onBlur={handleBlur}\n placeholder={placeholder}\n rows={4}\n className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text dc:resize-y\"\n />\n {description && (\n <p className=\"dc:text-xs text-dc-text-muted\">{description}</p>\n )}\n </div>\n )\n}\n\nexport default function AnalysisDisplayConfigPanel({\n chartType,\n displayConfig,\n colorPalette,\n onDisplayConfigChange\n}: AnalysisDisplayConfigPanelProps) {\n // Get configuration for current chart type\n const { config: chartTypeConfig, loaded: chartConfigLoaded } = useChartConfig(chartType)\n\n if (!chartConfigLoaded) {\n return (\n <div className=\"dc:text-center text-dc-text-muted dc:text-sm dc:py-4\">\n Loading display options...\n </div>\n )\n }\n\n // Check if we have any display options to show\n const hasDisplayOptions =\n (chartTypeConfig.displayOptions && chartTypeConfig.displayOptions.length > 0) \|\|\n (chartTypeConfig.displayOptionsConfig && chartTypeConfig.displayOptionsConfig.length > 0)\n\n if (!hasDisplayOptions) {\n return (\n <div className=\"dc:text-center text-dc-text-muted dc:text-sm dc:py-4\">\n <p>No display options available for this chart type.</p>\n </div>\n )\n }\n\n return (\n <div className=\"dc:space-y-6\">\n <div>\n <SectionHeading className=\"dc:mb-2\">Display Options</SectionHeading>\n <div className=\"dc:space-y-2\">\n {/ Backward compatibility: Simple boolean display options /}\n {chartTypeConfig.displayOptions?.includes('showLegend') && (\n <label className=\"dc:flex dc:items-center dc:space-x-2\">\n <input\n type=\"checkbox\"\n checked={displayConfig.showLegend ?? true}\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n showLegend: e.target.checked\n })\n }\n className=\"dc:rounded border-dc-border focus:ring-dc-accent\"\n style={{ color: 'var(--dc-primary)' }}\n />\n <span className=\"dc:text-sm text-dc-text\">Show Legend</span>\n </label>\n )}\n\n {chartTypeConfig.displayOptions?.includes('showGrid') && (\n <label className=\"dc:flex dc:items-center dc:space-x-2\">\n <input\n type=\"checkbox\"\n checked={displayConfig.showGrid ?? true}\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n showGrid: e.target.checked\n })\n }\n className=\"dc:rounded border-dc-border focus:ring-dc-accent\"\n style={{ color: 'var(--dc-primary)' }}\n />\n <span className=\"dc:text-sm text-dc-text\">Show Grid</span>\n </label>\n )}\n\n {chartTypeConfig.displayOptions?.includes('showTooltip') && (\n <label className=\"dc:flex dc:items-center dc:space-x-2\">\n <input\n type=\"checkbox\"\n checked={displayConfig.showTooltip ?? true}\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n showTooltip: e.target.checked\n })\n }\n className=\"dc:rounded border-dc-border focus:ring-dc-accent\"\n style={{ color: 'var(--dc-primary)' }}\n />\n <span className=\"dc:text-sm text-dc-text\">Show Tooltip</span>\n </label>\n )}\n\n {chartTypeConfig.displayOptions?.includes('stacked') && (\n <label className=\"dc:flex dc:items-center dc:space-x-2\">\n <input\n type=\"checkbox\"\n checked={displayConfig.stacked ?? false}\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n stacked: e.target.checked\n })\n }\n className=\"dc:rounded border-dc-border focus:ring-dc-accent\"\n style={{ color: 'var(--dc-primary)' }}\n />\n <span className=\"dc:text-sm text-dc-text\">Stacked</span>\n </label>\n )}\n\n {chartTypeConfig.displayOptions?.includes('hideHeader') && (\n <label className=\"dc:flex dc:items-center dc:space-x-2\">\n <input\n type=\"checkbox\"\n checked={displayConfig.hideHeader ?? false}\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n hideHeader: e.target.checked\n })\n }\n className=\"dc:rounded border-dc-border focus:ring-dc-accent\"\n style={{ color: 'var(--dc-primary)' }}\n />\n <span className=\"dc:text-sm text-dc-text\">Hide Header</span>\n </label>\n )}\n\n {/ New structured display options */}\n {chartTypeConfig.displayOptionsConfig?.map((option) => (\n <div key={option.key} className={`dc:space-y-1 ${option.type === 'axisFormat' ? 'dc:mt-6 dc:pt-2' : ''}`}>\n {option.type === 'boolean' && (\n <label className=\"dc:flex dc:items-center dc:space-x-2\">\n <input\n type=\"checkbox\"\n checked={\n (displayConfig[option.key as keyof ChartDisplayConfig] as boolean) ??\n option.defaultValue ??\n false\n }\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: e.target.checked\n })\n }\n className=\"dc:rounded border-dc-border focus:ring-dc-accent\"\n style={{ color: 'var(--dc-primary)' }}\n />\n <span className=\"dc:text-sm text-dc-text\">{option.label}</span>\n </label>\n )}\n\n {option.type === 'string' && (\n <div className=\"dc:space-y-1\">\n <label className=\"dc:text-sm text-dc-text-secondary\">\n {option.label}\n {option.key === 'content' && (\n <span className=\"dc:text-xs text-dc-text-muted dc:ml-1\">\n (only headers, lists and links)\n </span>\n )}\n </label>\n {option.key === 'content' ? (\n <textarea\n value={\n (displayConfig[option.key as keyof ChartDisplayConfig] as string) ??\n option.defaultValue ??\n ''\n }\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: e.target.value\n })\n }\n placeholder={option.placeholder}\n rows={8}\n className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent dc:font-mono dc:resize-y bg-dc-surface text-dc-text\"\n />\n ) : (\n <input\n type=\"text\"\n value={\n (displayConfig[option.key as keyof ChartDisplayConfig] as string) ??\n option.defaultValue ??\n ''\n }\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: e.target.value\n })\n }\n placeholder={option.placeholder}\n className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n />\n )}\n {option.description && (\n <p className=\"dc:text-xs text-dc-text-muted\">{option.description}</p>\n )}\n </div>\n )}\n\n {option.type === 'paletteColor' && (\n <div className=\"dc:space-y-1\">\n <label className=\"dc:text-sm text-dc-text-secondary\">{option.label}</label>\n <div className=\"dc:flex dc:flex-wrap dc:gap-2\">\n {colorPalette?.colors.map((color, index) => {\n const isSelected =\n ((displayConfig[option.key as keyof ChartDisplayConfig] as number) ??\n option.defaultValue ??\n 0) === index\n return (\n <button\n key={index}\n type=\"button\"\n onClick={() =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: index\n })\n }\n className={`dc:w-8 dc:h-8 dc:rounded dc:border-2 dc:transition-all dc:duration-200 dc:hover:scale-110 focus:outline-hidden dc:focus:ring-2 focus:ring-dc-accent dc:focus:ring-offset-1 ${\n isSelected\n ? 'dc:ring-2 dc:ring-offset-1 dc:scale-110'\n : 'hover:border-dc-text-muted'\n }`}\n style={{\n backgroundColor: color,\n borderColor: isSelected ? 'var(--dc-primary)' : 'var(--dc-border)'\n }}\n title={`Color ${index + 1}: ${color}`}\n />\n )\n }) \|\| [\n // Fallback if no palette available\n <button\n key={0}\n type=\"button\"\n onClick={() =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: 0\n })\n }\n className=\"dc:w-8 dc:h-8 dc:rounded-sm dc:border-2 dc:ring-2 dc:ring-offset-1\"\n style={{\n backgroundColor: '#8884d8',\n borderColor: 'var(--dc-primary)',\n boxShadow: '0 0 0 2px var(--dc-primary)'\n }}\n title=\"Default Color\"\n />\n ]}\n </div>\n {option.description && (\n <p className=\"dc:text-xs text-dc-text-muted\">{option.description}</p>\n )}\n </div>\n )}\n\n {option.type === 'number' && (\n <div className=\"dc:space-y-1\">\n <label className=\"dc:text-sm text-dc-text-secondary\">{option.label}</label>\n <input\n type=\"number\"\n value={\n (displayConfig[option.key as keyof ChartDisplayConfig] as number) ??\n option.defaultValue ??\n 0\n }\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: e.target.value === '' ? undefined : Number(e.target.value)\n })\n }\n placeholder={option.placeholder}\n min={option.min}\n max={option.max}\n step={option.step}\n className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n />\n {option.description && (\n <p className=\"dc:text-xs text-dc-text-muted\">{option.description}</p>\n )}\n </div>\n )}\n\n {option.type === 'select' && (\n <div className=\"dc:space-y-1\">\n <label className=\"dc:text-sm text-dc-text-secondary\">{option.label}</label>\n <select\n value={\n (displayConfig[option.key as keyof ChartDisplayConfig] as string) ??\n option.defaultValue ??\n ''\n }\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: e.target.value\n })\n }\n className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n >\n {option.options?.map((opt) => (\n <option key={opt.value} value={opt.value}>\n {opt.label}\n </option>\n ))}\n </select>\n {option.description && (\n <p className=\"dc:text-xs text-dc-text-muted\">{option.description}</p>\n )}\n </div>\n )}\n\n {option.type === 'color' && (\n <div className=\"dc:space-y-1\">\n <label className=\"dc:text-sm text-dc-text-secondary\">{option.label}</label>\n <div className=\"dc:flex dc:items-center dc:space-x-2\">\n <input\n type=\"color\"\n value={\n (displayConfig[option.key as keyof ChartDisplayConfig] as string) ??\n option.defaultValue ??\n '#8884d8'\n }\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: e.target.value\n })\n }\n className=\"dc:w-12 dc:h-8 dc:border border-dc-border dc:rounded-sm dc:cursor-pointer\"\n />\n <input\n type=\"text\"\n value={\n (displayConfig[option.key as keyof ChartDisplayConfig] as string) ??\n option.defaultValue ??\n '#8884d8'\n }\n onChange={(e) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: e.target.value\n })\n }\n placeholder={option.placeholder \|\| '#8884d8'}\n className=\"dc:flex-1 dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n />\n </div>\n {option.description && (\n <p className=\"dc:text-xs text-dc-text-muted\">{option.description}</p>\n )}\n </div>\n )}\n\n {option.type === 'axisFormat' && (\n <AxisFormatControls\n axisLabel={option.label}\n value={(displayConfig[option.key as keyof ChartDisplayConfig] as AxisFormatConfig) \|\| {}}\n onChange={(config) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: Object.keys(config).length > 0 ? config : undefined\n })\n }\n />\n )}\n\n {option.type === 'stringArray' && (\n <StringArrayInput\n label={option.label}\n value={(displayConfig[option.key as keyof ChartDisplayConfig] as string[]) ?? []}\n onChange={(arrayValue) =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: arrayValue.length > 0 ? arrayValue : undefined\n })\n }\n placeholder={option.placeholder}\n description={option.description}\n />\n )}\n\n {option.type === 'buttonGroup' && (\n <div className=\"dc:space-y-1\">\n <label className=\"dc:text-sm text-dc-text-secondary\">{option.label}</label>\n <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n {option.options?.map((opt) => {\n const isSelected = (displayConfig[option.key as keyof ChartDisplayConfig] ?? option.defaultValue) === opt.value\n return (\n <button\n key={opt.value}\n type=\"button\"\n onClick={() =>\n onDisplayConfigChange({\n ...displayConfig,\n [option.key]: opt.value\n })\n }\n className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n isSelected\n ? 'bg-dc-primary text-white'\n : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n }`}\n >\n {opt.label}\n </button>\n )\n })}\n </div>\n {option.description && (\n <p className=\"dc:text-xs text-dc-text-muted\">{option.description}</p>\n )}\n </div>\n )}\n </div>\n ))}\n </div>\n </div>\n </div>\n )\n}\n"],"names":["StringArrayInput","label","value","onChange","placeholder","description","localText","setLocalText","useState","useEffect","externalText","handleBlur","useCallback","arrayValue","s","jsxs","jsx","e","AnalysisDisplayConfigPanel","chartType","displayConfig","colorPalette","onDisplayConfigChange","chartTypeConfig","chartConfigLoaded","useChartConfig","SectionHeading","option","color","index","isSelected","opt","AxisFormatControls","config"],"mappings":"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"}
1	+ {"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/client/hooks/dashboard/layoutUtils.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { DashboardGridSettings, PortletConfig, RowLayout, RowLayoutColumn } from '../../types';
+export declare const createRowId: () => string;
+export declare const equalizeRowColumns: (portletIds: string[], gridSettings: DashboardGridSettings) => RowLayoutColumn[];
+export declare const adjustRowWidths: (columns: RowLayoutColumn[], gridSettings: DashboardGridSettings) => RowLayoutColumn[];
+export declare const convertPortletsToRows: (portlets: PortletConfig[], gridSettings: DashboardGridSettings) => RowLayout[];
+export declare const normalizeRows: (rows: RowLayout[], portlets: PortletConfig[], gridSettings: DashboardGridSettings) => RowLayout[];
+export declare const convertRowsToPortlets: (rows: RowLayout[], portlets: PortletConfig[]) => PortletConfig[];

package/dist/client/hooks/dashboard/useDashboardController.d.ts ADDED Viewed

@@ -0,0 +1,53 @@
+import { MutableRefObject, RefObject } from 'react';
+import { StoreApi } from 'zustand';
+import { DashboardConfig, DashboardGridSettings, DashboardLayoutMode, PortletConfig, RowLayout, ThumbnailFeatureConfig } from '../../types';
+import { DashboardStore, DashboardStoreActions } from '../../stores/dashboardStore';
+interface UseDashboardControllerOptions {
+    allowedModes: DashboardLayoutMode[];
+    canChangeLayoutMode: boolean;
+    isResponsiveEditable: boolean;
+    layoutMode: DashboardLayoutMode;
+    resolvedRows: RowLayout[];
+    gridSettings: DashboardGridSettings;
+    thumbnailConfig?: ThumbnailFeatureConfig;
+    dashboardRef?: RefObject<HTMLElement | null>;
+    storeApi: StoreApi<DashboardStore>;
+    storeActions: Pick<DashboardStoreActions, 'setEditMode' | 'exitFilterSelectionMode' | 'openPortletModal' | 'closePortletModal' | 'openTextModal' | 'closeTextModal' | 'openFilterConfigModal' | 'closeFilterConfigModal' | 'openDeleteConfirm' | 'closeDeleteConfirm' | 'setThumbnailDirty'>;
+    configRef: MutableRefObject<DashboardConfig>;
+    onConfigChangeRef: MutableRefObject<((config: DashboardConfig) => void) | undefined>;
+    onSaveRef: MutableRefObject<((config: DashboardConfig) => Promise<void> | void) | undefined>;
+    onSaveThumbnailRef: MutableRefObject<((thumbnailData: string) => Promise<string | void>) | undefined>;
+    updateRowLayout: (rows: RowLayout[], save?: boolean, portletsOverride?: PortletConfig[]) => Promise<void>;
+    portletComponentRefs?: MutableRefObject<Record<string, {
+        refresh: (options?: {
+            bustCache?: boolean;
+        }) => void;
+    } | null>>;
+    onPortletRefresh?: (portletId: string, options?: {
+        bustCache?: boolean;
+    }) => void;
+}
+export declare function useDashboardController({ allowedModes, canChangeLayoutMode, isResponsiveEditable, layoutMode, resolvedRows, gridSettings, thumbnailConfig, dashboardRef, storeApi, storeActions, configRef, onConfigChangeRef, onSaveRef, onSaveThumbnailRef, updateRowLayout, portletComponentRefs, onPortletRefresh, }: UseDashboardControllerOptions): {
+    enterEditMode: () => void;
+    exitEditMode: () => void;
+    toggleEditMode: () => void;
+    selectFilter: (filterId: string | null) => void;
+    openAddPortlet: () => void;
+    openEditPortlet: (portlet: PortletConfig) => void;
+    openAddText: () => void;
+    openEditText: (portlet: PortletConfig) => void;
+    openFilterConfig: (portlet: PortletConfig) => void;
+    handleLayoutModeChange: (mode: DashboardLayoutMode) => Promise<void>;
+    savePortlet: (portletData: PortletConfig | Omit<PortletConfig, "id" | "x" | "y">) => Promise<string | null>;
+    deletePortlet: (portletId: string) => Promise<void>;
+    confirmDelete: () => Promise<void>;
+    duplicatePortlet: (portletId: string) => Promise<string | undefined>;
+    refreshPortlet: (portletId: string, options?: {
+        bustCache?: boolean;
+    }) => void;
+    toggleFilterForPortlet: (portletId: string, filterId: string) => Promise<void>;
+    selectAllForFilter: (filterId: string) => Promise<void>;
+    saveFilterConfig: (mapping: string[]) => Promise<void>;
+    handlePaletteChange: (paletteName: string) => Promise<void>;
+};
+export {};

package/dist/client/hooks/dashboard/useGridLayoutEngine.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { LayoutItem } from 'react-grid-layout';
+import { StoreApi } from 'zustand';
+import { DashboardStore } from '../../stores/dashboardStore';
+interface UseGridLayoutEngineOptions {
+    storeApi: StoreApi<DashboardStore>;
+}
+export declare function useGridLayoutEngine({ storeApi }: UseGridLayoutEngineOptions): {
+    hasLayoutActuallyChanged: (newLayout: LayoutItem[]) => boolean;
+};
+export {};

package/dist/client/hooks/dashboard/useRowLayoutEngine.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { MutableRefObject } from 'react';
+import { DashboardConfig, DashboardGridSettings, DashboardLayoutMode, PortletConfig, RowLayout } from '../../types';
+interface UseRowLayoutEngineOptions {
+    layoutMode: DashboardLayoutMode;
+    draftRows: RowLayout[] | null;
+    config: DashboardConfig;
+    gridSettings: DashboardGridSettings;
+    configRef: MutableRefObject<DashboardConfig>;
+    onConfigChangeRef: MutableRefObject<((config: DashboardConfig) => void) | undefined>;
+    onSaveRef: MutableRefObject<((config: DashboardConfig) => Promise<void> | void) | undefined>;
+    setDraftRows: (rows: RowLayout[] | null) => void;
+    setThumbnailDirty: (dirty: boolean) => void;
+}
+export declare function useRowLayoutEngine({ layoutMode, draftRows, config, gridSettings, configRef, onConfigChangeRef, onSaveRef, setDraftRows, setThumbnailDirty, }: UseRowLayoutEngineOptions): {
+    resolvedRows: RowLayout[];
+    updateRowLayout: (rows: RowLayout[], save?: boolean, portletsOverride?: PortletConfig[]) => Promise<void>;
+};
+export {};

package/dist/client/hooks/useDashboardHook.d.ts CHANGED Viewed

@@ -45,6 +45,10 @@ export interface UseDashboardResult {
     isPortletModalOpen: boolean;
     /** Portlet being edited */
     editingPortlet: PortletConfig | null;
+    /** Whether text portlet modal is open */
+    isTextModalOpen: boolean;
+    /** Portlet being edited in text modal */
+    editingTextPortlet: PortletConfig | null;
     /** Whether filter config modal is open */
     isFilterConfigModalOpen: boolean;
     /** Portlet for filter configuration */
@@ -59,8 +63,6 @@ export interface UseDashboardResult {
     lastKnownLayout: LayoutItem[];
     /** Whether component is initialized */
     isInitialized: boolean;
-    /** Debug data per portlet */
-    debugData: Record<string, PortletDebugDataEntry>;
     /** Whether editing is allowed (editable && isEditMode && desktop && !filterMode) */
     canEdit: boolean;
     /** Whether layout mode can be changed */
@@ -84,6 +86,9 @@ export interface UseDashboardActions {
     openAddPortlet: () => void;
     openEditPortlet: (portlet: PortletConfig) => void;
     closePortletModal: () => void;
+    openAddText: () => void;
+    openEditText: (portlet: PortletConfig) => void;
+    closeTextModal: () => void;
     openFilterConfig: (portlet: PortletConfig) => void;
     closeFilterConfig: () => void;
     setDraftRows: (rows: RowLayout[] | null) => void;