@embeddable.com/remarkable-pro 0.3.1 → 0.3.3

package/dist/definition-CkRgTDxG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CkRgTDxG.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconPlus.mjs","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemNumberValueField.tsx","../src/components/editors/FilterBuilderPro/components/FilterBuilderTextValueField.tsx","../src/components/editors/FilterBuilderPro/FilterBuilderPro.utils.ts","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemValueField.utils.ts","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemValueField.tsx","../src/components/editors/FilterBuilderPro/components/FilterBuilderItemOperatorValueFields.tsx","../src/components/editors/FilterBuilderPro/components/FilterBuilderItem.tsx","../src/components/editors/FilterBuilderPro/index.tsx","../src/components/editors/FilterBuilderPro/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\": \"M12 5l0 14\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M5 12l14 0\", \"key\": \"svg-1\" }]];\nconst IconPlus = createReactComponent(\"outline\", \"plus\", \"Plus\", __iconNode);\n\nexport { __iconNode, IconPlus as default };\n//# sourceMappingURL=IconPlus.mjs.map\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDebounce } from '@embeddable.com/remarkable-ui';\nimport { FilterBuilderFilter } from '../definition';\nimport styles from '../FilterBuilderPro.module.css';\nimport { i18n } from '../../../../theme/i18n/i18n';\n\nexport type FilterBuilderItemNumberValueFieldProps = {\n  filter: FilterBuilderFilter;\n  onSelectValue: (value: number | number[] | null) => void;\n};\n\nconst getOnChangeValue = (v: React.ChangeEvent<HTMLInputElement>) => {\n  return v.target.value === '' ? null : Number(v.target.value);\n};\n\nconst FilterBuilderItemNumberValueField = ({\n  filter,\n  onSelectValue,\n}: FilterBuilderItemNumberValueFieldProps) => {\n  const [value, setValue] = useState<number | null>((filter?.value as number) ?? null);\n  const [min, setMin] = useState<number | null>(\n    Array.isArray(filter.value) ? ((filter.value as number[])[0] ?? null) : null,\n  );\n  const [max, setMax] = useState<number | null>(\n    Array.isArray(filter.value) ? ((filter.value as number[])[1] ?? null) : null,\n  );\n  const firstInputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedSelectValue = useDebounce((value: number | number[] | null) => {\n    onSelectValue(value);\n  });\n\n  useEffect(() => {\n    if (min != null && max != null) {\n      debouncedSelectValue([min, max]);\n    }\n  }, [min, max, debouncedSelectValue]);\n\n  useEffect(() => {\n    if (value != null) {\n      debouncedSelectValue(value);\n    }\n  }, [value, debouncedSelectValue]);\n\n  useEffect(() => {\n    if (filter.value) return;\n\n    setTimeout(() => {\n      firstInputRef.current?.focus();\n    }, 100);\n  }, [filter.value, filter.operator]);\n\n  if (filter.operator === 'between') {\n    return (\n      <>\n        <input\n          ref={firstInputRef}\n          type=\"number\"\n          className={styles.valueInput}\n          value={min ?? ''}\n          onChange={(e) => setMin(getOnChangeValue(e))}\n        />\n        <button disabled className={styles.operatorButton}>\n          {i18n.t('editors.filterBuilder.betweenAnd')}\n        </button>\n        <input\n          type=\"number\"\n          className={styles.valueInput}\n          value={max ?? ''}\n          onChange={(e) => setMax(getOnChangeValue(e))}\n        />\n      </>\n    );\n  }\n\n  return (\n    <input\n      ref={firstInputRef}\n      type=\"number\"\n      className={styles.valueInput}\n      value={value ?? ''}\n      onChange={(v) => setValue(getOnChangeValue(v))}\n    />\n  );\n};\n\nexport default FilterBuilderItemNumberValueField;\n","import { useEffect, useRef, useState } from 'react';\nimport { useDebounce } from '@embeddable.com/remarkable-ui';\nimport { FilterBuilderFilter } from '../definition';\nimport styles from '../FilterBuilderPro.module.css';\n\nexport type FilterBuilderTextValueFieldProps = {\n  filter: FilterBuilderFilter;\n  onSelectValue: (value: string | null) => void;\n};\n\nconst FilterBuilderTextValueField = ({\n  filter,\n  onSelectValue,\n}: FilterBuilderTextValueFieldProps) => {\n  const [value, setValue] = useState<string>((filter?.value as string) ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const debouncedSelectValue = useDebounce((value: string | null) => {\n    onSelectValue(value);\n  });\n\n  useEffect(() => {\n    debouncedSelectValue(value || null);\n  }, [value, debouncedSelectValue]);\n\n  useEffect(() => {\n    if (filter.value) return;\n\n    setTimeout(() => {\n      inputRef.current?.focus();\n    }, 100);\n  }, [filter.value, filter.operator]);\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      className={styles.valueInput}\n      value={value}\n      onChange={(e) => setValue(e.target.value)}\n    />\n  );\n};\n\nexport default FilterBuilderTextValueField;\n","import { DimensionOrMeasure, FilterOperator, NativeDataType } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from './definition';\n\nexport const operatorStringBoolean = {\n  is: 'is',\n  isNot: 'isNot',\n  isOneOf: 'isOneOf',\n  isNotOneOf: 'isNotOneOf',\n  contains: 'contains',\n};\n\nexport const operatorStringBooleanMappedFilterOperator = {\n  [operatorStringBoolean.is]: FilterOperator.equals,\n  [operatorStringBoolean.isNot]: FilterOperator.notEquals,\n  [operatorStringBoolean.isOneOf]: FilterOperator.contains,\n  [operatorStringBoolean.isNotOneOf]: FilterOperator.notContains,\n  [operatorStringBoolean.contains]: FilterOperator.contains,\n};\n\nexport const operatorNumber = {\n  equals: FilterOperator.equals,\n  notEquals: FilterOperator.notEquals,\n  gte: FilterOperator.gte,\n  lte: FilterOperator.lte,\n  between: 'between',\n};\n\nexport const operatorNumberMappedFilterOperator: Record<string, FilterOperator> = {\n  [operatorNumber.equals]: FilterOperator.equals,\n  [operatorNumber.notEquals]: FilterOperator.notEquals,\n  [operatorNumber.gte]: FilterOperator.gte,\n  [operatorNumber.lte]: FilterOperator.lte,\n};\n\nexport const filterBuilderAndOrOperator = {\n  AND: 'and',\n  OR: 'or',\n};\nexport type FilterBuilderAndOrOperator =\n  (typeof filterBuilderAndOrOperator)[keyof typeof filterBuilderAndOrOperator];\n\nexport const FILTER_BUILDER_PRO_SUPPORTED_TYPES: string[] = [\n  NativeDataType.string,\n  NativeDataType.boolean,\n  NativeDataType.number,\n];\n\nexport const getSupportedDimensionsAndMeasures = (dimensionsAndMeasures: DimensionOrMeasure[]) => {\n  return dimensionsAndMeasures.filter((d) =>\n    FILTER_BUILDER_PRO_SUPPORTED_TYPES.includes(d.nativeType),\n  );\n};\n\nexport type FilterBuilderClause =\n  | {\n      property: string;\n      operator: FilterOperator;\n      value: FilterBuilderFilter['value'];\n    }\n  | { operator: FilterBuilderAndOrOperator; clauses: FilterBuilderClause[] };\n\nconst filterToClause = (f: FilterBuilderFilter): FilterBuilderClause[] => {\n  if (\n    f.operator === operatorNumber.between &&\n    f.dimensionOrMeasure?.nativeType === NativeDataType.number\n  ) {\n    const [min, max] = f.value as [number, number];\n    return [\n      {\n        operator: filterBuilderAndOrOperator.AND,\n        clauses: [\n          { property: f.dimensionOrMeasure.name, operator: FilterOperator.gte, value: min },\n          { property: f.dimensionOrMeasure.name, operator: FilterOperator.lte, value: max },\n        ],\n      },\n    ];\n  }\n  const mappedOperator: FilterOperator =\n    operatorStringBooleanMappedFilterOperator[f.operator!] ??\n    operatorNumberMappedFilterOperator[f.operator!]!;\n\n  return [{ property: f.dimensionOrMeasure!.name, operator: mappedOperator, value: f.value }];\n};\n\nexport const filtersToClause = (\n  operator: FilterBuilderAndOrOperator,\n  filters: FilterBuilderFilter[],\n): FilterBuilderClause | null => {\n  const clauses = filters\n    .filter((f) => f.dimensionOrMeasure && f.operator && f.value != null)\n    .flatMap(filterToClause);\n\n  if (clauses.length === 0) return null;\n\n  return { operator, clauses };\n};\n\nexport const clauseToFilter = (\n  clause: FilterBuilderClause,\n  dimensionsAndMeasures: DimensionOrMeasure[],\n  id: number,\n): FilterBuilderFilter | null => {\n  if ('clauses' in clause) {\n    const first = clause.clauses[0];\n    const second = clause.clauses[1];\n    if (\n      clause.operator === filterBuilderAndOrOperator.AND &&\n      clause.clauses.length === 2 &&\n      first != null &&\n      second != null &&\n      'property' in first &&\n      'property' in second &&\n      first.property === second.property &&\n      first.operator === FilterOperator.gte &&\n      second.operator === FilterOperator.lte\n    ) {\n      const dimensionOrMeasure =\n        dimensionsAndMeasures.find((d) => d.name === first.property) ?? null;\n      return {\n        id,\n        dimensionOrMeasure,\n        search: '',\n        operator: operatorNumber.between,\n        value: [first.value as number, second.value as number],\n      };\n    }\n    return null;\n  }\n\n  const { property, operator, value } = clause;\n  const dimensionOrMeasure = dimensionsAndMeasures.find((d) => d.name === property) ?? null;\n\n  let uiOperator: string | null = null;\n\n  if (dimensionOrMeasure?.nativeType === NativeDataType.number) {\n    const reverseMap: Record<string, string> = {\n      [FilterOperator.equals]: operatorNumber.equals,\n      [FilterOperator.notEquals]: operatorNumber.notEquals,\n      [FilterOperator.gte]: operatorNumber.gte,\n      [FilterOperator.lte]: operatorNumber.lte,\n    };\n    uiOperator = reverseMap[operator] ?? null;\n  } else if (operator === FilterOperator.contains) {\n    uiOperator = Array.isArray(value)\n      ? operatorStringBoolean.isOneOf\n      : operatorStringBoolean.contains;\n  } else {\n    const reverseMap: Record<string, string> = {\n      [FilterOperator.equals]: operatorStringBoolean.is,\n      [FilterOperator.notEquals]: operatorStringBoolean.isNot,\n      [FilterOperator.notContains]: operatorStringBoolean.isNotOneOf,\n    };\n    uiOperator = reverseMap[operator] ?? null;\n  }\n\n  return { id, dimensionOrMeasure, search: '', operator: uiOperator, value };\n};\n\nexport const clauseToFilters = (\n  clause: FilterBuilderClause | null,\n  dimensionsAndMeasures: DimensionOrMeasure[],\n): FilterBuilderFilter[] => {\n  if (!clause) return [];\n\n  if (!('clauses' in clause)) return [];\n\n  const filters: FilterBuilderFilter[] = [];\n\n  clause.clauses.forEach((subClause, i) => {\n    const filter = clauseToFilter(subClause, dimensionsAndMeasures, i + 1);\n    if (filter) filters.push(filter);\n  });\n\n  return filters.length ? filters : [];\n};\n","export const normalizeSelectedValues = (value: unknown): string[] => {\n  if (Array.isArray(value)) return value as string[];\n  if (value === null || value === undefined) return [];\n  return [value as string];\n};\n\nexport const sortOptionsWithSelectedFirst = <T extends { value: string }>(\n  rawOptions: T[],\n  selectedValues: string[],\n): T[] => [\n  ...rawOptions.filter((o) => selectedValues.includes(o.value)),\n  ...rawOptions.filter((o) => !selectedValues.includes(o.value)),\n];\n\nexport const getMultiSelectDisplayValue = (\n  filterValue: string[],\n  getLabel: (value: string) => string,\n): string => {\n  if (filterValue.length === 0) return '...';\n  if (filterValue.length > 2) return `${filterValue.length} selected`;\n  return filterValue.map(getLabel).join(', ');\n};\n","import { DataResponse, DimensionOrMeasure, NativeDataType } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from '../definition';\nimport { MultiSelectField, SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport FilterBuilderItemNumberValueField from './FilterBuilderItemNumberValueField';\nimport FilterBuilderTextValueField from './FilterBuilderTextValueField';\nimport styles from '../FilterBuilderPro.module.css';\nimport { IconLoader2, IconX } from '@tabler/icons-react';\nimport { operatorStringBoolean } from '../FilterBuilderPro.utils';\nimport {\n  normalizeSelectedValues,\n  sortOptionsWithSelectedFirst,\n  getMultiSelectDisplayValue,\n} from './FilterBuilderItemValueField.utils';\nimport clsx from 'clsx';\nimport { useRef } from 'react';\n\ntype ValueTriggerButtonProps = {\n  hasValue: boolean;\n  isLoading: boolean | undefined;\n  displayValue: string;\n  showClearIcon: boolean;\n  onClear: () => void;\n};\n\nconst ValueTriggerButton = ({\n  hasValue,\n  isLoading,\n  displayValue,\n  showClearIcon,\n  onClear,\n  ...props\n}: ValueTriggerButtonProps) => (\n  <button className={clsx(styles.valueButton, !hasValue && styles.valueButtonEmpty)} {...props}>\n    {isLoading ? <IconLoader2 className={styles.loadingSpinner} /> : displayValue}\n    {showClearIcon && <IconX onClick={onClear} />}\n  </button>\n);\n\nexport type FilterBuilderItemValueFieldProps = {\n  filter: FilterBuilderFilter;\n  dimensionOrMeasure: DimensionOrMeasure;\n  results?: DataResponse;\n  theme: Theme;\n  onSelectValue: (value: string | string[] | number | number[] | null) => void;\n  onSearchValue: (value: string) => void;\n};\n\nconst FilterBuilderItemValueField = ({\n  filter,\n  dimensionOrMeasure,\n  results,\n  theme,\n  onSelectValue,\n  onSearchValue,\n}: FilterBuilderItemValueFieldProps) => {\n  const themeFormatter = getThemeFormatter(theme);\n  const labelCache = useRef<Record<string, string>>({});\n\n  const rawOptions =\n    results?.data?.map((data) => ({\n      value: data[dimensionOrMeasure.name],\n      label: themeFormatter.data(dimensionOrMeasure, data[dimensionOrMeasure.name]),\n    })) ?? [];\n\n  // Accumulate labels as options arrive. When a search is active, results are limited and\n  // previously selected values may no longer be present — the cache lets us still display\n  // their labels correctly.\n  rawOptions.forEach(({ value, label }) => {\n    if (value != null) labelCache.current[value] = label;\n  });\n\n  const getLabel = (value: string) => labelCache.current[value] ?? value;\n\n  const selectedValues = normalizeSelectedValues(filter.value);\n\n  const options = sortOptionsWithSelectedFirst(rawOptions, selectedValues);\n\n  const isLoading = results?.isLoading;\n  const showNoOptionsMessage = Boolean(!isLoading && (results?.data?.length ?? 0) === 0);\n\n  const isNumberField = dimensionOrMeasure.nativeType === NativeDataType.number;\n\n  if (isNumberField) {\n    return <FilterBuilderItemNumberValueField filter={filter} onSelectValue={onSelectValue} />;\n  }\n\n  const isTextField =\n    dimensionOrMeasure.nativeType === NativeDataType.string &&\n    filter.operator === operatorStringBoolean.contains;\n\n  if (isTextField) {\n    return <FilterBuilderTextValueField filter={filter} onSelectValue={onSelectValue} />;\n  }\n\n  const isMultiSelectField =\n    filter.operator === operatorStringBoolean.isOneOf ||\n    filter.operator === operatorStringBoolean.isNotOneOf;\n\n  const hasValue = filter.value != null;\n  const showClearIcon = !isLoading && hasValue;\n\n  if (isMultiSelectField) {\n    const filterValue = (filter.value as string[]) ?? [];\n\n    const displayValue = getMultiSelectDisplayValue(filterValue, getLabel);\n\n    return (\n      <MultiSelectField\n        triggerComponent={\n          <ValueTriggerButton\n            hasValue={hasValue}\n            isLoading={isLoading}\n            displayValue={displayValue}\n            showClearIcon={showClearIcon}\n            onClear={() => onSelectValue(null)}\n          />\n        }\n        isSearchable\n        isClearable\n        isLoading={isLoading}\n        values={filterValue}\n        options={options}\n        onChange={(newValue) => onSelectValue(newValue.length === 0 ? null : newValue)}\n        onSearch={onSearchValue}\n        avoidCollisions={false}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n      />\n    );\n  }\n\n  const isSingleSelectField =\n    filter.operator === operatorStringBoolean.is || filter.operator === operatorStringBoolean.isNot;\n\n  if (isSingleSelectField) {\n    const displayValue = filter.value != null ? getLabel(filter.value as string) : '...';\n\n    return (\n      <SingleSelectField\n        triggerComponent={\n          <ValueTriggerButton\n            hasValue={hasValue}\n            isLoading={isLoading}\n            displayValue={displayValue}\n            showClearIcon={showClearIcon}\n            onClear={() => onSelectValue(null)}\n          />\n        }\n        searchable\n        clearable\n        isLoading={isLoading}\n        value={filter.value as string}\n        options={options}\n        onChange={onSelectValue}\n        onSearch={onSearchValue}\n        avoidCollisions={false}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n      />\n    );\n  }\n\n  return null;\n};\n\nexport default FilterBuilderItemValueField;\n","import { DataResponse, DimensionOrMeasure, NativeDataType } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from '../definition';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport FilterBuilderItemValueField from './FilterBuilderItemValueField';\nimport { useEffect } from 'react';\nimport styles from '../FilterBuilderPro.module.css';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { operatorNumber, operatorStringBoolean } from '../FilterBuilderPro.utils';\n\nconst getOperatorsString = () => [\n  { value: operatorStringBoolean.is, label: i18n.t('editors.filterBuilder.is') },\n  { value: operatorStringBoolean.isNot, label: i18n.t('editors.filterBuilder.isNot') },\n  { value: operatorStringBoolean.isOneOf, label: i18n.t('editors.filterBuilder.isOneOf') },\n  { value: operatorStringBoolean.isNotOneOf, label: i18n.t('editors.filterBuilder.isNotOneOf') },\n  { value: operatorStringBoolean.contains, label: i18n.t('editors.filterBuilder.contains') },\n];\n\nconst getOperatorsBoolean = () => [\n  { value: operatorStringBoolean.is, label: i18n.t('editors.filterBuilder.is') },\n  { value: operatorStringBoolean.isNot, label: i18n.t('editors.filterBuilder.isNot') },\n  { value: operatorStringBoolean.isOneOf, label: i18n.t('editors.filterBuilder.isOneOf') },\n  { value: operatorStringBoolean.isNotOneOf, label: i18n.t('editors.filterBuilder.isNotOneOf') },\n];\n\nconst getOperatorsNumber = () => [\n  { value: operatorNumber.equals, label: i18n.t('editors.filterBuilder.equals') },\n  { value: operatorNumber.notEquals, label: i18n.t('editors.filterBuilder.doesNotEqual') },\n  { value: operatorNumber.gte, label: i18n.t('editors.filterBuilder.greaterThanOrEqualTo') },\n  { value: operatorNumber.lte, label: i18n.t('editors.filterBuilder.lessThanOrEqualTo') },\n  { value: operatorNumber.between, label: i18n.t('editors.filterBuilder.between') },\n];\n\ntype FilterBuilderItemOperatorValueFieldsProps = {\n  dimensionOrMeasure: DimensionOrMeasure;\n  filter: FilterBuilderFilter;\n  results?: DataResponse;\n  theme: Theme;\n  onSelectOperator: (value: string | null) => void;\n  onSelectValue: (value: FilterBuilderFilter['value']) => void;\n  onSearchValue: (value: string) => void;\n};\n\nconst FilterBuilderItemOperatorValueFields = ({\n  dimensionOrMeasure,\n  filter,\n  results,\n  theme,\n  onSelectOperator,\n  onSelectValue,\n  onSearchValue,\n}: FilterBuilderItemOperatorValueFieldsProps) => {\n  let operatorOptions;\n  if (dimensionOrMeasure.nativeType === NativeDataType.number) {\n    operatorOptions = getOperatorsNumber();\n  } else if (dimensionOrMeasure.nativeType === NativeDataType.boolean) {\n    operatorOptions = getOperatorsBoolean();\n  } else {\n    operatorOptions = getOperatorsString();\n  }\n\n  useEffect(() => {\n    if (!filter.operator) {\n      onSelectOperator(operatorOptions[0]!.value);\n    }\n  });\n\n  return (\n    <>\n      <SingleSelectField\n        triggerComponent={\n          <button className={styles.operatorButton}>\n            {operatorOptions.find((x) => x.value === filter.operator)?.label}\n          </button>\n        }\n        value={filter.operator}\n        options={operatorOptions}\n        onChange={onSelectOperator}\n        avoidCollisions={false}\n      />\n      <FilterBuilderItemValueField\n        filter={filter}\n        dimensionOrMeasure={dimensionOrMeasure}\n        results={results}\n        theme={theme}\n        onSelectValue={onSelectValue}\n        onSearchValue={onSearchValue}\n      />\n    </>\n  );\n};\n\nexport default FilterBuilderItemOperatorValueFields;\n","import { DataResponse, DimensionOrMeasure } from '@embeddable.com/core';\nimport { FilterBuilderFilter } from '../definition';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { useState } from 'react';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport FilterBuilderItemOperatorValueFields from './FilterBuilderItemOperatorValueFields';\nimport styles from '../FilterBuilderPro.module.css';\nimport { IconPlus, IconX } from '@tabler/icons-react';\nimport { getSupportedDimensionsAndMeasures } from '../FilterBuilderPro.utils';\n\ntype FilterBuilderItemProps = {\n  filter: FilterBuilderFilter;\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  results?: DataResponse;\n  theme: Theme;\n  onSelectDimensionOrMeasure: (value: string | null) => void;\n  onSelectOperator: (value: string | null) => void;\n  onSelectValue: (value: FilterBuilderFilter['value']) => void;\n  onSearchValue: (value: string) => void;\n  onDelete: () => void;\n};\n\nconst FilterBuilderItem = ({\n  filter,\n  dimensionsAndMeasures,\n  results,\n  theme,\n  onSelectDimensionOrMeasure,\n  onSelectOperator,\n  onSelectValue,\n  onSearchValue,\n  onDelete,\n}: FilterBuilderItemProps) => {\n  const { dimensionOrMeasure } = filter;\n  const [search, setSearch] = useState<string>('');\n\n  const supportedDimensionsAndMeasures = getSupportedDimensionsAndMeasures(dimensionsAndMeasures);\n\n  const allDimensionOptions = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: supportedDimensionsAndMeasures,\n    theme,\n  });\n\n  const dimensionOptions = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: supportedDimensionsAndMeasures,\n    searchValue: search,\n    theme,\n  });\n\n  const selectedLabel = allDimensionOptions.find(\n    (o) => o.value === dimensionOrMeasure?.name,\n  )?.label;\n\n  const getMemberTriggerComponent = () => {\n    if (dimensionOrMeasure) {\n      return <button className={styles.memberButton}>{selectedLabel}</button>;\n    }\n\n    return (\n      <button className={styles.addButton}>\n        <IconPlus />\n        <span>{i18n.t('editors.filterBuilder.addFilter')}</span>\n      </button>\n    );\n  };\n\n  return (\n    <div className={styles.filter}>\n      <SingleSelectField\n        triggerComponent={getMemberTriggerComponent()}\n        searchable\n        value={dimensionOrMeasure?.name}\n        onChange={onSelectDimensionOrMeasure}\n        onSearch={setSearch}\n        options={dimensionOptions}\n        avoidCollisions={false}\n        noOptionsMessage={i18n.t('common.noOptionsFound')}\n      />\n\n      {dimensionOrMeasure && (\n        <>\n          <FilterBuilderItemOperatorValueFields\n            dimensionOrMeasure={dimensionOrMeasure}\n            filter={filter}\n            results={results}\n            theme={theme}\n            onSelectOperator={onSelectOperator}\n            onSelectValue={onSelectValue}\n            onSearchValue={onSearchValue}\n          />\n          <button className={styles.deleteButton} onClick={onDelete}>\n            <IconX />\n          </button>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default FilterBuilderItem;\n","import { DataResponse, DimensionOrMeasure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Theme } from '../../../theme/theme.types';\nimport FilterBuilderItem from './components/FilterBuilderItem';\nimport { FilterBuilderFilter, FilterBuilderState } from './definition';\nimport { ActionIcon, SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { IconPlus, IconChevronRight, IconChevronLeft } from '@tabler/icons-react';\nimport styles from './FilterBuilderPro.module.css';\nimport {\n  filterBuilderAndOrOperator,\n  filtersToClause,\n  getSupportedDimensionsAndMeasures,\n  clauseToFilters,\n  FilterBuilderClause,\n} from './FilterBuilderPro.utils';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport { getDimensionAndMeasureOptions } from '../utils/dimensionsAndMeasures.utils';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\n\nexport type FilterBuilderProProps = {\n  embeddableState?: FilterBuilderState;\n  setEmbeddableState?: (\n    state: FilterBuilderState | ((prev: FilterBuilderState) => FilterBuilderState),\n  ) => void;\n  dimensionsAndMeasures?: DimensionOrMeasure[];\n  onChange?: (value: unknown) => void;\n  defaultFilters?: FilterBuilderClause;\n} & EditorCardHeaderProps;\n\nconst FilterBuilderPro = (props: FilterBuilderProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    dimensionsAndMeasures = [],\n    setEmbeddableState,\n    embeddableState,\n    onChange,\n    defaultFilters,\n  } = props;\n\n  const [searchNew, setSearchNew] = useState('');\n\n  const [canScrollRight, setCanScrollRight] = useState(false);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const prevFilterValueRef = useRef<unknown>(undefined);\n  const disableAutoScroll = useRef(true);\n\n  // Update embeddableState.filters from defaultFilters if any, but only when there\n  // is no existing filter state (i.e. on initial mount / after a remount). This prevents\n  // the variable feedback loop (inputs: ['defaultFilters']) from overwriting user edits\n  // mid-session when the platform re-sends props with the previous clause value.\n  useEffect(() => {\n    if (!defaultFilters || !dimensionsAndMeasures?.length) {\n      return;\n    }\n\n    const newFilters = clauseToFilters(defaultFilters, dimensionsAndMeasures);\n\n    if (newFilters.length > 0) {\n      setEmbeddableState?.((prev) => {\n        if (prev?.filters?.length) {\n          return prev;\n        }\n\n        return { ...prev, filters: newFilters };\n      });\n    }\n\n    // Auto-scroll reactivated after initial load or when defaultFilters change\n    setTimeout(() => {\n      disableAutoScroll.current = false;\n    }, 100);\n  }, [defaultFilters, dimensionsAndMeasures]);\n\n  const updateScrollState = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    setCanScrollLeft(el.scrollLeft > 1);\n    setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);\n  }, []);\n\n  const handleScrollRight = () => {\n    scrollRef.current?.scrollBy({ left: 200, behavior: 'smooth' });\n  };\n\n  const handleScrollLeft = () => {\n    scrollRef.current?.scrollBy({ left: -200, behavior: 'smooth' });\n  };\n\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const ro = new ResizeObserver(updateScrollState);\n    ro.observe(el);\n    el.addEventListener('scroll', updateScrollState);\n    updateScrollState();\n    return () => {\n      ro.disconnect();\n      el.removeEventListener('scroll', updateScrollState);\n    };\n  }, [updateScrollState, embeddableState?.filters]);\n\n  const lastFilterId = embeddableState?.filters?.[embeddableState.filters.length - 1]?.id ?? 0;\n  const lastFilter = embeddableState?.filters?.[embeddableState.filters.length - 1];\n  const lastFilterKey = `${lastFilter?.id}-${lastFilter?.dimensionOrMeasure?.name}-${lastFilter?.operator}-${JSON.stringify(lastFilter?.value)}`;\n\n  useEffect(() => {\n    if (disableAutoScroll.current) {\n      return;\n    }\n    setTimeout(() => {\n      scrollRef.current?.scrollTo({ left: scrollRef.current.scrollWidth, behavior: 'smooth' });\n    }, 100);\n  }, [lastFilterKey]);\n\n  const newFilter = (dimensionOrMeasureValue: string | null = null): FilterBuilderFilter => {\n    const dimensionOrMeasure =\n      dimensionsAndMeasures.find((d) => d.name === dimensionOrMeasureValue) ?? null;\n\n    return { id: lastFilterId + 1, dimensionOrMeasure, search: '', operator: null, value: null };\n  };\n\n  const filters = embeddableState?.filters?.length ? embeddableState.filters : [newFilter()];\n\n  const handleSelectDimensionOrMeasure = (index: number, name: string | null) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n\n      const existing = newFilters[index];\n\n      newFilters[index] = {\n        ...newFilter(name),\n        ...(existing?.id ? { id: existing.id } : {}),\n      };\n\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleSelectOperator = (index: number, operator: string | null) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters[index] = { ...newFilters[index]!, operator, value: null };\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleSelectValue = (index: number, value: FilterBuilderFilter['value']) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters[index] = { ...newFilters[index]!, value };\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleDimensionSearch = (index: number, search: string) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters[index] = { ...newFilters[index]!, search };\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleDeleteFilter = (index: number) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? [])];\n      newFilters.splice(index, 1);\n      return { ...prev, filters: newFilters };\n    });\n  };\n\n  const handleAddFilter = (value: string | null) => {\n    setEmbeddableState?.((prev: FilterBuilderState) => {\n      const newFilters = [...(prev?.filters ?? []), newFilter(value)];\n      return { ...prev, filters: newFilters };\n    });\n    setTimeout(() => {\n      scrollRef.current?.scrollTo({ left: scrollRef.current.scrollWidth, behavior: 'smooth' });\n    }, 0);\n  };\n\n  useEffect(() => {\n    const filterValue = filtersToClause(filterBuilderAndOrOperator.AND, filters);\n    const serialized = JSON.stringify(filterValue);\n    if (serialized === JSON.stringify(prevFilterValueRef.current)) return;\n    prevFilterValueRef.current = filterValue;\n    onChange?.(filterValue);\n  }, [filters]);\n\n  const supportedDimensionsAndMeasures = getSupportedDimensionsAndMeasures(dimensionsAndMeasures);\n\n  const dimensionOptionsNew = getDimensionAndMeasureOptions({\n    dimensionsAndMeasures: supportedDimensionsAndMeasures,\n    searchValue: searchNew,\n    theme,\n  });\n\n  const hasClearAll = filters.some((f) => f.dimensionOrMeasure && f.operator && f.value != null);\n\n  const handleClearAll = () => {\n    setEmbeddableState?.((prev: FilterBuilderState) => ({ ...prev, filters: [newFilter()] }));\n  };\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <div className={styles.container}>\n        {canScrollLeft && (\n          <button className={styles.scrollLeftButton} onClick={handleScrollLeft}>\n            <IconChevronLeft />\n          </button>\n        )}\n        <div className={styles.scroll} ref={scrollRef}>\n          {filters.map((filter, index) => (\n            <React.Fragment key={filter.id}>\n              <FilterBuilderItem\n                filter={filter}\n                dimensionsAndMeasures={dimensionsAndMeasures}\n                results={\n                  (props as Record<string, unknown>)[`filterResults${filter.id}`] as\n                    | DataResponse\n                    | undefined\n                }\n                theme={theme}\n                onSelectDimensionOrMeasure={(value) => handleSelectDimensionOrMeasure(index, value)}\n                onSelectOperator={(value) => handleSelectOperator(index, value)}\n                onSelectValue={(value) => handleSelectValue(index, value)}\n                onSearchValue={(search) => handleDimensionSearch(index, search)}\n                onDelete={() => handleDeleteFilter(index)}\n              />\n            </React.Fragment>\n          ))}\n        </div>\n        {canScrollRight && (\n          <button className={styles.scrollRightButton} onClick={handleScrollRight}>\n            <IconChevronRight />\n          </button>\n        )}\n\n        {filters[0]?.dimensionOrMeasure && (\n          <SingleSelectField\n            triggerComponent={<ActionIcon icon={IconPlus} />}\n            searchable\n            onChange={(value) => handleAddFilter(value)}\n            onSearch={setSearchNew}\n            options={dimensionOptionsNew}\n            noOptionsMessage={i18n.t('common.noOptionsFound')}\n          />\n        )}\n        {hasClearAll && (\n          <button className={styles.clearButton} onClick={handleClearAll}>\n            {i18n.t('editors.filterBuilder.clearAll')}\n          </button>\n        )}\n      </div>\n    </EditorCard>\n  );\n};\n\nexport default FilterBuilderPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { DimensionOrMeasure, FilterOperator, loadData, Value } from '@embeddable.com/core';\nimport Component from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { FilterBuilderClause } from './FilterBuilderPro.utils';\n\nconst meta = {\n  name: 'FilterBuilderPro',\n  label: 'Filter Builder',\n  description:\n    'Free-form filter builder that lets end users compose member/operator/value clauses. Use to expose ad-hoc filtering on a dataset.',\n  category: 'Filters',\n  defaultWidth: 600,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.dimensionsAndMeasures,\n      config: {\n        ...inputs.dimensionsAndMeasures.config,\n        supportedTypes: ['string', 'number', 'boolean'],\n      },\n    },\n    {\n      ...inputs.filters,\n      name: 'defaultFilters',\n      label: 'Default filters',\n      defaultValue: null,\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Filter value updated',\n      properties: [\n        {\n          name: 'value',\n          type: 'filters',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'filter value',\n      type: 'filters',\n      defaultValue: {},\n      inputs: ['defaultFilters'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nexport type FilterBuilderFilter = {\n  id: number;\n  dimensionOrMeasure: DimensionOrMeasure | null;\n  search: string;\n  value: string | string[] | number | number[] | boolean | null;\n  operator: string | null;\n};\n\nexport type FilterBuilderState = {\n  filters: FilterBuilderFilter[];\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    FilterBuilderState,\n    (state: FilterBuilderState | ((prev: FilterBuilderState) => FilterBuilderState)) => void,\n  ],\n) => {\n  const filterResults = state?.filters?.reduce<Record<string, unknown>>((acc, item) => {\n    if (item.dimensionOrMeasure?.__type__ !== 'dimension' || !item.operator) {\n      return acc;\n    }\n\n    const { dimensionOrMeasure } = item;\n    const operator =\n      dimensionOrMeasure.nativeType === 'string' ? FilterOperator.contains : FilterOperator.equals;\n\n    acc[`filterResults${item.id}`] = loadData({\n      from: inputs.dataset,\n      select: [item.dimensionOrMeasure],\n      filters: item.search\n        ? [{ operator, property: dimensionOrMeasure, value: item.search }]\n        : undefined,\n    });\n    return acc;\n  }, {});\n\n  return {\n    ...inputs,\n    embeddableState: state,\n    setEmbeddableState: setState,\n    dimensionsAndMeasures: inputs.dimensionsAndMeasures ?? [],\n    ...filterResults,\n  };\n};\n\nconst events = {\n  onChange: (value: FilterBuilderClause | null) => ({\n    value: value ?? Value.noFilter(),\n  }),\n};\n\nexport const filterBuilderPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["__iconNode","IconPlus","createReactComponent","getOnChangeValue","v","FilterBuilderItemNumberValueField","filter","onSelectValue","value","setValue","useState","min","setMin","max","setMax","firstInputRef","useRef","debouncedSelectValue","useDebounce","useEffect","_a","jsxs","Fragment","jsx","styles","e","i18n","FilterBuilderTextValueField","inputRef","operatorStringBoolean","operatorStringBooleanMappedFilterOperator","FilterOperator","operatorNumber","operatorNumberMappedFilterOperator","filterBuilderAndOrOperator","FILTER_BUILDER_PRO_SUPPORTED_TYPES","NativeDataType","getSupportedDimensionsAndMeasures","dimensionsAndMeasures","d","filterToClause","f","mappedOperator","filtersToClause","operator","filters","clauses","clauseToFilter","clause","id","first","second","dimensionOrMeasure","property","uiOperator","clauseToFilters","subClause","i","normalizeSelectedValues","sortOptionsWithSelectedFirst","rawOptions","selectedValues","getMultiSelectDisplayValue","filterValue","getLabel","ValueTriggerButton","hasValue","isLoading","displayValue","showClearIcon","onClear","props","clsx","IconLoader2","IconX","FilterBuilderItemValueField","results","theme","onSearchValue","themeFormatter","getThemeFormatter","labelCache","data","label","options","showNoOptionsMessage","_b","isMultiSelectField","MultiSelectField","newValue","SingleSelectField","getOperatorsString","getOperatorsBoolean","getOperatorsNumber","FilterBuilderItemOperatorValueFields","onSelectOperator","operatorOptions","x","FilterBuilderItem","onSelectDimensionOrMeasure","onDelete","search","setSearch","supportedDimensionsAndMeasures","allDimensionOptions","getDimensionAndMeasureOptions","dimensionOptions","selectedLabel","o","getMemberTriggerComponent","FilterBuilderPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","setEmbeddableState","embeddableState","onChange","defaultFilters","searchNew","setSearchNew","canScrollRight","setCanScrollRight","canScrollLeft","setCanScrollLeft","scrollRef","prevFilterValueRef","disableAutoScroll","newFilters","prev","updateScrollState","useCallback","el","handleScrollRight","handleScrollLeft","ro","lastFilterId","lastFilter","_c","lastFilterKey","_d","newFilter","dimensionOrMeasureValue","_e","handleSelectDimensionOrMeasure","index","name","existing","handleSelectOperator","handleSelectValue","handleDimensionSearch","handleDeleteFilter","handleAddFilter","dimensionOptionsNew","hasClearAll","handleClearAll","EditorCard","IconChevronLeft","React","IconChevronRight","_f","ActionIcon","meta","inputs","preview","definePreview","Component","state","setState","filterResults","acc","item","loadData","events","Value","filterBuilderPro"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{definition-xgUWvTDV.js → definition-CoLPvc2U.js}

