npm - drizzle-cube - Versions diffs - 0.4.2 → 0.4.4 - Mend

drizzle-cube 0.4.2 → 0.4.4

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 (100) 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/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-D6TDeTBa.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-D0i1yQsk.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/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;

package/dist/client/hooks.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { t as p, B as h } from "./chunks/useDirtyStateTracking-CTS_m9mg.js";
-import { e as Y, c as $, u as B, u as H, p as J, A as V, r as W, d as X, b as G, a as Z, z as ee, o as ne } from "./chunks/useDirtyStateTracking-CTS_m9mg.js";
-import { f as m, g as E } from "./chunks/providers-D2xswCYu.js";
-import { j as te } from "./chunks/providers-D2xswCYu.js";
-import { a as w, i as F, u as A, j as q } from "./chunks/vendor-DfDLOfBe.js";
+import { t as p, w as h } from "./chunks/useDirtyStateTracking-Cu1HSjmo.js";
+import { e as Y, c as $, u as H, u as J, p as V, x as W, r as X, d as B, b as G, a as Z, y as ee, o as ne } from "./chunks/useDirtyStateTracking-Cu1HSjmo.js";
+import { f as m, g as E } from "./chunks/providers-CgxXm6Ll.js";
+import { j as te } from "./chunks/providers-CgxXm6Ll.js";
+import { a as w, h as F, u as A, i as q } from "./chunks/vendor-AVsJ2ni0.js";
 import { useMemo as b, useState as g, useCallback as d } from "react";
 function R(e) {
   return e ? ["cube", "dryRun", h(e)] : ["cube", "dryRun", null];
@@ -22,7 +22,7 @@ function x(e) {
     modeMetadata: e.modeMetadata
   };
 }
