@embeddable.com/remarkable-pro 0.3.5 → 0.3.7

package/dist/{definition-b7m3sPDx.js → definition-DqlnTS8s.js}

@@ -1,10 +1,10 @@
 import { useTheme as P, definePreview as y } from "@embeddable.com/react";
-import { g as b, j as d, t as C, V as c } from "./index-BDd5cXFC.js";
-import { g as S, u as F, a as R } from "./dates.utils-LPINyM3w.js";
+import { g as b, j as d, t as C, V as c } from "./index-3F2_3p7g.js";
+import { g as S, u as F, a as R } from "./dates.utils-Dx0wDT-t.js";
 import { b as M, i as j, r as k, a as O } from "./component.utils-oQMZT7TK.js";
-import { E as x } from "./EditorCard-DivoetAt.js";
+import { E as x } from "./EditorCard-CXZ06jv0.js";
 import { useMemo as D, useEffect as T } from "react";
-import { C as p, i as t } from "./component.inputs.constants-DoBT8ykS.js";
+import { C as p, i as t } from "./component.inputs.constants-C1gOvjv8.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
@@ -120,4 +120,4 @@ export {
   E as g,
   K as i
 };
-//# sourceMappingURL=definition-b7m3sPDx.js.map
+//# sourceMappingURL=definition-DqlnTS8s.js.map

package/dist/{definition-b7m3sPDx.js.map → definition-DqlnTS8s.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-b7m3sPDx.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/components/editors/ComparisonPeriodSelectFieldPro/definition.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { resolveI18nString } from '../../component.utils';\nimport { getTimeRangeLabel } from '../dates/dates.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { useEffect, useMemo } from 'react';\nimport { getTimeRangeFromPresets } from '../dates/dates.utils';\n\nexport type DateComparisonSelectFieldPro = {\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string | null) => void;\n} & EditorCardHeaderProps;\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { comparisonPeriod, onChange } = props;\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromPresets(\n    props.primaryDateRange,\n    theme.defaults.dateRangesOptions,\n    theme.clientContext.timezone,\n  );\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from './index';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\nimport { inputs } from '../../component.inputs.constants';\n\nconst meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\n  description:\n    'Dropdown for picking a comparison period (e.g. the previous period or previous year). Pairs with a comparisonPeriod variable; emits onChange.',\n  category: 'Dropdowns - dates',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-comparison' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      label: 'Selected comparison period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => inputs;\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: value || Value.noFilter(),\n    };\n  },\n};\n\nexport const comparisonPeriodSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","tooltip","resolveI18nProps","comparisonPeriod","onChange","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromPresets","options","jsx","EditorCard","SingleSelectField","i18n","meta","inputs","ComparisonPeriodType","Value","preview","definePreview","Component","events","value","comparisonPeriodSelectFieldPro"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"definition-DqlnTS8s.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/components/editors/ComparisonPeriodSelectFieldPro/index.tsx","../src/components/editors/ComparisonPeriodSelectFieldPro/definition.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.44.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { resolveI18nString } from '../../component.utils';\nimport { getTimeRangeLabel } from '../dates/dates.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { useEffect, useMemo } from 'react';\nimport { getTimeRangeFromPresets } from '../dates/dates.utils';\n\nexport type DateComparisonSelectFieldPro = {\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string | null) => void;\n} & EditorCardHeaderProps;\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { comparisonPeriod, onChange } = props;\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromPresets(\n    props.primaryDateRange,\n    theme.defaults.dateRangesOptions,\n    theme.clientContext.timezone,\n  );\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from './index';\nimport ComparisonPeriodType from '../../types/ComparisonPeriod.type.emb';\nimport { inputs } from '../../component.inputs.constants';\n\nconst meta = {\n  name: 'ComparisonPeriodSelectFieldPro',\n  label: 'Comparison Period Select Field',\n  description:\n    'Dropdown for picking a comparison period (e.g. the previous period or previous year). Pairs with a comparisonPeriod variable; emits onChange.',\n  category: 'Dropdowns - dates',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-comparison' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      category: 'Pre-configured variables',\n      description: 'Pick the main time period. The comparison range is based on this selection.',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      label: 'Selected comparison period',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected comparison-period updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected comparison-period',\n          type: ComparisonPeriodType,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'comparison-period value',\n      type: ComparisonPeriodType,\n      defaultValue: Value.noFilter(),\n      inputs: ['comparisonPeriod'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => inputs;\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: value || Value.noFilter(),\n    };\n  },\n};\n\nexport const comparisonPeriodSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","tooltip","resolveI18nProps","comparisonPeriod","onChange","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromPresets","options","jsx","EditorCard","SingleSelectField","i18n","meta","inputs","ComparisonPeriodType","Value","preview","definePreview","Component","events","value","comparisonPeriodSelectFieldPro"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{definition-CsPv349D.js → definition-GS-0m3Xi.js}

@@ -1,10 +1,10 @@
-import { j as o, V as s } from "./index-BDd5cXFC.js";
+import { j as o, V as s } from "./index-3F2_3p7g.js";
 import { useTheme as g, definePreview as S } from "@embeddable.com/react";
-import { E as v } from "./EditorCard-DivoetAt.js";
+import { E as v } from "./EditorCard-CXZ06jv0.js";
 import { i as h, r as b } from "./component.utils-oQMZT7TK.js";
