exploreda 0.0.5 → 0.1.0

package/dist/chunk-6DOKKCJ5.cjs

@@ -0,0 +1,313 @@
+'use strict';
+
+var chunkB7OQUBH4_cjs = require('./chunk-B7OQUBH4.cjs');
+var chunkU74A5VK5_cjs = require('./chunk-U74A5VK5.cjs');
+var chunkDS5BS7PP_cjs = require('./chunk-DS5BS7PP.cjs');
+var chunkUUJMUPB3_cjs = require('./chunk-UUJMUPB3.cjs');
+var chunkASKFIRMC_cjs = require('./chunk-ASKFIRMC.cjs');
+var chunkUAVDLBTA_cjs = require('./chunk-UAVDLBTA.cjs');
+var chunkAOODAOL4_cjs = require('./chunk-AOODAOL4.cjs');
+var chunkDKFA4KOJ_cjs = require('./chunk-DKFA4KOJ.cjs');
+var chunkEU5EFHO5_cjs = require('./chunk-EU5EFHO5.cjs');
+var chunkMJROUIDZ_cjs = require('./chunk-MJROUIDZ.cjs');
+var chunk5B23JVH3_cjs = require('./chunk-5B23JVH3.cjs');
+var lucideReact = require('lucide-react');
+var d3Scale = require('d3-scale');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function RowChart({ settings, width, height, facetIds }) {
+  const allData = chunkDKFA4KOJ_cjs.useGetColumnDataForIds(settings.field);
+  const data = chunkDKFA4KOJ_cjs.useGetLiveData(settings, settings.field, facetIds);
+  const { getColorForValue } = chunkB7OQUBH4_cjs.useColorScales();
+  const updateChart = chunk5B23JVH3_cjs.useDataLayer((s) => s.updateChart);
+  const formatFieldValue = chunk5B23JVH3_cjs.useDataLayer((s) => s.formatFieldValue);
+  const getFieldLabel = chunk5B23JVH3_cjs.useDataLayer((s) => s.getFieldLabel);
+  const fieldSettings = chunk5B23JVH3_cjs.useDataLayer((s) => s.fieldSettings);
+  const valueFilter = settings.filters.find(
+    (f) => f.type === "value" && f.field === settings.field
+  );
+  const filterValues = valueFilter?.values ?? [];
+  const handleBarClick = (label) => {
+    const newValues = chunk5B23JVH3_cjs.categoryIncludes(filterValues, label) ? filterValues.filter((f) => !chunk5B23JVH3_cjs.categoryEqual(f, label)) : [...filterValues, label];
+    const newFilters = settings.filters.filter(
+      (f) => f.type !== "value" || f.field !== settings.field
+    );
+    if (newValues.length > 0) {
+      newFilters.push({
+        type: "value",
+        field: settings.field,
+        values: newValues
+      });
+    }
+    updateChart(settings.id, {
+      filters: newFilters
+    });
+  };
+  const baseMargin = settings.margin;
+  const { displayCounts } = react.useMemo(() => {
+    const countMap = /* @__PURE__ */ new Map();
+    allData.forEach((value) => {
+      const key = chunk5B23JVH3_cjs.categoryValue(value);
+      countMap.set(key, (countMap.get(key) || 0) + 1);
+    });
+    const sortedCounts = Array.from(countMap.entries()).map(([value, count]) => ({
+      value,
+      key: chunk5B23JVH3_cjs.categoryKey(value),
+      label: value != null && chunk5B23JVH3_cjs.hasFieldDisplayFormat(fieldSettings[settings.field]) ? formatFieldValue?.(settings.field, value) ?? chunk5B23JVH3_cjs.categoryLabel(value) : chunk5B23JVH3_cjs.categoryLabel(value),
+      count,
+      other: false
+    })).sort((a, b) => b.count - a.count);
+    const availableHeight = height - baseMargin.top - baseMargin.bottom;
+    const rowHeight = Math.max(
+      settings.minRowHeight,
+      Math.min(settings.maxRowHeight, availableHeight / sortedCounts.length)
+    );
+    const maxRows = Math.max(2, Math.floor(availableHeight / rowHeight));
+    const liveCounts = /* @__PURE__ */ new Map();
+    data.forEach((value) => {
+      const key = chunk5B23JVH3_cjs.categoryValue(value);
+      liveCounts.set(key, (liveCounts.get(key) ?? 0) + 1);
+    });
+    const visible = sortedCounts.map((item) => ({
+      ...item,
+      total: item.count,
+      count: liveCounts.get(item.value) ?? 0
+    }));
+    if (sortedCounts.length > maxRows) {
+      const visibleCounts = visible.slice(0, maxRows - 1);
+      const otherSum = visible.slice(maxRows - 1).reduce((sum, item) => sum + item.count, 0);
+      return {
+        displayCounts: [
+          ...visibleCounts,
+          {
+            key: "__other",
+            label: "Other categories",
+            value: void 0,
+            other: true,
+            count: otherSum,
+            total: visible.slice(maxRows - 1).reduce((sum, item) => sum + item.total, 0)
+          }
+        ]
+      };
+    }
+    return {
+      displayCounts: visible
+    };
+  }, [
+    data,
+    allData,
+    height,
+    baseMargin.top,
+    baseMargin.bottom,
+    settings.minRowHeight,
+    settings.maxRowHeight,
+    formatFieldValue,
+    fieldSettings
+  ]);
+  const yLabels = displayCounts.map((d) => d.label);
+  const axisFields = chunk5B23JVH3_cjs.getChartAxisFields(settings);
+  const xAxisLabel = chunk5B23JVH3_cjs.getChartAxisLabel(
+    axisFields.x,
+    settings.xAxisLabel,
+    getFieldLabel
+  );
+  const requestedLabelMargin = Math.max(
+    baseMargin.left,
+    ...yLabels.map((label) => label.length * 7 + 24)
+  );
+  const minPlotWidth = Math.min(
+    80,
+    Math.max(0, width - baseMargin.left - baseMargin.right)
+  );
+  const maxLabelMargin = Math.max(0, width - baseMargin.right - minPlotWidth);
+  const labelMargin = Math.min(requestedLabelMargin, maxLabelMargin);
+  const margin = {
+    ...baseMargin,
+    left: Math.min(labelMargin, width * 0.42),
+    right: Math.max(baseMargin.right, 48),
+    bottom: Math.max(baseMargin.bottom, xAxisLabel ? 42 : 26)
+  };
+  const innerWidth = width - margin.left - margin.right;
+  const innerHeight = height - margin.top - margin.bottom;
+  const chartSettings = { ...settings, margin };
+  const xScale = react.useMemo(() => {
+    const maxValue = Math.max(1, ...displayCounts.map((d) => d.total));
+    return chunkUUJMUPB3_cjs.numericScale(settings.xAxis).domain([0, maxValue]).range([0, innerWidth]).nice();
+  }, [displayCounts, innerWidth, settings.xAxis]);
+  const yScale = react.useMemo(() => {
+    return d3Scale.scaleBand().domain(displayCounts.map((d) => d.key)).range([0, innerHeight]).padding(0.3);
+  }, [displayCounts, innerHeight]);
+  if (displayCounts.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width, height }, children: "No data to display" });
+  }
+  const yLabelsByKey = new Map(
+    displayCounts.map((item) => [item.key, item.label])
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width, height }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkDS5BS7PP_cjs.BaseChart,
+    {
+      width,
+      height,
+      xScale,
+      yScale,
+      settings: chartSettings,
+      yTickFormatter: (value) => yLabelsByKey.get(String(value)) ?? String(value),
+      overlay: /* @__PURE__ */ jsxRuntime.jsxs("g", { pointerEvents: "none", children: [
+        " ",
+        displayCounts.map(({ key, count }) => /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: xScale(count) + 5,
+            y: yScale(key) + yScale.bandwidth() / 2,
+            dominantBaseline: "middle",
+            className: "fill-foreground",
+            fontSize: 11,
+            children: count.toLocaleString()
+          },
+          key
+        ))
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsx("g", { className: "select-none", children: displayCounts.map(({ key, label, value, count, other }) => {
+        let isFiltered = true;
+        if (valueFilter) {
+          isFiltered = chunkEU5EFHO5_cjs.applyFilter(value, valueFilter);
+        }
+        const color = valueFilter && !isFiltered ? "rgb(156 163 175)" : getColorForValue(settings.colorScaleId, value, "#3479a8");
+        const barWidth = xScale(count);
+        const barHeight = yScale.bandwidth();
+        if (barHeight < 1) {
+          return null;
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: 0,
+            y: yScale(key),
+            width: Math.max(0, barWidth),
+            rx: 2,
+            role: other ? void 0 : "button",
+            tabIndex: other ? void 0 : 0,
+            "aria-label": `${label}: ${count.toLocaleString()} rows`,
+            "aria-pressed": chunk5B23JVH3_cjs.categoryIncludes(filterValues, value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                if (!other) handleBarClick(value);
+              }
+            },
+            height: barHeight,
+            className: `chart-mark ${other ? "fill-muted/80 hover:fill-muted" : "cursor-pointer"}`,
+            style: {
+              fill: color,
+              opacity: valueFilter && !isFiltered ? 0.3 : 1
+            },
+            onClick: () => {
+              if (!other) handleBarClick(value);
+            }
+          },
+          key
+        );
+      }) })
+    }
+  ) });
+}
+function RowChartSettingsPanel({
+  settings,
+  onSettingsChange
+}) {
+  const { getOrCreateScaleForField } = chunkB7OQUBH4_cjs.useColorScales();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[120px_1fr] items-center gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMJROUIDZ_cjs.Label, { children: "Data Field" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkASKFIRMC_cjs.FieldSelector,
+      {
+        label: "",
+        value: settings.field ?? "",
+        onChange: (value) => onSettingsChange({ ...settings, field: value })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMJROUIDZ_cjs.Label, { htmlFor: "minRowHeight", children: "Min Row Height" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkUAVDLBTA_cjs.NumericInputEnter,
+      {
+        value: settings.minRowHeight || 30,
+        onChange: (value) => onSettingsChange({ ...settings, minRowHeight: value }),
+        min: 20,
+        max: 100,
+        stepSmall: 1,
+        stepMedium: 5,
+        stepLarge: 10,
+        placeholder: "Enter minimum row height"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkMJROUIDZ_cjs.Label, { htmlFor: "maxRowHeight", children: "Max Row Height" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkUAVDLBTA_cjs.NumericInputEnter,
+      {
+        value: settings.maxRowHeight || 50,
+        onChange: (value) => onSettingsChange({ ...settings, maxRowHeight: value }),
+        min: 30,
+        max: 200,
+        stepSmall: 1,
+        stepMedium: 10,
+        stepLarge: 20,
+        placeholder: "Enter maximum row height"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-start-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkAOODAOL4_cjs.Switch,
+        {
+          id: "colorField",
+          checked: settings.field === settings.colorField,
+          onCheckedChange: (checked) => {
+            onSettingsChange({
+              ...settings,
+              colorField: checked ? settings.field : void 0,
+              colorScaleId: checked && settings.field ? getOrCreateScaleForField(settings.field) : void 0
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMJROUIDZ_cjs.Label, { htmlFor: "colorField", children: "Use as color field" })
+    ] }) })
+  ] }) });
+}
+
+// src/components/charts/RowChart/definition.ts
+var rowChartDefinition = {
+  type: "row",
+  name: "Row Chart",
+  description: "A horizontal bar chart showing values by category",
+  icon: lucideReact.BarChart,
+  component: RowChart,
+  settingsPanel: RowChartSettingsPanel,
+  createDefaultSettings: (layout, field) => ({
+    ...chunkU74A5VK5_cjs.DEFAULT_ROW_SETTINGS,
+    id: crypto.randomUUID(),
+    layout,
+    field: field ?? "",
+    filters: []
+  }),
+  validateSettings: (settings) => {
+    return Boolean(settings.field);
+  },
+  getFilterFunction: (settings, fieldGetter) => {
+    const dataHash = fieldGetter(settings.field);
+    const valueFilter = settings.filters.find(
+      (f) => f.type === "value" && f.field === settings.field
+    );
+    return (d) => {
+      if (!valueFilter) {
+        return true;
+      }
+      const value = dataHash[d];
+      return chunkEU5EFHO5_cjs.applyFilter(value, valueFilter);
+    };
+  }
+};
+
+exports.rowChartDefinition = rowChartDefinition;
+//# sourceMappingURL=chunk-6DOKKCJ5.cjs.map
+//# sourceMappingURL=chunk-6DOKKCJ5.cjs.map