@@ -1,15 +1,15 @@
-import { a7 as C, p as oe, h as se, L as re, V as I, a8 as z } from "./index-Cddhb628.js";
+import { a7 as C, p as oe, h as se, L as re, V as I, a8 as z } from "./index-DcPl9DUc.js";
 import { useTheme as ne, definePreview as ie } from "@embeddable.com/react";
 import { useState as te, useEffect as W } from "react";
 import { i as me, r as le } from "./component.utils-oQMZT7TK.js";
-import { C as de } from "./ChartCard-CZ0PnrNg.js";
-import { u as k } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
-import { C as ce, g as pe } from "./granularity.utils-DnAzYxES.js";
-import { g as ue, a as ge, c as he, l as D } from "./definition-CaY0LXUV.js";
-import { b as De } from "./formatter.utils-Dm_mQlX1.js";
+import { C as de } from "./ChartCard-HpSv5cY6.js";
+import { u as k } from "./charts.fillGaps.hooks-CvS5tfFP.js";
+import { C as ce, g as pe } from "./granularity.utils-C1YICLik.js";
+import { g as ue, a as ge, c as he, l as D } from "./definition-WLmmLQZs.js";
+import { b as De } from "./formatter.utils-CueRuFiK.js";
 import { g as ve } from "./timeRange.utils-kK6r26ZO.js";
