drizzle-cube 0.4.52 → 0.5.0

package/dist/client/chunks/charts-core-BXOqaYFn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-core-BXOqaYFn.js","names":[],"sources":["../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const { t } = useTranslation()\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: t('chart.runtime.axisFormat.custom') }\n  ]\n\n  return (\n    <div className=\"dc:space-y-3 dc:pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.label')}</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder={t('chart.runtime.axisFormat.autoLabel')}\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      </div>\n\n      {/* Unit Type */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.unit')}</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"dc:flex dc:gap-2\">\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.prefix')}</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder={t('chart.runtime.axisFormat.prefixExample')}\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          </div>\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.suffix')}</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder={t('chart.runtime.axisFormat.suffixExample')}\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          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.abbreviation')}</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            {t('chart.runtime.axisFormat.yes')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            {t('chart.runtime.axisFormat.no')}\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.decimals')}</label>\n        <div className=\"dc:flex dc:gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.axisFormat.preview')}</label>\n        <div className=\"dc:text-sm dc:font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  const { t } = useTranslation()\n  return (\n    <div className=\"dc:space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel={t('chart.runtime.axisFormat.leftYAxis')}\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel={t('chart.runtime.axisFormat.rightYAxis')}\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel={t('chart.runtime.axisFormat.xAxis')}\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"mappings":"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"}

package/dist/client/chunks/en-US-5xPTdCXg.js

@@ -0,0 +1,35 @@
+//#region src/i18n/locales/en-US.json
+var e = {
+	"analysis.modes.flow.description": "Bidirectional path analysis with Sankey visualization",
+	"chart.area.description": "Emphasize magnitude of change over time",
+	"chart.radialBar.description": "Circular progress and KPI visualization",
+	"chart.treemap.description": "Visualize hierarchical data with nested rectangles",
+	"chart.activityGrid.description": "GitHub-style activity grid showing temporal patterns across different time scales",
+	"chart.activityGrid.useCase": "Best for visualizing activity patterns over time. Supports hour (3hr blocks × days), day (days × weeks), week (weeks × months), month (months × quarters), and quarter (quarters × years) granularities",
+	"chart.kpiText.description": "Display key performance indicators as customizable text",
+	"chart.funnel.useCase": "Best for visualizing user journey funnels, sales pipelines, or multi-step processes",
+	"chart.sankey.useCase": "Best for visualizing user journey flows, path analysis, or state transitions",
+	"chart.sunburst.useCase": "Best for visualizing forward paths from a starting event in a compact radial layout",
+	"chart.heatmap.description": "Visualize intensity across two dimensions",
+	"chart.retentionHeatmap.description": "Cohort retention matrix visualization",
+	"chart.retentionHeatmap.useCase": "Visualize user retention over time by cohort",
+	"chart.retentionCombined.description": "Combined retention visualization with line chart and heatmap modes",
+	"chart.retentionCombined.useCase": "Visualize user retention over time with optional breakdown segmentation",
+	"chart.measureProfile.description": "Plot N measures as sequential X-axis points to visualize a profile or shape across intervals",
+	"chart.gauge.useCase": "Best for high-water marks vs equity, margin utilization, or any single value progress toward a goal",
+	"chart.option.innerRadius.description": "Hollow center size (0% = solid pie, higher = donut style)",
+	"chart.option.bullColor.label": "Bullish Color",
+	"chart.option.bullColor.description": "Candle color when close ≥ open",
+	"chart.option.bearColor.label": "Bearish Color",
+	"chart.option.bearColor.description": "Candle color when close < open",
+	"chart.option.showCentreLabel.label": "Show Center Label",
+	"chart.option.showCentreLabel.description": "Display current value and field name in the center of the gauge",
+	"chart.option.accentBorder.description": "Add an accent-colored border on one side of the content",
+	"chart.scatter.dropZone.series.empty": "Drop a dimension to color points",
+	"chart.bubble.dropZone.colorField.empty": "Drop a field for bubble color (optional)",
+	"chart.treemap.dropZone.series.empty": "Drop a dimension for color grouping"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=en-US-5xPTdCXg.js.map

package/dist/client/chunks/en-US-5xPTdCXg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US-5xPTdCXg.js","names":[],"sources":["../../../src/i18n/locales/en-US.json"],"sourcesContent":["{\n  \"analysis.modes.flow.description\": \"Bidirectional path analysis with Sankey visualization\",\n\n  \"chart.area.description\": \"Emphasize magnitude of change over time\",\n  \"chart.radialBar.description\": \"Circular progress and KPI visualization\",\n  \"chart.treemap.description\": \"Visualize hierarchical data with nested rectangles\",\n  \"chart.activityGrid.description\": \"GitHub-style activity grid showing temporal patterns across different time scales\",\n  \"chart.activityGrid.useCase\": \"Best for visualizing activity patterns over time. Supports hour (3hr blocks × days), day (days × weeks), week (weeks × months), month (months × quarters), and quarter (quarters × years) granularities\",\n  \"chart.kpiText.description\": \"Display key performance indicators as customizable text\",\n  \"chart.funnel.useCase\": \"Best for visualizing user journey funnels, sales pipelines, or multi-step processes\",\n  \"chart.sankey.useCase\": \"Best for visualizing user journey flows, path analysis, or state transitions\",\n  \"chart.sunburst.useCase\": \"Best for visualizing forward paths from a starting event in a compact radial layout\",\n  \"chart.heatmap.description\": \"Visualize intensity across two dimensions\",\n  \"chart.retentionHeatmap.description\": \"Cohort retention matrix visualization\",\n  \"chart.retentionHeatmap.useCase\": \"Visualize user retention over time by cohort\",\n  \"chart.retentionCombined.description\": \"Combined retention visualization with line chart and heatmap modes\",\n  \"chart.retentionCombined.useCase\": \"Visualize user retention over time with optional breakdown segmentation\",\n  \"chart.measureProfile.description\": \"Plot N measures as sequential X-axis points to visualize a profile or shape across intervals\",\n  \"chart.gauge.useCase\": \"Best for high-water marks vs equity, margin utilization, or any single value progress toward a goal\",\n\n  \"chart.option.innerRadius.description\": \"Hollow center size (0% = solid pie, higher = donut style)\",\n  \"chart.option.bullColor.label\": \"Bullish Color\",\n  \"chart.option.bullColor.description\": \"Candle color when close ≥ open\",\n  \"chart.option.bearColor.label\": \"Bearish Color\",\n  \"chart.option.bearColor.description\": \"Candle color when close < open\",\n  \"chart.option.showCentreLabel.label\": \"Show Center Label\",\n  \"chart.option.showCentreLabel.description\": \"Display current value and field name in the center of the gauge\",\n  \"chart.option.accentBorder.description\": \"Add an accent-colored border on one side of the content\",\n\n  \"chart.scatter.dropZone.series.empty\": \"Drop a dimension to color points\",\n  \"chart.bubble.dropZone.colorField.empty\": \"Drop a field for bubble color (optional)\",\n  \"chart.treemap.dropZone.series.empty\": \"Drop a dimension for color grouping\"\n}\n"],"mappings":""}