package/dist/chunk-6DOKKCJ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/RowChart/RowChart.tsx","../src/components/charts/RowChart/RowChartSettingsPanel.tsx","../src/components/charts/RowChart/definition.ts"],"names":["useGetColumnDataForIds","useGetLiveData","useColorScales","useDataLayer","categoryIncludes","categoryEqual","useMemo","categoryValue","categoryKey","hasFieldDisplayFormat","categoryLabel","getChartAxisFields","getChartAxisLabel","numericScale","scaleBand","jsx","BaseChart","jsxs","applyFilter","Label","FieldSelector","NumericInputEnter","Switch","BarChart","DEFAULT_ROW_SETTINGS"],"mappings":"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","file":"chunk-6DOKKCJ5.cjs","sourcesContent":["import {\n  categoryEqual,\n  categoryIncludes,\n  categoryKey,\n  categoryLabel,\n  categoryValue,\n} from \"@/lib/categories\";\nimport { numericScale } from \"../Axis/numericScale\";\nimport { BaseChartProps, RowChartSettings } from \"@/types/ChartTypes\";\n\nimport { useColorScales } from \"@/hooks/useColorScales\";\nimport { applyFilter } from \"@/hooks/applyFilter\";\nimport { useDataLayer } from \"@/providers/DataLayerProvider\";\nimport { datum, Filter, ValueFilter } from \"@/types/FilterTypes\";\nimport { scaleBand } from \"d3-scale\";\nimport { useMemo } from \"react\";\nimport { useGetColumnDataForIds } from \"../useGetColumnData\";\nimport { BaseChart } from \"../BaseChart\";\nimport { getChartAxisFields, getChartAxisLabel } from \"../chartAccessibility\";\nimport { useGetLiveData } from \"../useGetLiveData\";\nimport { hasFieldDisplayFormat } from \"@/lib/fieldSettings\";\n\ntype RowChartProps = BaseChartProps<RowChartSettings>;\n\nexport function RowChart({ settings, width, height, facetIds }: RowChartProps) {\n  const allData = useGetColumnDataForIds(settings.field);\n  const data = useGetLiveData(settings, settings.field, facetIds);\n\n  const { getColorForValue } = useColorScales();\n\n  const updateChart = useDataLayer((s) => s.updateChart);\n  const formatFieldValue = useDataLayer((s) => s.formatFieldValue);\n  const getFieldLabel = useDataLayer((s) => s.getFieldLabel);\n  const fieldSettings = useDataLayer((s) => s.fieldSettings);\n  void fieldSettings;\n\n  const valueFilter = settings.filters.find(\n    (f: Filter): f is ValueFilter =>\n      f.type === \"value\" && f.field === settings.field\n  );\n  const filterValues = valueFilter?.values ?? [];\n\n  const handleBarClick = (label: datum) => {\n    const newValues = categoryIncludes(filterValues, label)\n      ? filterValues.filter((f) => !categoryEqual(f, label))\n      : [...filterValues, label];\n\n    // Create new filters array with updated value filter\n    const newFilters = settings.filters.filter(\n      (f) => f.type !== \"value\" || f.field !== settings.field\n    );\n\n    if (newValues.length > 0) {\n      newFilters.push({\n        type: \"value\",\n        field: settings.field,\n        values: newValues,\n      });\n    }\n\n    updateChart(settings.id, {\n      filters: newFilters,\n    });\n  };\n\n  // Chart dimensions\n  const baseMargin = settings.margin;\n\n  // Calculate counts and handle overflow\n  const { displayCounts } = useMemo(() => {\n    const countMap = new Map<datum, number>();\n    allData.forEach((value) => {\n      const key = categoryValue(value);\n      countMap.set(key, (countMap.get(key) || 0) + 1);\n    });\n\n    // Convert to array and sort by count descending\n    const sortedCounts = Array.from(countMap.entries())\n      .map(([value, count]) => ({\n        value,\n        key: categoryKey(value),\n        label:\n          value != null && hasFieldDisplayFormat(fieldSettings[settings.field])\n            ? (formatFieldValue?.(settings.field, value) ??\n              categoryLabel(value))\n            : categoryLabel(value),\n        count,\n        other: false,\n      }))\n      .sort((a, b) => b.count - a.count);\n\n    // Calculate how many rows we can fit based on min and max row height constraints\n    const availableHeight = height - baseMargin.top - baseMargin.bottom;\n    const rowHeight = Math.max(\n      settings.minRowHeight,\n      Math.min(settings.maxRowHeight, availableHeight / sortedCounts.length)\n    );\n    const maxRows = Math.max(2, Math.floor(availableHeight / rowHeight));\n    const liveCounts = new Map<datum, number>();\n    data.forEach((value) => {\n      const key = categoryValue(value);\n      liveCounts.set(key, (liveCounts.get(key) ?? 0) + 1);\n    });\n    const visible = sortedCounts.map((item) => ({\n      ...item,\n      total: item.count,\n      count: liveCounts.get(item.value) ?? 0,\n    }));\n\n    // If we have more items than we can display, create an \"Others\" category\n    if (sortedCounts.length > maxRows) {\n      const visibleCounts = visible.slice(0, maxRows - 1);\n      const otherSum = visible\n        .slice(maxRows - 1)\n        .reduce((sum, item) => sum + item.count, 0);\n\n      return {\n        displayCounts: [\n          ...visibleCounts,\n          {\n            key: \"__other\",\n            label: \"Other categories\",\n            value: undefined,\n            other: true,\n            count: otherSum,\n            total: visible\n              .slice(maxRows - 1)\n              .reduce((sum, item) => sum + item.total, 0),\n          },\n        ],\n      };\n    }\n\n    return {\n      displayCounts: visible,\n    };\n  }, [\n    data,\n    allData,\n    height,\n    baseMargin.top,\n    baseMargin.bottom,\n    settings.minRowHeight,\n    settings.maxRowHeight,\n    formatFieldValue,\n    fieldSettings,\n  ]);\n\n  const yLabels = displayCounts.map((d) => d.label);\n  const axisFields = getChartAxisFields(settings);\n  const xAxisLabel = getChartAxisLabel(\n    axisFields.x,\n    settings.xAxisLabel,\n    getFieldLabel\n  );\n  const requestedLabelMargin = Math.max(\n    baseMargin.left,\n    ...yLabels.map((label) => label.length * 7 + 24)\n  );\n  const minPlotWidth = Math.min(\n    80,\n    Math.max(0, width - baseMargin.left - baseMargin.right)\n  );\n  const maxLabelMargin = Math.max(0, width - baseMargin.right - minPlotWidth);\n  const labelMargin = Math.min(requestedLabelMargin, maxLabelMargin);\n  const margin = {\n    ...baseMargin,\n    left: Math.min(labelMargin, width * 0.42),\n    right: Math.max(baseMargin.right, 48),\n    bottom: Math.max(baseMargin.bottom, xAxisLabel ? 42 : 26),\n  };\n  const innerWidth = width - margin.left - margin.right;\n  const innerHeight = height - margin.top - margin.bottom;\n  const chartSettings = { ...settings, margin };\n\n  // Create scales with synchronized limits if in a facet\n  const xScale = useMemo(() => {\n    const maxValue = Math.max(1, ...displayCounts.map((d) => d.total));\n\n    return numericScale(settings.xAxis)\n      .domain([0, maxValue])\n      .range([0, innerWidth])\n      .nice();\n  }, [displayCounts, innerWidth, settings.xAxis]);\n\n  const yScale = useMemo(() => {\n    return scaleBand()\n      .domain(displayCounts.map((d) => d.key))\n      .range([0, innerHeight])\n      .padding(0.3);\n  }, [displayCounts, innerHeight]);\n\n  if (displayCounts.length === 0) {\n    return <div style={{ width, height }}>No data to display</div>;\n  }\n\n  const yLabelsByKey = new Map(\n    displayCounts.map((item) => [item.key, item.label])\n  );\n\n  return (\n    <div style={{ width, height }}>\n      <BaseChart\n        width={width}\n        height={height}\n        xScale={xScale}\n        yScale={yScale}\n        settings={chartSettings}\n        yTickFormatter={(value) =>\n          yLabelsByKey.get(String(value)) ?? String(value)\n        }\n        overlay={\n          <g pointerEvents=\"none\">\n            {\" \"}\n            {/* Count labels */}\n            {displayCounts.map(({ key, count }) => (\n              <text\n                key={key}\n                x={xScale(count) + 5}\n                y={yScale(key)! + yScale.bandwidth() / 2}\n                dominantBaseline=\"middle\"\n                className=\"fill-foreground\"\n                fontSize={11}\n              >\n                {count.toLocaleString()}\n              </text>\n            ))}\n          </g>\n        }\n      >\n        <g className=\"select-none\">\n          {/* Bars */}\n          {displayCounts.map(({ key, label, value, count, other }) => {\n            let isFiltered = true;\n            if (valueFilter) {\n              isFiltered = applyFilter(value, valueFilter);\n            }\n\n            const color =\n              valueFilter && !isFiltered\n                ? \"rgb(156 163 175)\" // gray-400 for filtered out points\n                : getColorForValue(settings.colorScaleId, value, \"#3479a8\");\n\n            const barWidth = xScale(count);\n            const barHeight = yScale.bandwidth();\n\n            if (barHeight < 1) {\n              return null;\n            }\n\n            return (\n              <rect\n                key={key}\n                x={0}\n                y={yScale(key)}\n                width={Math.max(0, barWidth)}\n                rx={2}\n                role={other ? undefined : \"button\"}\n                tabIndex={other ? undefined : 0}\n                aria-label={`${label}: ${count.toLocaleString()} rows`}\n                aria-pressed={categoryIncludes(filterValues, value)}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    if (!other) handleBarClick(value);\n                  }\n                }}\n                height={barHeight}\n                className={`chart-mark ${\n                  other ? \"fill-muted/80 hover:fill-muted\" : \"cursor-pointer\"\n                }`}\n                style={{\n                  fill: color,\n                  opacity: valueFilter && !isFiltered ? 0.3 : 1,\n                }}\n                onClick={() => {\n                  if (!other) handleBarClick(value);\n                }}\n              />\n            );\n          })}\n        </g>\n      </BaseChart>\n    </div>\n  );\n}\n","import { FieldSelector } from \"@/components/FieldSelector\";\nimport { NumericInputEnter } from \"@/components/NumericInputEnter\";\nimport { Label } from \"@/components/ui/label\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { useColorScales } from \"@/hooks/useColorScales\";\nimport { ChartSettingsPanelProps, RowChartSettings } from \"@/types/ChartTypes\";\n\nexport function RowChartSettingsPanel({\n  settings,\n  onSettingsChange,\n}: ChartSettingsPanelProps<RowChartSettings>) {\n  const { getOrCreateScaleForField } = useColorScales();\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"grid grid-cols-[120px_1fr] items-center gap-4\">\n        <Label>Data Field</Label>\n        <FieldSelector\n          label=\"\"\n          value={settings.field ?? \"\"}\n          onChange={(value) => onSettingsChange({ ...settings, field: value })}\n        />\n\n        <Label htmlFor=\"minRowHeight\">Min Row Height</Label>\n        <NumericInputEnter\n          value={settings.minRowHeight || 30}\n          onChange={(value) =>\n            onSettingsChange({ ...settings, minRowHeight: value })\n          }\n          min={20}\n          max={100}\n          stepSmall={1}\n          stepMedium={5}\n          stepLarge={10}\n          placeholder=\"Enter minimum row height\"\n        />\n\n        <Label htmlFor=\"maxRowHeight\">Max Row Height</Label>\n        <NumericInputEnter\n          value={settings.maxRowHeight || 50}\n          onChange={(value) =>\n            onSettingsChange({ ...settings, maxRowHeight: value })\n          }\n          min={30}\n          max={200}\n          stepSmall={1}\n          stepMedium={10}\n          stepLarge={20}\n          placeholder=\"Enter maximum row height\"\n        />\n\n        <div className=\"col-start-2\">\n          <div className=\"flex items-center space-x-2\">\n            <Switch\n              id=\"colorField\"\n              checked={settings.field === settings.colorField}\n              onCheckedChange={(checked) => {\n                onSettingsChange({\n                  ...settings,\n                  colorField: checked ? settings.field : undefined,\n                  colorScaleId:\n                    checked && settings.field\n                      ? getOrCreateScaleForField(settings.field)\n                      : undefined,\n                });\n              }}\n            />\n            <Label htmlFor=\"colorField\">Use as color field</Label>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { BarChart } from \"lucide-react\";\n\nimport { RowChart } from \"@/components/charts/RowChart/RowChart\";\nimport { applyFilter } from \"@/hooks/applyFilter\";\nimport { IdType } from \"@/providers/DataLayerProvider\";\nimport {\n  ChartDefinition,\n  ChartLayout,\n  RowChartSettings,\n  datum,\n} from \"@/types/ChartTypes\";\nimport { Filter } from \"@/types/FilterTypes\";\nimport { DEFAULT_ROW_SETTINGS } from \"@/utils/defaultSettings\";\nimport { RowChartSettingsPanel } from \"./RowChartSettingsPanel\";\n\nexport const rowChartDefinition: ChartDefinition<RowChartSettings> = {\n  type: \"row\",\n  name: \"Row Chart\",\n  description: \"A horizontal bar chart showing values by category\",\n  icon: BarChart,\n\n  component: RowChart,\n  settingsPanel: RowChartSettingsPanel,\n\n  createDefaultSettings: (layout: ChartLayout, field?: string) => ({\n    ...DEFAULT_ROW_SETTINGS,\n    id: crypto.randomUUID(),\n    layout,\n    field: field ?? \"\",\n    filters: [],\n  }),\n\n  validateSettings: (settings) => {\n    return Boolean(settings.field);\n  },\n\n  getFilterFunction: (\n    settings: RowChartSettings,\n    fieldGetter: (name: string) => Record<IdType, datum>\n  ) => {\n    const dataHash = fieldGetter(settings.field);\n    const valueFilter = settings.filters.find(\n      (f): f is Filter => f.type === \"value\" && f.field === settings.field\n    );\n\n    return (d: IdType) => {\n      if (!valueFilter) {\n        return true;\n      }\n\n      const value = dataHash[d];\n      return applyFilter(value, valueFilter);\n    };\n  },\n};\n"]}