-import { s as K } from "./component.inputs.constants-BFlnzCwS.js";
-import { p as u } from "./preview.data.constants-HvHDcvh2.js";
+import { s as K } from "./component.inputs.constants-DYl-U975.js";
+import { p as u } from "./preview.data.constants-B8B82ITM.js";
 import { g as G } from "./clientContext.utils-DpB5KsfX.js";
 const fe = ({
   measures: e,
@@ -310,4 +310,4 @@ export {
   Ne as i,
   Be as l
 };
-//# sourceMappingURL=definition-xgUWvTDV.js.map
+//# sourceMappingURL=definition-CoLPvc2U.js.map

package/dist/{definition-xgUWvTDV.js.map → definition-CoLPvc2U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-xgUWvTDV.js","sources":["../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/LineChartComparisonWithKpiTabsPro.utils.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/index.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/definition.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { ChartTabsProps, KpiTrend } from '@embeddable.com/remarkable-ui';\nimport { GetThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype ComparisonKpiTabsParams = {\n  measures: Measure[];\n  resultsKpis: DataResponse | undefined;\n  resultsKpisComparison: DataResponse | undefined;\n  showDataComparison: boolean;\n  themeFormatter: GetThemeFormatter;\n};\n\nexport const getComparisonKpiTabsItems = ({\n  measures,\n  resultsKpis,\n  resultsKpisComparison,\n  showDataComparison,\n  themeFormatter,\n}: ComparisonKpiTabsParams): ChartTabsProps['items'] =>\n  measures.map((measure) => {\n    const kpiValue = resultsKpis?.data?.[0]?.[measure.name];\n    const kpiComparisonValue = resultsKpisComparison?.data?.[0]?.[measure.name];\n    const displayChangeAsPercentage = measure.inputs?.['displayChangeAsPercentage'] as\n      | boolean\n      | undefined;\n    const percentageDecimalPlaces = measure.inputs?.['percentageDecimalPlaces'] as\n      | number\n      | undefined;\n    return {\n      id: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      value: kpiValue == null ? '-' : themeFormatter.data(measure, kpiValue),\n      slot: getKpiTrendSlot({\n        measure,\n        kpiValue,\n        kpiComparisonValue,\n        showDataComparison,\n        displayChangeAsPercentage,\n        percentageDecimalPlaces,\n        themeFormatter,\n      }),\n    };\n  });\n\nconst getKpiTrendSlot = ({\n  measure,\n  kpiValue,\n  kpiComparisonValue,\n  showDataComparison,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  themeFormatter,\n}: {\n  measure: Measure;\n  kpiValue: unknown;\n  kpiComparisonValue: unknown;\n  showDataComparison: boolean;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  themeFormatter: GetThemeFormatter;\n}): ReactNode => {\n  if (!showDataComparison || kpiValue == null || kpiComparisonValue == null) return undefined;\n\n  const diff = (kpiValue as number) - (kpiComparisonValue as number);\n  const isPositive = diff > 0;\n  const reverseTrend = measure.inputs?.['invertChangeColors'] ? isPositive : !isPositive;\n  const trendText = getTrendText({\n    diff,\n    kpiComparisonValue: kpiComparisonValue as number,\n    displayChangeAsPercentage,\n    percentageDecimalPlaces,\n    measure,\n    themeFormatter,\n  });\n\n  return <KpiTrend value={trendText} reverseTrend={reverseTrend} />;\n};\n\nconst getTrendText = ({\n  diff,\n  kpiComparisonValue,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  measure,\n  themeFormatter,\n}: {\n  diff: number;\n  kpiComparisonValue: number;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  measure: Measure;\n  themeFormatter: GetThemeFormatter;\n}): string => {\n  const isPositive = diff > 0;\n  const sign = isPositive ? '+' : '';\n  if (displayChangeAsPercentage && kpiComparisonValue !== 0) {\n    const pct = (diff / kpiComparisonValue) * 100;\n    return `${sign}${pct.toFixed(percentageDecimalPlaces ?? 1)}%`;\n  }\n  return `${sign}${themeFormatter.data(measure, diff)}`;\n};\n","import { useEffect, useState } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartTabs, LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { getComparisonKpiTabsItems } from './LineChartComparisonWithKpiTabsPro.utils';\nimport {\n  createComparisonClickHandler,\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from '../LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils';\nimport { LineChartComparisonDefaultProProps } from '../LineChartComparisonDefaultPro';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\n\nexport type LineChartComparisonWithKpiTabsProProps = LineChartComparisonDefaultProProps & {\n  resultsKpis: DataResponse;\n  resultsKpisComparison?: DataResponse;\n};\n\nconst LineChartComparisonWithKpiTabsPro = (props: LineChartComparisonWithKpiTabsProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    comparisonPeriod,\n    comparisonDateRange,\n    showComparisonAxis,\n    primaryDateRange,\n    setGranularity,\n    setComparisonDateRange,\n    onLineClicked,\n    resultsKpis,\n    resultsKpisComparison,\n  } = props;\n\n  const [activeMeasureName, setActiveMeasureName] = useState(measures[0]?.name ?? '');\n  const activeMeasure = measures.find((m) => m.name === activeMeasureName);\n\n  useEffect(() => {\n    if (measures.length === 0) return;\n    if (measures.some((m) => m.name === activeMeasureName)) return;\n    setActiveMeasureName(measures[0]!.name);\n  }, [measures, activeMeasureName]);\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange?.(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n    externalDateBounds: primaryDateRange,\n  });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n    },\n    theme,\n  );\n\n  const handleClick = createComparisonClickHandler({\n    data,\n    measures: activeMeasure ? [activeMeasure] : [],\n    dimension: xAxis,\n    onClicked: onLineClicked,\n  });\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const chartTabsItems = getComparisonKpiTabsItems({\n    measures,\n    resultsKpis,\n    resultsKpisComparison,\n    showDataComparison,\n    themeFormatter,\n  });\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ChartTabs items={chartTabsItems} value={activeMeasureName} onChange={setActiveMeasureName} />\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport { LineChartComparisonWithKpiTabsPro };\nexport default LineChartComparisonWithKpiTabsPro;\n","import {\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  TimeRange,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.types';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport {\n  lineChartComparisonDefaultPro,\n  LineChartComparisonDefaultProMeasuresInput,\n  LineChartComparisonDefaultProState,\n} from '../LineChartComparisonDefaultPro/definition';\n\nconst meta = {\n  ...lineChartComparisonDefaultPro.meta,\n  name: 'LineChartComparisonWithKpiTabsPro',\n  label: 'Line Chart Comparison - With KPI Tabs',\n  description:\n    'Line chart with comparison overlay and KPI tabs. Takes one or more measures, a time dimension, a timeRange variable, and a comparison period.',\n  defaultHeight: 526,\n  defaultWidth: 1280,\n  inputs: [\n    ...lineChartComparisonDefaultPro.meta.inputs.map((input) => {\n      if (input.name === 'measures') {\n        const measuresInput = input as LineChartComparisonDefaultProMeasuresInput;\n        return {\n          ...measuresInput,\n          inputs: [\n            ...measuresInput.inputs,\n            {\n              ...subInputs.boolean,\n              name: 'invertChangeColors',\n              label: 'Reverse positive/negative colors',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.boolean,\n              name: 'displayChangeAsPercentage',\n              label: 'Display change as %',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.number,\n              name: 'percentageDecimalPlaces',\n              label: 'Percentage decimal places',\n              defaultValue: 1,\n            },\n          ],\n        };\n      }\n      return input;\n    }),\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonWithKpiTabsProState = LineChartComparisonDefaultProState;\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure, previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  resultsComparison: previewData.results2Measures1Dimension,\n  resultsKpis: previewData.results2Measures,\n  resultsKpisComparison: previewData.results2MeasuresVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResults = lineChartComparisonDefaultPro.results.loadData;\nconst loadDataResultsComparison = lineChartComparisonDefaultPro.resultsComparison.loadData;\n\nconst loadDataResultsKpisArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters:\n      inputs.primaryDateRange && timeProperty\n        ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n        : undefined,\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpis = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n) => loadData(loadDataResultsKpisArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsKpisComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  comparisonDateRange: TimeRange,\n  clientContext: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpisComparison = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  state: LineChartComparisonWithKpiTabsProState,\n  clientContext: ThemeClientContext,\n) => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsKpisComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    LineChartComparisonWithKpiTabsProState,\n    (state: LineChartComparisonWithKpiTabsProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    comparisonDateRange: state?.comparisonDateRange,\n    setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n      setState({ ...state, comparisonDateRange }),\n    results: loadDataResults(inputs as never, xAxisWithGranularity, clientContext),\n    resultsComparison: loadDataResultsComparison(\n      inputs as never,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n    resultsKpis: loadDataResultsKpis(inputs, xAxisWithGranularity, clientContext),\n    resultsKpisComparison: loadDataResultsKpisComparison(\n      inputs,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n  };\n};\n\nexport const lineChartComparisonWithKpiTabsPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: { props, events },\n  results: lineChartComparisonDefaultPro.results,\n  resultsComparison: lineChartComparisonDefaultPro.resultsComparison,\n  resultsKpis: {\n    loadDataArgs: loadDataResultsKpisArgs,\n    loadData: loadDataResultsKpis,\n  },\n  resultsKpisComparison: {\n    loadDataArgs: loadDataResultsKpisComparisonArgs,\n    loadData: loadDataResultsKpisComparison,\n  },\n} as const;\n"],"names":["getComparisonKpiTabsItems","measures","resultsKpis","resultsKpisComparison","showDataComparison","themeFormatter","measure","kpiValue","_b","_a","kpiComparisonValue","_d","_c","displayChangeAsPercentage","_e","percentageDecimalPlaces","_f","getKpiTrendSlot","diff","isPositive","reverseTrend","trendText","getTrendText","jsx","KpiTrend","sign","pct","LineChartComparisonWithKpiTabsPro","props","theme","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","comparisonPeriod","comparisonDateRange","showComparisonAxis","primaryDateRange","setGranularity","setComparisonDateRange","onLineClicked","activeMeasureName","setActiveMeasureName","useState","activeMeasure","m","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","data","getLineChartComparisonProData","options","getLineChartComparisonProOptions","handleClick","createComparisonClickHandler","resultsCombined","granularitySelectorHasMarginTop","getThemeFormatter","chartTabsItems","jsxs","ChartCard","ChartTabs","ChartGranularitySelectField","LineChart","meta","lineChartComparisonDefaultPro","input","measuresInput","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResults","loadDataResultsComparison","loadDataResultsKpisArgs","inputs","clientContext","timeProperty","getClientContextTimezone","loadDataResultsKpis","loadData","loadDataResultsKpisComparisonArgs","loadDataResultsKpisComparison","state","events","value","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartComparisonWithKpiTabsPro"],"mappings":"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"}
+{"version":3,"file":"definition-CoLPvc2U.js","sources":["../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/LineChartComparisonWithKpiTabsPro.utils.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/index.tsx","../src/components/charts/lines/LineChartComparisonWithKpiTabsPro/definition.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { ChartTabsProps, KpiTrend } from '@embeddable.com/remarkable-ui';\nimport { GetThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype ComparisonKpiTabsParams = {\n  measures: Measure[];\n  resultsKpis: DataResponse | undefined;\n  resultsKpisComparison: DataResponse | undefined;\n  showDataComparison: boolean;\n  themeFormatter: GetThemeFormatter;\n};\n\nexport const getComparisonKpiTabsItems = ({\n  measures,\n  resultsKpis,\n  resultsKpisComparison,\n  showDataComparison,\n  themeFormatter,\n}: ComparisonKpiTabsParams): ChartTabsProps['items'] =>\n  measures.map((measure) => {\n    const kpiValue = resultsKpis?.data?.[0]?.[measure.name];\n    const kpiComparisonValue = resultsKpisComparison?.data?.[0]?.[measure.name];\n    const displayChangeAsPercentage = measure.inputs?.['displayChangeAsPercentage'] as\n      | boolean\n      | undefined;\n    const percentageDecimalPlaces = measure.inputs?.['percentageDecimalPlaces'] as\n      | number\n      | undefined;\n    return {\n      id: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      value: kpiValue == null ? '-' : themeFormatter.data(measure, kpiValue),\n      slot: getKpiTrendSlot({\n        measure,\n        kpiValue,\n        kpiComparisonValue,\n        showDataComparison,\n        displayChangeAsPercentage,\n        percentageDecimalPlaces,\n        themeFormatter,\n      }),\n    };\n  });\n\nconst getKpiTrendSlot = ({\n  measure,\n  kpiValue,\n  kpiComparisonValue,\n  showDataComparison,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  themeFormatter,\n}: {\n  measure: Measure;\n  kpiValue: unknown;\n  kpiComparisonValue: unknown;\n  showDataComparison: boolean;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  themeFormatter: GetThemeFormatter;\n}): ReactNode => {\n  if (!showDataComparison || kpiValue == null || kpiComparisonValue == null) return undefined;\n\n  const diff = (kpiValue as number) - (kpiComparisonValue as number);\n  const isPositive = diff > 0;\n  const reverseTrend = measure.inputs?.['invertChangeColors'] ? isPositive : !isPositive;\n  const trendText = getTrendText({\n    diff,\n    kpiComparisonValue: kpiComparisonValue as number,\n    displayChangeAsPercentage,\n    percentageDecimalPlaces,\n    measure,\n    themeFormatter,\n  });\n\n  return <KpiTrend value={trendText} reverseTrend={reverseTrend} />;\n};\n\nconst getTrendText = ({\n  diff,\n  kpiComparisonValue,\n  displayChangeAsPercentage,\n  percentageDecimalPlaces,\n  measure,\n  themeFormatter,\n}: {\n  diff: number;\n  kpiComparisonValue: number;\n  displayChangeAsPercentage?: boolean;\n  percentageDecimalPlaces?: number;\n  measure: Measure;\n  themeFormatter: GetThemeFormatter;\n}): string => {\n  const isPositive = diff > 0;\n  const sign = isPositive ? '+' : '';\n  if (displayChangeAsPercentage && kpiComparisonValue !== 0) {\n    const pct = (diff / kpiComparisonValue) * 100;\n    return `${sign}${pct.toFixed(percentageDecimalPlaces ?? 1)}%`;\n  }\n  return `${sign}${themeFormatter.data(measure, diff)}`;\n};\n","import { useEffect, useState } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartTabs, LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { getComparisonKpiTabsItems } from './LineChartComparisonWithKpiTabsPro.utils';\nimport {\n  createComparisonClickHandler,\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from '../LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils';\nimport { LineChartComparisonDefaultProProps } from '../LineChartComparisonDefaultPro';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\n\nexport type LineChartComparisonWithKpiTabsProProps = LineChartComparisonDefaultProProps & {\n  resultsKpis: DataResponse;\n  resultsKpisComparison?: DataResponse;\n};\n\nconst LineChartComparisonWithKpiTabsPro = (props: LineChartComparisonWithKpiTabsProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    comparisonPeriod,\n    comparisonDateRange,\n    showComparisonAxis,\n    primaryDateRange,\n    setGranularity,\n    setComparisonDateRange,\n    onLineClicked,\n    resultsKpis,\n    resultsKpisComparison,\n  } = props;\n\n  const [activeMeasureName, setActiveMeasureName] = useState(measures[0]?.name ?? '');\n  const activeMeasure = measures.find((m) => m.name === activeMeasureName);\n\n  useEffect(() => {\n    if (measures.length === 0) return;\n    if (measures.some((m) => m.name === activeMeasureName)) return;\n    setActiveMeasureName(measures[0]!.name);\n  }, [measures, activeMeasureName]);\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange?.(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n    externalDateBounds: primaryDateRange,\n  });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data,\n      dimension: xAxis,\n      measures: activeMeasure ? [activeMeasure] : [],\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n    },\n    theme,\n  );\n\n  const handleClick = createComparisonClickHandler({\n    data,\n    measures: activeMeasure ? [activeMeasure] : [],\n    dimension: xAxis,\n    onClicked: onLineClicked,\n  });\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const chartTabsItems = getComparisonKpiTabsItems({\n    measures,\n    resultsKpis,\n    resultsKpisComparison,\n    showDataComparison,\n    themeFormatter,\n  });\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ChartTabs items={chartTabsItems} value={activeMeasureName} onChange={setActiveMeasureName} />\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport { LineChartComparisonWithKpiTabsPro };\nexport default LineChartComparisonWithKpiTabsPro;\n","import {\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  TimeRange,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.types';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport {\n  lineChartComparisonDefaultPro,\n  LineChartComparisonDefaultProMeasuresInput,\n  LineChartComparisonDefaultProState,\n} from '../LineChartComparisonDefaultPro/definition';\n\nconst meta = {\n  ...lineChartComparisonDefaultPro.meta,\n  name: 'LineChartComparisonWithKpiTabsPro',\n  label: 'Line Chart Comparison - With KPI Tabs',\n  description:\n    'Line chart with comparison overlay and KPI tabs. Takes one or more measures, a time dimension, a timeRange variable, and a comparison period.',\n  defaultHeight: 526,\n  defaultWidth: 1280,\n  inputs: [\n    ...lineChartComparisonDefaultPro.meta.inputs.map((input) => {\n      if (input.name === 'measures') {\n        const measuresInput = input as LineChartComparisonDefaultProMeasuresInput;\n        return {\n          ...measuresInput,\n          inputs: [\n            ...measuresInput.inputs,\n            {\n              ...subInputs.boolean,\n              name: 'invertChangeColors',\n              label: 'Reverse positive/negative colors',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.boolean,\n              name: 'displayChangeAsPercentage',\n              label: 'Display change as %',\n              defaultValue: false,\n            },\n            {\n              ...subInputs.number,\n              name: 'percentageDecimalPlaces',\n              label: 'Percentage decimal places',\n              defaultValue: 1,\n            },\n          ],\n        };\n      }\n      return input;\n    }),\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonWithKpiTabsProState = LineChartComparisonDefaultProState;\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure, previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  resultsComparison: previewData.results2Measures1Dimension,\n  resultsKpis: previewData.results2Measures,\n  resultsKpisComparison: previewData.results2MeasuresVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResults = lineChartComparisonDefaultPro.results.loadData;\nconst loadDataResultsComparison = lineChartComparisonDefaultPro.resultsComparison.loadData;\n\nconst loadDataResultsKpisArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters:\n      inputs.primaryDateRange && timeProperty\n        ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n        : undefined,\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpis = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n) => loadData(loadDataResultsKpisArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsKpisComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  comparisonDateRange: TimeRange,\n  clientContext: ThemeClientContext,\n): LoadDataRequest => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  return {\n    from: inputs.dataset,\n    select: [...inputs.measures],\n    filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsKpisComparison = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  state: LineChartComparisonWithKpiTabsProState,\n  clientContext: ThemeClientContext,\n) => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n  if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsKpisComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    LineChartComparisonWithKpiTabsProState,\n    (state: LineChartComparisonWithKpiTabsProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    comparisonDateRange: state?.comparisonDateRange,\n    setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n      setState({ ...state, comparisonDateRange }),\n    results: loadDataResults(inputs as never, xAxisWithGranularity, clientContext),\n    resultsComparison: loadDataResultsComparison(\n      inputs as never,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n    resultsKpis: loadDataResultsKpis(inputs, xAxisWithGranularity, clientContext),\n    resultsKpisComparison: loadDataResultsKpisComparison(\n      inputs,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n  };\n};\n\nexport const lineChartComparisonWithKpiTabsPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: { props, events },\n  results: lineChartComparisonDefaultPro.results,\n  resultsComparison: lineChartComparisonDefaultPro.resultsComparison,\n  resultsKpis: {\n    loadDataArgs: loadDataResultsKpisArgs,\n    loadData: loadDataResultsKpis,\n  },\n  resultsKpisComparison: {\n    loadDataArgs: loadDataResultsKpisComparisonArgs,\n    loadData: loadDataResultsKpisComparison,\n  },\n} as const;\n"],"names":["getComparisonKpiTabsItems","measures","resultsKpis","resultsKpisComparison","showDataComparison","themeFormatter","measure","kpiValue","_b","_a","kpiComparisonValue","_d","_c","displayChangeAsPercentage","_e","percentageDecimalPlaces","_f","getKpiTrendSlot","diff","isPositive","reverseTrend","trendText","getTrendText","jsx","KpiTrend","sign","pct","LineChartComparisonWithKpiTabsPro","props","theme","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","comparisonPeriod","comparisonDateRange","showComparisonAxis","primaryDateRange","setGranularity","setComparisonDateRange","onLineClicked","activeMeasureName","setActiveMeasureName","useState","activeMeasure","m","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","data","getLineChartComparisonProData","options","getLineChartComparisonProOptions","handleClick","createComparisonClickHandler","resultsCombined","granularitySelectorHasMarginTop","getThemeFormatter","chartTabsItems","jsxs","ChartCard","ChartTabs","ChartGranularitySelectField","LineChart","meta","lineChartComparisonDefaultPro","input","measuresInput","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResults","loadDataResultsComparison","loadDataResultsKpisArgs","inputs","clientContext","timeProperty","getClientContextTimezone","loadDataResultsKpis","loadData","loadDataResultsKpisComparisonArgs","loadDataResultsKpisComparison","state","events","value","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartComparisonWithKpiTabsPro"],"mappings":"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"}

package/dist/definition-CtNshA5a.js

@@ -0,0 +1,262 @@
+import { a9 as B, g as O, a7 as A, L as z, V as p, a8 as I } from "./index-DcPl9DUc.js";
+import { useTheme as _, definePreview as E } from "@embeddable.com/react";
+import { i as H, r as W } from "./component.utils-oQMZT7TK.js";
+import { C as q } from "./ChartCard-HpSv5cY6.js";
+import { g as J, a as K, l as N } from "./definition-IhaHieBR.js";
+import { g as M } from "./dimension.utils-lPl2Y1D4.js";
+import { s as Q } from "./color.utils-BSg_DFOh.js";
+import { u as U } from "./charts.fillGaps.hooks-CvS5tfFP.js";
+import { C as Z, g as $ } from "./granularity.utils-C1YICLik.js";
+import { p as f } from "./preview.data.constants-B8B82ITM.js";
+import { g as X } from "./clientContext.utils-DpB5KsfX.js";
+const ee = (e, n) => {
+  const a = J(e, n);
+  return {
+    ...a,
+    datasets: a.datasets.map((i) => ({
+      ...i,
+      fill: !0,
+      backgroundColor: Q(i.backgroundColor, 0.9)
+    }))
+  };
+}, V = (e, n) => e.getDatasetMeta(n).data, P = (e, n, a) => {
+  const i = V(e, n);
+  for (let r = 0; r < i.length - 1; r++) {
+    const l = i[r], o = i[r + 1];
+    if (l.x <= a && o.x >= a) {
+      const m = (a - l.x) / (o.x - l.x);
+      return l.y + m * (o.y - l.y);
+    }
+  }
+  const s = i.at(-1);
+  return (s == null ? void 0 : s.x) === a ? s.y : null;
+}, ne = (e, n, a, i, s, r, l) => {
+  var g, c, d, x, h;
+  if (!n.length) return !1;
+  const o = n[0], m = (g = V(e, o.datasetIndex)[o.index]) == null ? void 0 : g.y;
+  if (m == null || Math.abs(a - m) > 8) return !1;
+  const u = (c = i == null ? void 0 : i.labels) == null ? void 0 : c[o.index], t = (h = (x = (d = i == null ? void 0 : i.datasets) == null ? void 0 : d[o.datasetIndex]) == null ? void 0 : x.data) == null ? void 0 : h[o.index];
+  return l({
+    dimensionValue: u,
+    dimensionTimeRange: M({
+      value: u,
+      stateGranularity: r,
+      dimension: s
+    }),
+    measureValue: t
+  }), !0;
+}, ie = (e, n, a, i, s, r) => {
+  var o, m, u;
+  const l = ((o = e.chartArea) == null ? void 0 : o.bottom) ?? 1 / 0;
+  for (let t = e.data.datasets.length - 1; t >= 0; t--) {
+    const g = P(e, t, n), c = t > 0 ? P(e, t - 1, n) : l;
+    if (g == null || c == null || a < Math.min(g, c) || a > Math.max(g, c)) continue;
+    const d = (u = (m = i == null ? void 0 : i.datasets) == null ? void 0 : m[t]) == null ? void 0 : u.rawLabel;
+    r({
+      groupingDimensionValue: d,
+      groupingDimensionTimeRange: M({
+        value: d,
+        dimension: s
+      })
+    });
+    return;
+  }
+}, ae = ({
+  data: e,
+  dimension: n,
+  groupBy: a,
+  granularity: i,
+  onPointClicked: s,
+  onAreaClicked: r
+}) => ({ event: l, elementAtEvent: o }) => {
+  const m = O.getChart(l.target);
+  if (!m) return;
+  const u = l.nativeEvent.offsetX, t = l.nativeEvent.offsetY;
+  s && ne(m, o, t, e, n, i, s) || r && ie(m, u, t, e, a, r);
+}, se = (e, n) => {
+  var i, s;
+  const a = K(e, n);
+  return B(a, {
+    scales: { y: { stacked: !0 } },
+    interaction: { mode: "index", intersect: !1 },
+    ...((s = (i = n.charts) == null ? void 0 : i.areaChartPro) == null ? void 0 : s.options) || {}
+  });
+}, D = (e) => {
+  const n = _();
+  H(n);
+  const { title: a, description: i, tooltip: s, xAxisLabel: r, yAxisLabel: l } = W(e), {
+    hideMenu: o,
+    measure: m,
+    xAxis: u,
+    groupBy: t,
+    reverseXAxis: g,
+    showLegend: c,
+    showLogarithmicScale: d,
+    showTooltips: x,
+    showValueLabels: h,
+    yAxisRangeMax: b,
+    yAxisRangeMin: R,
+    granularity: L,
+    setGranularity: k,
+    onPointClicked: w,
+    onAreaClicked: F
+  } = e, C = U({
+    results: e.results,
+    dimension: u
+  }), y = ee(
+    {
+      data: C.data,
+      dimension: u,
+      groupDimension: t,
+      measure: m,
+      hasMinMaxYAxisRange: R != null || b != null
+    },
+    n
+  ), j = ae({
+    data: y,
+    dimension: u,
+    groupBy: t,
+    granularity: L,
+    onPointClicked: w,
+    onAreaClicked: F
+  }), S = se(
+    { data: y, dimension: u, groupDimension: t, measure: m },
+    n
+  ), Y = !a && !i && !s;
+  return /* @__PURE__ */ A.jsxs(
+    q,
+    {
+      data: C,
+      dimensionsAndMeasures: [m, u, t],
+      errorMessage: C.error,
+      description: i,
+      title: a,
+      tooltip: s,
+      hideMenu: o,
+      children: [
+        k && /* @__PURE__ */ A.jsx(
+          Z,
+          {
+            hasMarginTop: Y,
+            dimension: u,
+            onChange: k
+          }
+        ),
+        /* @__PURE__ */ A.jsx(
+          z,
+          {
+            data: y,
+            reverseXAxis: g,
+            showLegend: c,
+            showLogarithmicScale: d,
+            showTooltips: x,
+            showValueLabels: h,
+            xAxisLabel: r,
+            yAxisLabel: l,
+            yAxisRangeMax: b,
+            yAxisRangeMin: R,
+            options: S,
+            onClick: j
+          }
+        )
+      ]
+    }
+  );
+}, Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: D
+}, Symbol.toStringTag, { value: "Module" })), oe = {
+  ...N.meta,
+  name: "AreaChartPro",
+  label: "Area Chart",
+  events: [
+    {
+      name: "onAreaClicked",
+      label: "An area is clicked",
+      properties: [
+        {
+          name: "segmentDimensionValue",
+          label: "Clicked segment dimension value",
+          type: "string"
+        },
+        {
+          name: "segmentDimensionTimeRange",
+          label: "Clicked segment dimension time range",
+          type: "timeRange"
+        }
+      ]
+    },
+    {
+      name: "onPointClicked",
+      label: "A point is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked axis dimension value",
+          type: "string"
+        },
+        {
+          name: "axisDimensionTimeRange",
+          label: "Clicked axis dimension time range",
+          type: "timeRange"
+        },
+        {
+          name: "measureValue",
+          label: "Clicked measure value",
+          type: "number"
+        }
+      ]
+    }
+  ]
+}, T = {
+  xAxis: f.dimension,
+  groupBy: f.dimensionGroup,
+  measure: f.measure,
+  results: f.results1Measure2Dimensions,
+  hideMenu: !0
+}, te = E(D, T), v = (e, n, a) => ({
+  limit: e.maxResults,
+  from: e.dataset,
+  select: [n ?? e.xAxis, e.groupBy, e.measure],
+  timezone: X(a == null ? void 0 : a.timezone)
+}), G = (e, n, a) => I(v(e, n, a)), re = {
+  onAreaClicked: (e) => ({
+    segmentDimensionValue: e.groupingDimensionValue ?? p.noFilter(),
+    segmentDimensionTimeRange: e.groupingDimensionTimeRange ?? p.noFilter()
+  }),
+  onPointClicked: (e) => ({
+    axisDimensionValue: e.dimensionValue ?? p.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? p.noFilter(),
+    measureValue: e.measureValue ?? p.noFilter()
+  })
+}, le = (e, [n, a], i) => {
+  const s = $(e.xAxis, n == null ? void 0 : n.granularity);
+  return {
+    ...e,
+    xAxis: s,
+    granularity: n == null ? void 0 : n.granularity,
+    setGranularity: (r) => a({ granularity: r }),
+    results: G(e, s, i)
+  };
+}, De = {
+  Component: D,
+  meta: oe,
+  preview: te,
+  previewConfig: T,
+  config: {
+    props: le,
+    events: re
+  },
+  results: {
+    loadDataArgs: v,
+    loadData: G
+  }
+};
+export {
+  De as a,
+  se as b,
+  ae as c,
+  ee as g,
+  Ae as i
+};
+//# sourceMappingURL=definition-CtNshA5a.js.map