-import { D } from "./DimensionAndMeasureSingleSelectField-C4qGcB0l.js";
-import { i as e } from "./component.inputs.constants-DoBT8ykS.js";
-import { p as t } from "./preview.data.constants-B3oyUsaQ.js";
+import { D } from "./DimensionAndMeasureSingleSelectField-DxxOxs5u.js";
+import { i as e } from "./component.inputs.constants-C1gOvjv8.js";
+import { p as t } from "./preview.data.constants-Cg6C5D3p.js";
 const i = (n) => {
   const l = g();
   h(l);
@@ -93,4 +93,4 @@ export {
   T as d,
   M as i
 };
-//# sourceMappingURL=definition-CsPv349D.js.map
+//# sourceMappingURL=definition-GS-0m3Xi.js.map

package/dist/{definition-CsPv349D.js.map → definition-GS-0m3Xi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-CsPv349D.js","sources":["../src/components/editors/DimensionSingleSelectFieldPro/index.tsx","../src/components/editors/DimensionSingleSelectFieldPro/definition.ts"],"sourcesContent":["import { Dimension } from '@embeddable.com/core';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { DimensionAndMeasureSingleSelectField } from '../shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField';\n\nexport type DimensionSingleSelectFieldProProps = {\n  selectedDimension?: Dimension;\n  dimensionOptions: Dimension[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: Dimension | undefined) => void;\n} & ChartCardHeaderProps;\n\nconst DimensionSingleSelectFieldPro = (props: DimensionSingleSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { selectedDimension, dimensionOptions, clearable, onChange } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DimensionAndMeasureSingleSelectField<Dimension>\n        selectedValue={selectedDimension}\n        options={dimensionOptions}\n        placeholder={placeholder}\n        clearable={clearable}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DimensionSingleSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'DimensionSingleSelectFieldPro',\n  label: 'Dimension Single Select Field',\n  description:\n    'Dropdown for selecting a single dimension from a list. Pairs with a dimension variable; emits onChange.',\n  category: 'Dropdowns - dimensions and measures',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    inputs.dimensionOptions,\n    {\n      ...inputs.dimension,\n      name: 'selectedDimension',\n      label: 'Selected dimension',\n      category: 'Pre-configured variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected dimension updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected dimension',\n          type: 'dimension',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'dimension single-select value',\n      type: 'dimension',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedDimension'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  dimensionOptions: [previewData.dimension, previewData.dimensionGroup],\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n    dimensionOptions: inputs.dimensionOptions ?? [],\n  };\n};\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: value ?? Value.noFilter(),\n    };\n  },\n};\n\nexport const dimensionSingleSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["DimensionSingleSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimension","dimensionOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","jsx","EditorCard","DimensionAndMeasureSingleSelectField","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","dimensionSingleSelectFieldPro"],"mappings":";;;;;;;AAiBA,MAAMA,IAAgC,CAACC,MAA8C;AACnF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,mBAAAG,GAAmB,kBAAAC,GAAkB,WAAAC,GAAW,UAAAC,MAAaP,GAC/D,EAAE,OAAAQ,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAiBZ,CAAK;AAE3E,SACEa,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAN,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAG,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeX;AAAA,MACf,SAASC;AAAA,MACT,aAAAM;AAAA,MACA,WAAAL;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;;8CC7BMS,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,EAAE,GAAGA,EAAO,WAAW,cAAc,GAAA;AAAA,EAAM;AAAA,EAE7C,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,mBAAmB;AAAA,MAC5B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,kBAAkB,CAACC,EAAY,WAAWA,EAAY,cAAc;AAAA,EACpE,UAAU,MAAM;AAClB,CAAC,GAEKtB,IAAQ,CAACiB,OACN;AAAA,EACL,GAAGA;AAAAA,EACH,kBAAkBA,EAAO,oBAAoB,CAAA;AAAC,IAI5CM,IAAS;AAAA,EACb,UAAU,CAACC,OACF;AAAA,IACL,OAAOA,KAASN,EAAM,SAAA;AAAA,EAAS;AAGrC,GAEaO,IAAgC;AAAA,EAAA,WAC3CJ;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAnB;AAAA,IACA,QAAAuB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"definition-GS-0m3Xi.js","sources":["../src/components/editors/DimensionSingleSelectFieldPro/index.tsx","../src/components/editors/DimensionSingleSelectFieldPro/definition.ts"],"sourcesContent":["import { Dimension } from '@embeddable.com/core';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { DimensionAndMeasureSingleSelectField } from '../shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField';\n\nexport type DimensionSingleSelectFieldProProps = {\n  selectedDimension?: Dimension;\n  dimensionOptions: Dimension[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: Dimension | undefined) => void;\n} & ChartCardHeaderProps;\n\nconst DimensionSingleSelectFieldPro = (props: DimensionSingleSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { selectedDimension, dimensionOptions, clearable, onChange } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DimensionAndMeasureSingleSelectField<Dimension>\n        selectedValue={selectedDimension}\n        options={dimensionOptions}\n        placeholder={placeholder}\n        clearable={clearable}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DimensionSingleSelectFieldPro;\n","import { Value } from '@embeddable.com/core';\nimport { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'DimensionSingleSelectFieldPro',\n  label: 'Dimension Single Select Field',\n  description:\n    'Dropdown for selecting a single dimension from a list. Pairs with a dimension variable; emits onChange.',\n  category: 'Dropdowns - dimensions and measures',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    inputs.dimensionOptions,\n    {\n      ...inputs.dimension,\n      name: 'selectedDimension',\n      label: 'Selected dimension',\n      category: 'Pre-configured variables',\n      required: false,\n      config: {\n        dataset: 'dataset',\n      },\n    },\n    { ...inputs.clearable, defaultValue: false },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected dimension updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected dimension',\n          type: 'dimension',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'dimension single-select value',\n      type: 'dimension',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedDimension'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  dimensionOptions: [previewData.dimension, previewData.dimensionGroup],\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n    dimensionOptions: inputs.dimensionOptions ?? [],\n  };\n};\n\nconst events = {\n  onChange: (value: unknown) => {\n    return {\n      value: value ?? Value.noFilter(),\n    };\n  },\n};\n\nexport const dimensionSingleSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["DimensionSingleSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimension","dimensionOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","jsx","EditorCard","DimensionAndMeasureSingleSelectField","meta","inputs","Value","preview","definePreview","Component","previewData","events","value","dimensionSingleSelectFieldPro"],"mappings":";;;;;;;AAiBA,MAAMA,IAAgC,CAACC,MAA8C;AACnF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,mBAAAG,GAAmB,kBAAAC,GAAkB,WAAAC,GAAW,UAAAC,MAAaP,GAC/D,EAAE,OAAAQ,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAiBZ,CAAK;AAE3E,SACEa,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAN,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAG,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeX;AAAA,MACf,SAASC;AAAA,MACT,aAAAM;AAAA,MACA,WAAAL;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;;8CC7BMS,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,EAAE,GAAGA,EAAO,WAAW,cAAc,GAAA;AAAA,EAAM;AAAA,EAE7C,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,mBAAmB;AAAA,MAC5B,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,kBAAkB,CAACC,EAAY,WAAWA,EAAY,cAAc;AAAA,EACpE,UAAU,MAAM;AAClB,CAAC,GAEKtB,IAAQ,CAACiB,OACN;AAAA,EACL,GAAGA;AAAAA,EACH,kBAAkBA,EAAO,oBAAoB,CAAA;AAAC,IAI5CM,IAAS;AAAA,EACb,UAAU,CAACC,OACF;AAAA,IACL,OAAOA,KAASN,EAAM,SAAA;AAAA,EAAS;AAGrC,GAEaO,IAAgC;AAAA,EAAA,WAC3CJ;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAnB;AAAA,IACA,QAAAuB;AAAA,EAAA;AAEJ;"}

package/dist/{definition-J3ahAeKj.js → definition-Q9FNorQj.js}

@@ -1,31 +1,31 @@
-import { p as U, u as k, m as X, j as F, M as H, V as w, l as Y } from "./index-BDd5cXFC.js";
-import { useTheme as q, definePreview as J } from "@embeddable.com/react";
-import { i as Q, r as W, a as Z } from "./component.utils-oQMZT7TK.js";
-import { C as ee } from "./ChartCard-Zy5lPApV.js";
-import { g as I } from "./dimension.utils-CB-LXCP5.js";
-import { a as R, g as $ } from "./formatter.utils-DE-_ADag.js";
-import { g as te } from "./styles.utils-C8CnV0SB.js";
-import { N as C, g as ae, m as _, r as S } from "./scatter.utils-DV4Kp2Lb.js";
-import { i as n, s as oe } from "./component.inputs.constants-DoBT8ykS.js";
-import { p as D } from "./preview.data.constants-B3oyUsaQ.js";
-import { g as ne } from "./clientContext.utils-DpB5KsfX.js";
-const se = (e, a, s) => ({
+import { p as K, u as A, m as E, j as T, M as G, V as w, l as H } from "./index-3F2_3p7g.js";
+import { useTheme as U, definePreview as X } from "@embeddable.com/react";
+import { i as Y, r as q, a as J } from "./component.utils-oQMZT7TK.js";
+import { C as Q, a as W } from "./ChartCard-DoGFLbS2.js";
+import { g as F } from "./dimension.utils-4qaXsySV.js";
+import { a as R, g as O } from "./formatter.utils-D8VAiDYp.js";
+import { g as Z } from "./styles.utils-C8CnV0SB.js";
+import { N as D, g as ee, m as I, r as S } from "./scatter.utils-DV4Kp2Lb.js";
+import { i as n, s as ae } from "./component.inputs.constants-C1gOvjv8.js";
+import { p as M } from "./preview.data.constants-Cg6C5D3p.js";
+import { g as te } from "./clientContext.utils-DpB5KsfX.js";
+const oe = (e, t, s) => ({
   formatter: (m, u) => {
     var r;
     const o = (r = u.dataset.originalData) == null ? void 0 : r[u.dataIndex];
-    return o ? `${s(e, o.x)}, ${s(a, o.y)}` : "";
+    return o ? `${s(e, o.x)}, ${s(t, o.y)}` : "";
   }
-}), re = ({
+}), ne = ({
   xMeasure: e,
-  yMeasure: a,
+  yMeasure: t,
   noValueLabel: s,
   showPointLabels: m
 }, u) => {
-  const c = $(u), o = (p, g) => g == null ? s : c.data(p, g), r = k("--em-scatterchart-point-radius", "0.375rem"), i = k("--em-scatterchart-label-stack-gap", "0.25rem"), d = k("--em-scatterchart-label-stack-height", "1.25rem"), h = r + i, x = m ? r + i + d + i : r + i;
+  const c = O(u), o = (p, g) => g == null ? s : c.data(p, g), r = A("--em-scatterchart-point-radius", "0.375rem"), i = A("--em-scatterchart-label-stack-gap", "0.25rem"), d = A("--em-scatterchart-label-stack-height", "1.25rem"), h = r + i, x = m ? r + i + d + i : r + i;
   return {
-    scales: ae(
+    scales: ee(
       e,
-      a,
+      t,
       (p, g) => c.data(p, g)
     ),
     plugins: {
@@ -33,8 +33,8 @@ const se = (e, a, s) => ({
         callbacks: {
           label: (p) => {
             var l;
-            const g = p.dataset, y = ((l = g.originalData) == null ? void 0 : l[p.dataIndex]) ?? p.dataset.data[p.dataIndex], t = g.label ? `${g.label}: ` : "";
-            return y ? `${t}(${o(e, y.x)}, ${o(a, y.y)})` : t;
+            const g = p.dataset, y = ((l = g.originalData) == null ? void 0 : l[p.dataIndex]) ?? p.dataset.data[p.dataIndex], a = g.label ? `${g.label}: ` : "";
+            return y ? `${a}(${o(e, y.x)}, ${o(t, y.y)})` : a;
           }
         }
       },
@@ -42,7 +42,7 @@ const se = (e, a, s) => ({
         labels: {
           value: {
             display: "auto",
-            ...se(e, a, o),
+            ...oe(e, t, o),
             anchor: "center",
             align: "bottom",
             offset: x
@@ -57,9 +57,9 @@ const se = (e, a, s) => ({
       }
     }
   };
-}, ie = (e, a, s, m, u, c, o) => {
+}, se = (e, t, s, m, u, c, o) => {
   var g, y;
-  const r = (y = (g = a[e.datasetIndex]) == null ? void 0 : g.data[e.index]) == null ? void 0 : y.rowIndex;
+  const r = (y = (g = t[e.datasetIndex]) == null ? void 0 : g.data[e.index]) == null ? void 0 : y.rowIndex;
   if (r === void 0) return null;
   const i = s == null ? void 0 : s[r];
   if (!i) return null;
@@ -69,18 +69,18 @@ const se = (e, a, s) => ({
     yMeasureValue: S(i[u.name]),
     pointDimensionValue: x,
     groupByDimensionValue: p,
-    pointDimensionTimeRange: I({
+    pointDimensionTimeRange: F({
       value: x,
       dimension: c
     }),
-    groupByDimensionTimeRange: I({
+    groupByDimensionTimeRange: F({
       value: p ?? void 0,
       dimension: o
     })
   };
-}, le = ({
+}, re = ({
   datasets: e,
-  results: a,
+  results: t,
   xMeasure: s,
   yMeasure: m,
   pointDimension: u,
@@ -89,26 +89,26 @@ const se = (e, a, s) => ({
 }) => ({ elementAtEvent: r }) => {
   const i = r[0];
   if (!i) return;
-  const d = ie(
+  const d = se(
     i,
     e,
-    a.data,
+    t.data,
     s,
     m,
     u,
     c
   );
   d && (o == null || o(d));
-}, ue = (e, a) => {
+}, ie = (e, t) => {
   var y;
-  const s = $(a), m = U(), u = e.data ?? [], c = R(e.pointDimension), o = ((y = e.pointColor) == null ? void 0 : y.trim()) || void 0;
+  const s = O(t), m = K(), u = e.data ?? [], c = R(e.pointDimension), o = ((y = e.pointColor) == null ? void 0 : y.trim()) || void 0;
   if (!u.length)
     return { datasets: [{ label: "", data: [] }] };
-  const r = (t, l, b, f) => o ?? te({ dimensionOrMeasure: l, theme: a, color: t, value: b, index: f, chartColors: m }), i = (t, l) => {
-    const b = t[c], f = b == null ? e.noValueLabel : String(s.data(e.pointDimension, b));
+  const r = (a, l, b, f) => o ?? Z({ dimensionOrMeasure: l, theme: t, color: a, value: b, index: f, chartColors: m }), i = (a, l) => {
+    const b = a[c], f = b == null ? e.noValueLabel : String(s.data(e.pointDimension, b));
     return {
-      x: _(t[e.xMeasure.name]),
-      y: _(t[e.yMeasure.name]),
+      x: I(a[e.xMeasure.name]),
+      y: I(a[e.yMeasure.name]),
       pointLabel: f,
       label: f,
       rowIndex: l
@@ -119,30 +119,30 @@ const se = (e, a, s) => ({
       datasets: [
         {
           label: s.dimensionOrMeasureTitle(e.yMeasure),
-          data: u.map((t, l) => i(t, l)),
+          data: u.map((a, l) => i(a, l)),
           pointBackgroundColor: r("background", e.xMeasure, e.xMeasure.name, 0),
           pointBorderColor: r("border", e.xMeasure, e.xMeasure.name, 0)
         }
       ]
     };
   const d = e.groupByDimension, h = R(d), x = /* @__PURE__ */ new Map();
-  return u.forEach((t, l) => {
-    const b = t[h] == null ? C : String(t[h]), f = x.get(b) ?? [];
-    f.push(i(t, l)), x.set(b, f);
-  }), { datasets: [...x.keys()].sort((t, l) => t === C ? 1 : l === C ? -1 : t.localeCompare(l)).map((t, l) => {
-    var V;
-    const b = x.get(t), f = b[0].rowIndex, L = t === C ? null : (V = u[f]) == null ? void 0 : V[h], v = t === C ? e.noValueLabel : s.data(d, L), M = t === C ? `${d.name}.null` : `${d.name}.${t}`;
+  return u.forEach((a, l) => {
+    const b = a[h] == null ? D : String(a[h]), f = x.get(b) ?? [];
+    f.push(i(a, l)), x.set(b, f);
+  }), { datasets: [...x.keys()].sort((a, l) => a === D ? 1 : l === D ? -1 : a.localeCompare(l)).map((a, l) => {
+    var C;
+    const b = x.get(a), f = b[0].rowIndex, L = a === D ? null : (C = u[f]) == null ? void 0 : C[h], v = a === D ? e.noValueLabel : s.data(d, L), V = a === D ? `${d.name}.null` : `${d.name}.${a}`;
     return {
       label: v,
       data: b,
-      pointBackgroundColor: r("background", d, M, l),
-      pointBorderColor: r("border", d, M, l)
+      pointBackgroundColor: r("background", d, V, l),
+      pointBorderColor: r("border", d, V, l)
     };
   }) };
 }, P = (e) => {
-  var T;
-  const a = q();
-  Q(a);
+  var B;
+  const t = U();
+  Y(t);
   const {
     xMeasure: s,
     yMeasure: m,
@@ -157,36 +157,35 @@ const se = (e, a, s) => ({
     showLogarithmicScale: p,
     xAxisRangeMin: g,
     xAxisRangeMax: y,
-    yAxisRangeMin: t,
+    yAxisRangeMin: a,
     yAxisRangeMax: l,
     reverseXAxis: b,
-    onPointClick: f,
-    hideMenu: L
-  } = e, { title: v, description: M, tooltip: V, xAxisLabel: z, yAxisLabel: K } = W(e), A = Z.t("charts.scatterChart.noValue"), B = ue(
+    onPointClick: f
+  } = e, L = q(e), { xAxisLabel: v, yAxisLabel: V } = L, C = J.t("charts.scatterChart.noValue"), k = ie(
     {
       data: o.data,
       xMeasure: s,
       yMeasure: m,
       pointDimension: u,
       groupByDimension: c,
-      noValueLabel: A,
+      noValueLabel: C,
       pointColor: r
     },
-    a
-  ), E = le({
-    datasets: B.datasets,
+    t
+  ), N = re({
+    datasets: k.datasets,
     results: o,
     xMeasure: s,
     yMeasure: m,
     pointDimension: u,
     groupByDimension: c,
     onPointClick: f
-  }), G = X(
-    re({ xMeasure: s, yMeasure: m, noValueLabel: A, showPointLabels: h }, a),
-    ((T = a.charts.scatterChartPro) == null ? void 0 : T.options) ?? {}
+  }), z = E(
+    ne({ xMeasure: s, yMeasure: m, noValueLabel: C, showPointLabels: h }, t),
+    ((B = t.charts.scatterChartPro) == null ? void 0 : B.options) ?? {}
   );
-  return /* @__PURE__ */ F.jsx(
-    ee,
+  return /* @__PURE__ */ T.jsx(
+    Q,
     {
       data: o,
       dimensionsAndMeasures: [
@@ -196,37 +195,34 @@ const se = (e, a, s) => ({
         ...c ? [c] : []
       ],
       errorMessage: o.error,
-      description: M,
-      title: v,
-      tooltip: V,
-      hideMenu: L,
-      children: /* @__PURE__ */ F.jsx(
-        H,
+      ...W(e),
+      children: /* @__PURE__ */ T.jsx(
+        G,
         {
-          data: B,
-          options: G,
-          nullBandLabel: A,
+          data: k,
+          options: z,
+          nullBandLabel: C,
           showLegend: i,
           showTooltips: d,
           showPointLabels: h,
           showValueLabels: x,
           showLogarithmicScale: p,
-          xAxisLabel: z,
-          yAxisLabel: K,
+          xAxisLabel: v,
+          yAxisLabel: V,
           xAxisRangeMin: g,
           xAxisRangeMax: y,
-          yAxisRangeMin: t,
+          yAxisRangeMin: a,
           yAxisRangeMax: l,
           reverseXAxis: b,
-          onClick: E
+          onClick: N
         }
       )
     }
   );
-}, Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: P
-}, Symbol.toStringTag, { value: "Module" })), me = {
+}, Symbol.toStringTag, { value: "Module" })), le = {
   name: "ScatterChartPro",
   label: "Scatter Chart",
   description: "Scatter plot showing the relationship between two measures across a grouping dimension. Use to spot correlations.",
@@ -243,7 +239,7 @@ const se = (e, a, s) => ({
       required: !1
     },
     {
-      ...oe.color,
+      ...ae.color,
       name: "pointColor",
       label: "Point color",
       category: "Component Settings"
@@ -269,7 +265,8 @@ const se = (e, a, s) => ({
     n.xAxisRangeMax,
     n.yAxisRangeMin,
     n.yAxisRangeMax,
-    n.maxResults
+    n.maxResults,
+    n.menuOptions
   ],
   events: [
     {
@@ -293,15 +290,15 @@ const se = (e, a, s) => ({
       ]
     }
   ]
-}, O = {
-  dataset: D.dataset,
-  xMeasure: D.measure,
-  yMeasure: D.measureVariant,
-  pointDimension: D.dimension,
-  results: D.results2Measures1Dimension,
+}, _ = {
+  dataset: M.dataset,
+  xMeasure: M.measure,
+  yMeasure: M.measureVariant,
+  pointDimension: M.dimension,
+  results: M.results2Measures1Dimension,
   showLegend: !0,
   hideMenu: !0
-}, ce = J(P, O), j = (e, a) => ({
+}, ue = X(P, _), $ = (e, t) => ({
   limit: e.maxResults,
   from: e.dataset,
   select: [
@@ -310,34 +307,34 @@ const se = (e, a, s) => ({
     e.pointDimension,
     ...e.groupByDimension ? [e.groupByDimension] : []
   ],
-  timezone: ne(a == null ? void 0 : a.timezone)
-}), N = (e, a) => Y(j(e, a)), de = {
+  timezone: te(t == null ? void 0 : t.timezone)
+}), j = (e, t) => H($(e, t)), me = {
   onPointClick: (e) => ({
     xMeasureValue: e.xMeasureValue ?? w.noFilter(),
     yMeasureValue: e.yMeasureValue ?? w.noFilter(),
     pointDimensionValue: e.pointDimensionValue ?? w.noFilter(),
     groupByDimensionValue: e.groupByDimensionValue ?? w.noFilter()
   })
-}, ge = (e, [a, s], m) => ({
+}, ce = (e, [t, s], m) => ({
   ...e,
   pointColor: e.pointColor,
-  results: N(e, m)
-}), Re = {
+  results: j(e, m)
+}), we = {
   Component: P,
-  meta: me,
-  preview: ce,
-  previewConfig: O,
+  meta: le,
+  preview: ue,
+  previewConfig: _,
   config: {
-    props: ge,
-    events: de
+    props: ce,
+    events: me
   },
   results: {
-    loadDataArgs: j,
-    loadData: N
+    loadDataArgs: $,
+    loadData: j
   }
 };
 export {
-  Se as i,
-  Re as s
+  Ve as i,
+  we as s
 };
-//# sourceMappingURL=definition-J3ahAeKj.js.map
+//# sourceMappingURL=definition-Q9FNorQj.js.map

package/dist/definition-Q9FNorQj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-Q9FNorQj.js","sources":["../src/components/charts/scatter/ScatterChartPro/ScatterChartPro.utils.ts","../src/components/charts/scatter/ScatterChartPro/index.tsx","../src/components/charts/scatter/ScatterChartPro/definition.ts"],"sourcesContent":["import { ChartData, type ChartOptions, ScatterDataPoint } from 'chart.js';\nimport { Context } from 'chartjs-plugin-datalabels';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport type {\n  ChartClickArgs,\n  ScatterChartInputPoint,\n  ScatterDatasetExtended,\n} from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\nimport { getDimensionFieldName } from '../../../../utils/data.utils';\nimport {\n  measureToNullableNumber,\n  rawValueToString,\n  NULL_GROUP_KEY,\n  getScatterScales,\n  type RawValue,\n} from '../scatter.utils';\n\nconst buildDatalabelsValue = (\n  xMeasure: Measure,\n  yMeasure: Measure,\n  formatValue: (measure: Measure, value: number | null | undefined) => string,\n) => ({\n  formatter: (_value: ScatterDataPoint | number | null, context: Context) => {\n    const ds = context.dataset as ScatterDatasetExtended;\n    const raw = ds.originalData?.[context.dataIndex];\n    if (!raw) return '';\n    return `${formatValue(xMeasure, raw.x)}, ${formatValue(yMeasure, raw.y)}`;\n  },\n});\n\nexport const getScatterChartProOptions = (\n  {\n    xMeasure,\n    yMeasure,\n    noValueLabel,\n    showPointLabels,\n  }: {\n    xMeasure: Measure;\n    yMeasure: Measure;\n    noValueLabel: string;\n    showPointLabels?: boolean;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'scatter'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  const formatValue = (measure: Measure, value: number | null | undefined): string => {\n    if (value === null || value === undefined) return noValueLabel;\n    return themeFormatter.data(measure, value);\n  };\n\n  const pointRadius = getStyleNumber('--em-scatterchart-point-radius', '0.375rem');\n  const labelGap = getStyleNumber('--em-scatterchart-label-stack-gap', '0.25rem');\n  const labelLineHeight = getStyleNumber('--em-scatterchart-label-stack-height', '1.25rem');\n\n  const captionOffset = pointRadius + labelGap;\n  const valueOffset = showPointLabels\n    ? pointRadius + labelGap + labelLineHeight + labelGap\n    : pointRadius + labelGap;\n\n  return {\n    scales: getScatterScales(xMeasure, yMeasure, (measure: Measure, value: number) =>\n      themeFormatter.data(measure, value),\n    ),\n    plugins: {\n      tooltip: {\n        callbacks: {\n          label: (ctx) => {\n            const ds = ctx.dataset as ScatterDatasetExtended;\n            const orig =\n              ds.originalData?.[ctx.dataIndex] ??\n              (ctx.dataset.data[ctx.dataIndex] as\n                | { x: number | null; y: number | null }\n                | undefined);\n            const prefix = ds.label ? `${ds.label}: ` : '';\n            if (!orig) return prefix;\n            return `${prefix}(${formatValue(xMeasure, orig.x)}, ${formatValue(yMeasure, orig.y)})`;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            display: 'auto',\n            ...buildDatalabelsValue(xMeasure, yMeasure, formatValue),\n            anchor: 'center',\n            align: 'bottom',\n            offset: valueOffset,\n          },\n          caption: {\n            display: 'auto',\n            anchor: 'center',\n            align: 'bottom',\n            offset: captionOffset,\n          },\n        },\n      },\n    },\n  };\n};\n\nexport type ScatterPoint = ScatterChartInputPoint & { rowIndex: number };\n\nexport const getPointClickData = (\n  point: { datasetIndex: number; index: number },\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'],\n  data: DataResponse['data'],\n  xMeasure: Measure,\n  yMeasure: Measure,\n  pointDimension: Dimension,\n  groupByDimension?: Dimension,\n): ScatterChartProOptionsClickArg | null => {\n  const rowIdx = datasets[point.datasetIndex]?.data[point.index]?.rowIndex;\n  if (rowIdx === undefined) return null;\n  const row = data?.[rowIdx] as Record<string, RawValue> | undefined;\n  if (!row) return null;\n\n  const pointField = getDimensionFieldName(pointDimension);\n  const groupField = groupByDimension ? getDimensionFieldName(groupByDimension) : undefined;\n\n  const pointDimensionValue = rawValueToString(row[pointField]);\n  const groupByDimensionValue = groupField ? rawValueToString(row[groupField]) : null;\n\n  return {\n    xMeasureValue: rawValueToString(row[xMeasure.name]),\n    yMeasureValue: rawValueToString(row[yMeasure.name]),\n    pointDimensionValue,\n    groupByDimensionValue,\n    pointDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: pointDimensionValue,\n      dimension: pointDimension,\n    }),\n    groupByDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: groupByDimensionValue ?? undefined,\n      dimension: groupByDimension,\n    }),\n  };\n};\n\nexport const createScatterClickHandler = ({\n  datasets,\n  results,\n  xMeasure,\n  yMeasure,\n  pointDimension,\n  groupByDimension,\n  onPointClick,\n}: {\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'];\n  results: DataResponse;\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const clickData = getPointClickData(\n      element,\n      datasets,\n      results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n    );\n    if (clickData) onPointClick?.(clickData);\n  };\n};\n\nexport const getScatterChartProData = (\n  props: {\n    data: DataResponse['data'];\n    xMeasure: Measure;\n    yMeasure: Measure;\n    pointDimension: Dimension;\n    groupByDimension?: Dimension | null;\n    noValueLabel: string;\n    pointColor?: string;\n  },\n  theme: Theme,\n): ChartData<'scatter', ScatterPoint[]> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n  const data = (props.data ?? []) as Record<string, unknown>[];\n  const pointField = getDimensionFieldName(props.pointDimension);\n  const overrideColor = props.pointColor?.trim() || undefined;\n\n  if (!data.length) {\n    return { datasets: [{ label: '', data: [] }] };\n  }\n\n  const getColor = (\n    color: 'background' | 'border',\n    dimensionOrMeasure: Dimension | Measure,\n    value: string,\n    index: number,\n  ) =>\n    overrideColor ??\n    getDimensionMeasureColor({ dimensionOrMeasure, theme, color, value, index, chartColors });\n\n  const buildPoint = (row: Record<string, unknown>, rowIndex: number): ScatterPoint => {\n    const rawPoint = row[pointField];\n    const pointLabel =\n      rawPoint == null\n        ? props.noValueLabel\n        : String(themeFormatter.data(props.pointDimension, rawPoint as string | number | boolean));\n    return {\n      x: measureToNullableNumber(row[props.xMeasure.name]),\n      y: measureToNullableNumber(row[props.yMeasure.name]),\n      pointLabel,\n      label: pointLabel,\n      rowIndex,\n    };\n  };\n\n  if (!props.groupByDimension) {\n    return {\n      datasets: [\n        {\n          label: themeFormatter.dimensionOrMeasureTitle(props.yMeasure),\n          data: data.map((row, i) => buildPoint(row, i)),\n          pointBackgroundColor: getColor('background', props.xMeasure, props.xMeasure.name, 0),\n          pointBorderColor: getColor('border', props.xMeasure, props.xMeasure.name, 0),\n        },\n      ],\n    };\n  }\n\n  const groupDim = props.groupByDimension;\n  const groupField = getDimensionFieldName(groupDim);\n  const bucket = new Map<string, ScatterPoint[]>();\n\n  data.forEach((row, rowIndex) => {\n    const key = row[groupField] == null ? NULL_GROUP_KEY : String(row[groupField]);\n    const points = bucket.get(key) ?? [];\n    points.push(buildPoint(row, rowIndex));\n    bucket.set(key, points);\n  });\n\n  const sortedKeys = [...bucket.keys()].sort((a, b) => {\n    if (a === NULL_GROUP_KEY) return 1;\n    if (b === NULL_GROUP_KEY) return -1;\n    return a.localeCompare(b);\n  });\n\n  const datasets = sortedKeys.map((key, index) => {\n    const points = bucket.get(key)!;\n    const firstRowIndex = points[0]!.rowIndex;\n    const groupValue = key === NULL_GROUP_KEY ? null : data[firstRowIndex]?.[groupField];\n    const seriesLabel =\n      key === NULL_GROUP_KEY\n        ? props.noValueLabel\n        : themeFormatter.data(groupDim, groupValue as string | number | boolean);\n    const colorKey = key === NULL_GROUP_KEY ? `${groupDim.name}.null` : `${groupDim.name}.${key}`;\n\n    return {\n      label: seriesLabel,\n      data: points,\n      pointBackgroundColor: getColor('background', groupDim, colorKey, index),\n      pointBorderColor: getColor('border', groupDim, colorKey, index),\n    };\n  });\n\n  return { datasets };\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { ScatterChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport {\n  createScatterClickHandler,\n  getScatterChartProData,\n  getScatterChartProOptions,\n} from './ScatterChartPro.utils';\n\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\n\nexport type ScatterChartProProps = {\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  results: DataResponse;\n  pointColor?: string;\n  showLegend?: boolean;\n  showTooltips?: boolean;\n  showPointLabels?: boolean;\n  showValueLabels?: boolean;\n  showLogarithmicScale?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMin?: number;\n  xAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n  reverseXAxis?: boolean;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n} & ChartCardHeaderProps;\n\nconst ScatterChartPro = (props: ScatterChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    results,\n    pointColor,\n    showLegend,\n    showTooltips,\n    showPointLabels,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    reverseXAxis,\n    onPointClick,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const noValueLabel = i18n.t('charts.scatterChart.noValue');\n\n  const chartData = getScatterChartProData(\n    {\n      data: results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n      noValueLabel,\n      pointColor,\n    },\n    theme,\n  );\n\n  const handleClick = createScatterClickHandler({\n    datasets: chartData.datasets,\n    results,\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    onPointClick,\n  });\n\n  const chartOptions = mergician(\n    getScatterChartProOptions({ xMeasure, yMeasure, noValueLabel, showPointLabels }, theme),\n    theme.charts.scatterChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[\n        pointDimension,\n        xMeasure,\n        yMeasure,\n        ...(groupByDimension ? [groupByDimension] : []),\n      ]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <ScatterChart\n        data={chartData}\n        options={chartOptions}\n        nullBandLabel={noValueLabel}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showPointLabels={showPointLabels}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        reverseXAxis={reverseXAxis}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default ScatterChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'ScatterChartPro',\n  label: 'Scatter Chart',\n  description:\n    'Scatter plot showing the relationship between two measures across a grouping dimension. Use to spot correlations.',\n  category: 'Scatter Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.xMeasure,\n    inputs.yMeasure,\n    { ...inputs.dimension, name: 'pointDimension', label: 'Point dimension' },\n    {\n      ...inputs.dimension,\n      name: 'groupByDimension',\n      label: 'Group by (optional)',\n      required: false,\n    },\n    {\n      ...subInputs.color,\n      name: 'pointColor',\n      label: 'Point color',\n      category: 'Component Settings',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    {\n      ...inputs.boolean,\n      name: 'showPointLabels',\n      label: 'Show point labels',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onPointClick',\n      label: 'A point is clicked',\n      properties: [\n        { name: 'xMeasureValue', label: 'Clicked X measure value', type: 'string' },\n        { name: 'yMeasureValue', label: 'Clicked Y measure value', type: 'string' },\n        { name: 'pointDimensionValue', label: 'Clicked point dimension value', type: 'string' },\n        { name: 'groupByDimensionValue', label: 'Clicked group by value', type: 'string' },\n        {\n          name: 'pointDimensionTimeRange',\n          label: 'Clicked point dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupByDimensionTimeRange',\n          label: 'Clicked group by time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type ScatterChartProState = Record<string, never>;\n\nconst previewConfig = {\n  dataset: previewData.dataset,\n  xMeasure: previewData.measure,\n  yMeasure: previewData.measureVariant,\n  pointDimension: previewData.dimension,\n  results: previewData.results2Measures1Dimension,\n  showLegend: true,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    inputs.xMeasure,\n    inputs.yMeasure,\n    inputs.pointDimension,\n    ...(inputs.groupByDimension ? [inputs.groupByDimension] : []),\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst events = {\n  onPointClick: (value: ScatterChartProOptionsClickArg) => ({\n    xMeasureValue: value.xMeasureValue ?? Value.noFilter(),\n    yMeasureValue: value.yMeasureValue ?? Value.noFilter(),\n    pointDimensionValue: value.pointDimensionValue ?? Value.noFilter(),\n    groupByDimensionValue: value.groupByDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [_state, _setState]: [ScatterChartProState, (state: ScatterChartProState) => void],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  pointColor: inputs.pointColor as string | undefined,\n  results: loadDataResults(inputs, clientContext),\n});\n\nexport const scatterChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["buildDatalabelsValue","xMeasure","yMeasure","formatValue","_value","context","raw","_a","getScatterChartProOptions","noValueLabel","showPointLabels","theme","themeFormatter","getThemeFormatter","measure","value","pointRadius","getStyleNumber","labelGap","labelLineHeight","captionOffset","valueOffset","getScatterScales","ctx","ds","orig","prefix","getPointClickData","point","datasets","data","pointDimension","groupByDimension","rowIdx","_b","row","pointField","getDimensionFieldName","groupField","pointDimensionValue","rawValueToString","groupByDimensionValue","getTimeRangeFromDimensionValue","createScatterClickHandler","results","onPointClick","elementAtEvent","element","clickData","getScatterChartProData","props","chartColors","getChartColors","overrideColor","getColor","color","dimensionOrMeasure","index","getDimensionMeasureColor","buildPoint","rowIndex","rawPoint","pointLabel","measureToNullableNumber","i","groupDim","bucket","key","NULL_GROUP_KEY","points","b","firstRowIndex","groupValue","seriesLabel","colorKey","ScatterChartPro","useTheme","i18nSetup","pointColor","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisRangeMin","xAxisRangeMax","yAxisRangeMin","yAxisRangeMax","reverseXAxis","resolvedI18nProps","resolveI18nProps","xAxisLabel","yAxisLabel","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","asChartCardHeaderProps","ScatterChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","_state","_setState","scatterChartPro"],"mappings":"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"}