-function z(e, s = {}) {
+function S(e, s = {}) {
   const { skip: i = !1, staleTime: a = 300 * 1e3 } = s, { cubeApi: o } = m(), r = b(() => {
     if (!e) return null;
     const t = e;
@@ -54,7 +54,7 @@ function z(e, s = {}) {
     refetch: () => u.refetch()
   };
 }
-function j(e, s = {}) {
+function v(e, s = {}) {
   const { skip: i = !1, staleTime: a = 300 * 1e3 } = s, { cubeApi: o } = m(), r = b(() => e.map((n) => p(n)), [e]), u = F({
     queries: r.map((n) => ({
       queryKey: R(n),
@@ -86,14 +86,14 @@ function j(e, s = {}) {
     }
   };
 }
-function S(e) {
+function z(e) {
   const { queries: s, isMultiQueryMode: i, skip: a = !1, staleTime: o } = e, r = i ? s : s.slice(0, 1);
-  return j(r, { skip: a, staleTime: o });
+  return v(r, { skip: a, staleTime: o });
 }
-function v(e, s) {
+function D(e, s) {
   return e ? ["cube", "explain", h(e), s?.analyze ?? !1] : ["cube", "explain", null, null];
 }
-function D(e) {
+function j(e) {
   return typeof e == "object" && e !== null && "funnel" in e;
 }
 function C(e) {
@@ -103,8 +103,8 @@ function K(e) {
   return typeof e == "object" && e !== null && "retention" in e;
 }
 function P(e, s = {}) {
-  const { skip: i = !1 } = s, { cubeApi: a } = m(), [o, r] = g(null), [u, l] = g(!1), t = b(() => e ? D(e) || C(e) || K(e) ? e : p(e) : null, [e]), c = !!t && !i && u, n = w({
-    queryKey: v(t, o ?? void 0),
+  const { skip: i = !1 } = s, { cubeApi: a } = m(), [o, r] = g(null), [u, l] = g(!1), t = b(() => e ? j(e) || C(e) || K(e) ? e : p(e) : null, [e]), c = !!t && !i && u, n = w({
+    queryKey: D(t, o ?? void 0),
     queryFn: async () => {
       if (!t) throw new Error("No query provided");
       return await a.explain(t, o ?? void 0);
@@ -174,23 +174,23 @@ function U(e = {}) {
   };
 }
 export {
-  v as createExplainQueryKey,
+  D as createExplainQueryKey,
   Y as createFlowQueryKey,
   $ as createFunnelQueryKey,
-  B as useCubeLoadQuery,
+  H as useCubeLoadQuery,
   te as useCubeMetaQuery,
-  H as useCubeQuery,
-  J as useDebounce,
-  V as useDirtyStateTracking,
-  S as useDryRunQueries,
-  z as useDryRunQuery,
+  J as useCubeQuery,
+  V as useDebounce,
+  W as useDirtyStateTracking,
+  z as useDryRunQueries,
+  S as useDryRunQuery,
   U as useExplainAI,
   P as useExplainQuery,
-  W as useFilterValues,
-  X as useFlowQuery,
+  X as useFilterValues,
+  B as useFlowQuery,
   G as useFunnelQuery,
   Z as useMultiCubeLoadQuery,
-  j as useMultiDryRunQueries,
+  v as useMultiDryRunQueries,
   ee as useResponsiveDashboard,
   ne as useRetentionQuery
 };

package/dist/client/index.js CHANGED Viewed

@@ -1,19 +1,19 @@
-import { g as d, a as y, A as g, C as m, f as b, e as C, D as h, h as f, c as p, b as D, M as x, d as S, P as Q, l as A, R as M, O as F, N as v, L as T, Q as I, T as E, G as L, F as P, I as B, U as w, E as R, H as K, V, J as k, K as N, S as j, W as U, X as z, x as G, o as O, v as W, q, s as H, t as _, n as J, r as X, m as $, p as Y, w as Z, u as ee, i as ae, j as se, k as te, B as re, z as ie, y as le } from "./chunks/DashboardEditModal-D6TDeTBa.js";
+import { g as d, a as y, A as g, C as m, f as b, e as C, D as h, h as f, c as p, b as D, M as x, d as S, P as Q, l as A, R as M, O as F, N as v, L as T, Q as I, T as E, G as L, F as P, I as B, U as w, E as R, H as K, V, J as k, K as N, S as j, W as U, X as z, x as G, o as O, v as W, q, s as H, t as _, n as J, r as X, m as $, p as Y, w as Z, u as ee, i as ae, j as se, k as te, B as re, z as ie, y as le } from "./chunks/components-D0i1yQsk.js";
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { L as ne, u as ue } from "./chunks/charts-core-DAF1iT_h.js";
-import { L as de, g as ye, c as ge, b as me, i as be, p as Ce, a as he } from "./chunks/charts-loader-7pEaEz-f.js";
+import { L as ne, u as ue } from "./chunks/charts-core-T8UglYyq.js";
+import { L as de, g as ye, c as ge, b as me, i as be, p as Ce, a as he } from "./chunks/charts-loader-YnhJHubD.js";
 import { b as t } from "./chunks/icons-DRreo6m8.js";
 import { D as pe, a as De, i as xe, c as Se, f as Qe, h as Ae, g as Me, r as Fe, e as ve, s as Te } from "./chunks/icons-DRreo6m8.js";
-import { E as Ee, a as Le, p as Pe, q as Be, m as we, l as Re, r as Ke, C as Ve, D as ke, o as Ne, B as je, n as Ue, w as ze, t as Ge, d as Oe, f as We, s as qe, e as He, i as _e, c as Je, h as Xe, g as $e, u as Ye, b as Ze, y as ea, A as aa, x as sa, k as ta, v as ra, z as ia, j as la } from "./chunks/analysis-builder-shared-gky0SKQH.js";
-import { h as na, a as ua, S as ca, e as da, d as ya, i as ga, f as ma, b as ba, g as Ca, u as ha, j as fa, c as pa, w as Da } from "./chunks/providers-D2xswCYu.js";
-import { u as Sa } from "./chunks/chart-bubble-D-auWIjP.js";
+import { E as Ee, a as Le, p as Pe, q as Be, m as we, l as Re, r as Ke, C as Ve, D as ke, o as Ne, B as je, n as Ue, w as ze, t as Ge, d as Oe, f as We, s as qe, e as He, i as _e, c as Je, h as Xe, g as $e, u as Ye, b as Ze, y as ea, A as aa, x as sa, k as ta, v as ra, z as ia, j as la } from "./chunks/analysis-builder-shared-INGGwyTG.js";
+import { h as na, a as ua, S as ca, e as da, d as ya, i as ga, f as ma, b as ba, g as Ca, u as ha, j as fa, c as pa, w as Da } from "./chunks/providers-CgxXm6Ll.js";
+import { u as Sa } from "./chunks/chart-bubble-BD-1kneU.js";
 import { c as Aa, f as Ma } from "./chunks/index-CApFCBF9.js";
-import { e as va, c as Ta, l as Ia, h as Ea, k as La, j as Pa, i as Ba, m as wa, g as Ra, f as Ka, u as Va, u as ka, d as Na, b as ja, a as Ua, v as za } from "./chunks/useDirtyStateTracking-CTS_m9mg.js";
+import { e as va, c as Ta, l as Ia, h as Ea, k as La, j as Pa, i as Ba, m as wa, g as Ra, f as Ka, u as Va, u as ka, d as Na, b as ja, a as Ua, v as za } from "./chunks/useDirtyStateTracking-Cu1HSjmo.js";
 import { c as Oa, b as Wa, f as qa, g as Ha, a as _a, i as Ja, t as Xa } from "./chunks/funnel-utils-CyonoNeC.js";
 import { T as Ya, c as Za, g as es, a as as, i as ss, r as ts, s as rs, b as is, w as ls } from "./chunks/theme-Dp3hFed1.js";
 import { createExplainQueryKey as ns, useDryRunQueries as us, useDryRunQuery as cs, useExplainAI as ds, useExplainQuery as ys, useMultiDryRunQueries as gs } from "./hooks.js";
 import { i as bs, a as Cs } from "./chunks/flow-utils-CjQZG5qq.js";
-import { h as fs } from "./chunks/syntaxHighlighting-DAT9C6Ss.js";
+import { h as fs } from "./chunks/syntaxHighlighting-BQfjio-i.js";
 function o() {
   return /* @__PURE__ */ e("div", { children: "Analytics Page - Coming in Phase 4" });
 }

package/dist/client/providers.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { a, S as o, d as s, b as t, c as C } from "./chunks/providers-D2xswCYu.js";
+import { a, S as o, d as s, b as t, c as C } from "./chunks/providers-CgxXm6Ll.js";
 export {
   a as CubeProvider,
   o as ScrollContainerProvider,