package/dist/definition-CtNshA5a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CtNshA5a.js","sources":["../src/components/charts/lines/AreaChartPro/AreaChartPro.utils.ts","../src/components/charts/lines/AreaChartPro/index.tsx","../src/components/charts/lines/AreaChartPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Chart, ChartData, ChartOptions } from 'chart.js';\nimport { mergician } from 'mergician';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from '../LineChartGroupedPro/LineChartGroupedPro.utils';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { setColorAlpha } from '../../../../utils/color.utils';\nimport { AreaChartProAreaClickArg, AreaChartProPointClickArg } from '../lines.types';\nimport { ChartClickArgs } from '@embeddable.com/remarkable-ui';\n\nexport const getAreaChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const data = getLineChartGroupedProData(props, theme);\n\n  return {\n    ...data,\n    datasets: data.datasets.map((dataset) => ({\n      ...dataset,\n      fill: true,\n      backgroundColor: setColorAlpha(dataset.backgroundColor as string, 0.9),\n    })),\n  };\n};\n\ntype PixelPoint = { x: number; y: number };\n\nconst getPixelPoints = (chart: Chart, datasetIndex: number): PixelPoint[] =>\n  chart.getDatasetMeta(datasetIndex).data;\n\nconst interpolateLineY = (chart: Chart, datasetIndex: number, clickX: number): number | null => {\n  const points = getPixelPoints(chart, datasetIndex);\n  for (let i = 0; i < points.length - 1; i++) {\n    const left = points[i]!;\n    const right = points[i + 1]!;\n    if (left.x <= clickX && right.x >= clickX) {\n      const t = (clickX - left.x) / (right.x - left.x);\n      return left.y + t * (right.y - left.y);\n    }\n  }\n  const last = points.at(-1);\n  return last?.x === clickX ? last.y : null;\n};\n\nconst handlePointClick = (\n  chart: Chart,\n  elementAtEvent: ChartClickArgs['elementAtEvent'],\n  clickY: number,\n  data: ChartData<'line'>,\n  dimension: Dimension,\n  granularity: Granularity | undefined,\n  onPointClicked: (arg: AreaChartProPointClickArg) => void,\n): boolean => {\n  if (!elementAtEvent.length) return false;\n\n  const clicked = elementAtEvent[0]!;\n  const pointY = getPixelPoints(chart, clicked.datasetIndex)[clicked.index]?.y;\n  if (pointY == null) return false;\n\n  if (Math.abs(clickY - pointY) > 8) return false;\n\n  const dimensionValue = data?.labels?.[clicked.index] as string | undefined;\n  const measureValue = (data?.datasets?.[clicked.datasetIndex] as { data?: unknown[] })?.data?.[\n    clicked.index\n  ] as number | undefined;\n\n  onPointClicked({\n    dimensionValue,\n    dimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: dimensionValue,\n      stateGranularity: granularity,\n      dimension,\n    }),\n    measureValue,\n  });\n  return true;\n};\n\nconst handleAreaClick = (\n  chart: Chart,\n  clickX: number,\n  clickY: number,\n  data: ChartData<'line'>,\n  groupBy: Dimension,\n  onAreaClicked: (arg: AreaChartProAreaClickArg) => void,\n): void => {\n  const chartBottom = chart.chartArea?.bottom ?? Infinity;\n\n  for (let i = chart.data.datasets.length - 1; i >= 0; i--) {\n    const lineY = interpolateLineY(chart, i, clickX);\n    const baseY = i > 0 ? interpolateLineY(chart, i - 1, clickX) : chartBottom;\n    if (lineY == null || baseY == null) continue;\n    if (clickY < Math.min(lineY, baseY) || clickY > Math.max(lineY, baseY)) continue;\n\n    const groupingDimensionValue = (data?.datasets?.[i] as { rawLabel?: string })?.rawLabel;\n    onAreaClicked({\n      groupingDimensionValue,\n      groupingDimensionTimeRange: getTimeRangeFromDimensionValue({\n        value: groupingDimensionValue,\n        dimension: groupBy,\n      }),\n    });\n    return;\n  }\n};\n\nexport const createAreaClickHandler =\n  ({\n    data,\n    dimension,\n    groupBy,\n    granularity,\n    onPointClicked,\n    onAreaClicked,\n  }: {\n    data: ChartData<'line'>;\n    dimension: Dimension;\n    groupBy: Dimension;\n    granularity?: Granularity;\n    onPointClicked?: (arg: AreaChartProPointClickArg) => void;\n    onAreaClicked?: (arg: AreaChartProAreaClickArg) => void;\n  }) =>\n  ({ event, elementAtEvent }: ChartClickArgs): void => {\n    const chart = Chart.getChart(event.target as HTMLCanvasElement);\n    if (!chart) return;\n\n    const clickX = event.nativeEvent.offsetX;\n    const clickY = event.nativeEvent.offsetY;\n\n    if (\n      onPointClicked &&\n      handlePointClick(chart, elementAtEvent, clickY, data, dimension, granularity, onPointClicked)\n    )\n      return;\n    if (onAreaClicked) handleAreaClick(chart, clickX, clickY, data, groupBy, onAreaClicked);\n  };\n\nexport const getAreaChartProOptions = (\n  options: {\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    data: ChartData<'line'>;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const lineOptions = getLineChartGroupedProOptions(options, theme);\n\n  return mergician(lineOptions, {\n    scales: { y: { stacked: true } },\n    interaction: { mode: 'index' as const, intersect: false },\n    ...(theme.charts?.areaChartPro?.options || {}),\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChartGroupedProProp } from '../LineChartGroupedPro';\nimport {\n  createAreaClickHandler,\n  getAreaChartProData,\n  getAreaChartProOptions,\n} from './AreaChartPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { AreaChartProAreaClickArg, AreaChartProPointClickArg } from '../lines.types';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type AreaChartProProps = Omit<LineChartGroupedProProp, 'onLineClicked'> & {\n  onPointClicked?: (arg: AreaChartProPointClickArg) => void;\n  onAreaClicked?: (arg: AreaChartProAreaClickArg) => void;\n};\n\nconst AreaChartPro = (props: AreaChartProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    granularity,\n    setGranularity,\n    onPointClicked,\n    onAreaClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getAreaChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const handleClick = createAreaClickHandler({\n    data,\n    dimension: xAxis,\n    groupBy,\n    granularity,\n    onPointClicked,\n    onAreaClicked,\n  });\n\n  const options = getAreaChartProOptions(\n    { data, dimension: xAxis, groupDimension: groupBy, measure },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default AreaChartPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { AreaChartProAreaClickArg, AreaChartProPointClickArg } from '../lines.types';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { lineChartGroupedPro, LineChartGroupedProState } from '../LineChartGroupedPro/definition';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\n\nconst meta = {\n  ...lineChartGroupedPro.meta,\n  name: 'AreaChartPro',\n  label: 'Area Chart',\n  events: [\n    {\n      name: 'onAreaClicked',\n      label: 'An area is clicked',\n      properties: [\n        {\n          name: 'segmentDimensionValue',\n          label: 'Clicked segment dimension value',\n          type: 'string',\n        },\n        {\n          name: 'segmentDimensionTimeRange',\n          label: 'Clicked segment dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n    {\n      name: 'onPointClicked',\n      label: 'A point is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'measureValue',\n          label: 'Clicked measure value',\n          type: 'number',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type AreaChartProState = LineChartGroupedProState;\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [xAxis ?? inputs.xAxis, inputs.groupBy, inputs.measure],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst events = {\n  onAreaClicked: (value: AreaChartProAreaClickArg) => ({\n    segmentDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    segmentDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n  onPointClicked: (value: AreaChartProPointClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    measureValue: value.measureValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [AreaChartProState, (state: AreaChartProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n  };\n};\n\nexport const areaChartPro = {\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":["getAreaChartProData","props","theme","data","getLineChartGroupedProData","dataset","setColorAlpha","getPixelPoints","chart","datasetIndex","interpolateLineY","clickX","points","i","left","right","t","last","handlePointClick","elementAtEvent","clickY","dimension","granularity","onPointClicked","clicked","pointY","_a","dimensionValue","_b","measureValue","_e","_d","_c","getTimeRangeFromDimensionValue","handleAreaClick","groupBy","onAreaClicked","chartBottom","lineY","baseY","groupingDimensionValue","createAreaClickHandler","event","Chart","getAreaChartProOptions","options","lineOptions","getLineChartGroupedProOptions","mergician","AreaChartPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","measure","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","handleClick","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","lineChartGroupedPro","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","inputs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","value","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","areaChartPro"],"mappings":"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"}