@embeddable.com/remarkable-pro 0.3.15 → 0.3.16

package/dist/{definition-DZ4_Wg8R.js.map → definition-DJOxJUDL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-DZ4_Wg8R.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport {\n  DataResponse,\n  Dimension,\n  DimensionOrMeasure,\n  OrderDirection,\n  TimeRange,\n} from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useResizeObserver,\n  TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = {\n  dimensionValue: string | null;\n  dimensionTimeRange: TimeRange | undefined;\n};\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  results: DataResponse;\n  showIndex?: boolean;\n  state?: TableChartPaginatedProState;\n\n  totalResults?: DataResponse;\n  onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { title } = resolvedI18nProps;\n  const {\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState?.((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!onRowClicked || !clickDimension) return;\n\n    const dimensionValue = rows[rowIndex]?.[clickDimension.name];\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue ?? undefined,\n      dimension: clickDimension,\n    });\n\n    onRowClicked({ dimensionValue, dimensionTimeRange });\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  const handleSortChange = (newSort: TableSort<any> | undefined) => {\n    handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n  };\n\n  const currentPage = state?.page ?? 0;\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n      {...asChartCardHeaderProps(props)}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={currentPage}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: currentPage + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={state?.sort}\n        onSortChange={handleSortChange}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n","import {\n  DataResponse,\n  LoadDataRequest,\n  OrderBy,\n  OrderDirection,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getSortDirectionValue } from '../../../types/SortDirection.type.emb';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  description: 'Server-side paginated table. Pick over TableScrollable for large datasets.',\n  category: 'Table Charts',\n  inputs: [\n    { ...inputs.dataset, config: { hideSort: true } },\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show index column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max results to download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n    {\n      ...inputs.sortDimensionOrMeasure,\n      name: 'sortColumn',\n      label: 'Default sort column',\n      category: 'Component Settings',\n    },\n    { ...inputs.sortDirection, label: 'Default sort direction', category: 'Component Settings' },\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n        {\n          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: {\n    ...previewData.results1Measure2Dimensions,\n    data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n  },\n  totalResults: { data: [], total: previewMaxResults, isLoading: false },\n  state: {\n    page: 0,\n    pageSize: previewMaxResults,\n    isLoadingDownloadData: false,\n    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState = (\n  inputs?: Inputs<typeof meta>,\n): TableChartPaginatedProState => ({\n  page: 0,\n  pageSize: undefined,\n  sort: inputs?.sortColumn\n    ? {\n        id: inputs.sortColumn.name,\n        direction: getSortDirectionValue(inputs.sortDirection as OrderDirection) ?? 'asc',\n      }\n    : undefined,\n  isLoadingDownloadData: false,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: page * pageSize,\n  limit: pageSize,\n  orderBy,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: 0,\n  limit: 0,\n  countRows: true,\n});\n\nconst loadDataTotalResults = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  orderBy: OrderBy[],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: inputs.dimensionsAndMeasures,\n  orderBy,\n  limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n  loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n  onRowClicked: (value: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const mergedState: TableChartPaginatedProState = {\n    ...defaultTableChartPaginatedState(inputs),\n    ...state,\n  };\n\n  const sortColumn =\n    inputs.dimensionsAndMeasures.find((x) => x.name === mergedState.sort?.id) ??\n    (inputs.sortColumn?.name === mergedState.sort?.id ? inputs.sortColumn : undefined);\n  const orderBy: OrderBy[] =\n    sortColumn && mergedState.sort\n      ? [{ property: sortColumn, direction: mergedState.sort.direction }]\n      : [];\n\n  const hasClickDimension = inputs.dimensionsAndMeasures.some(\n    (col) => col.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(inputs.clickDimension && !hasClickDimension ? [inputs.clickDimension] : []),\n  ];\n\n  return {\n    ...inputs,\n    state: mergedState,\n    setState,\n    results: mergedState.pageSize\n      ? loadDataResults(\n          inputs,\n          mergedState.page,\n          mergedState.pageSize,\n          orderBy,\n          dimensionsAndMeasuresToLoad,\n        )\n      : undefined,\n    totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n    allResults: mergedState.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n  };\n};\n\nexport const tableChartPaginated = {\n  Component: TablePaginatedChart,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  totalResults: {\n    loadDataArgs: loadDataTotalResultsArgs,\n    loadData: loadDataTotalResults,\n  },\n  allResults: {\n    loadDataArgs: loadDataAllResultsArgs,\n    loadData: loadDataAllResults,\n  },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","resolvedI18nProps","resolveI18nProps","title","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","dimensionValue","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","asChartCardHeaderProps","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","getSortDirectionValue","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","value","Value","mergedState","sortColumn","x","_b","hasClickDimension","col","tableChartPaginated"],"mappings":";;;;;;;;;AA+BA,MAAMA,KAAeC,EAAe,+BAA+B,QAAQ,GACrEC,KAAYD,EAAe,+BAA+B,QAAQ,GAClEE,KAAeF,EAAe,qCAAqC,MAAM;AAE/E,IAAIG;AA4BJ,MAAMC,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAQC,GAAA;AACd,EAAAC,GAAUF,CAAK;AAEf,QAAM,CAACG,GAAmBC,CAAoB,IAAIC,GAAS,EAAK,GAE1DC,IAAoBC,GAAiBR,CAAK,GAC1C,EAAE,OAAAS,MAAUF,GACZ;AAAA,IACJ,cAAAG;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEnB,GAEEoB,IAAUC,GAAgB,EAAE,uBAAAR,GAAuB,eAAAC,EAAA,GAAiBb,CAAK,GACzEqB,KAAOX,KAAA,gBAAAA,EAAS,SAAQ,CAAA,GACxBY,IAAYC,GAAa,EAAE,MAAAF,GAAM,gBAAAN,GAAgB,GACjDS,IAAiBC,GAAuB,IAAI,GAC5C,EAAE,QAAAC,EAAA,IAAWC,EAAkBH,CAAc,GAC7CI,IAAWC,EAAuB;AAAA,IACtC,iBAAiBH;AAAA,IACjB,cAAAjC;AAAA,IACA,WAAAE;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAGKkC,IAA8BC;AAAA,IAClC,CAACC,MAAmD;AAClD,MAAAf,KAAA,QAAAA,EAAW,CAACgB,OAAe;AAAA,QACzB,GAAGA;AAAA,QACH,GAAGD;AAAA,MAAA;AAAA,IAEP;AAAA,IACA,CAACf,CAAQ;AAAA,EAAA,GAGLiB,IAAuB,CAACC,MAAiE;AAC7F,IAAA/B,EAAqB,EAAI,GACzB0B,EAA4B,EAAE,uBAAuB,IAAM,GAE3DjC,IAAe,CAACuC,MACdD,EAAW;AAAA,MACT,OAAA3B;AAAA,MACA,MAAA4B;AAAA,MACA,uBAAAxB;AAAA,MACA,cAAcY;AAAA,MACd,OAAAxB;AAAA,IAAA,CACD;AAAA,EACL,GAEMqC,IAAsB,CAACC,MAAqB;;AAChD,QAAI,CAACpB,KAAgB,CAACH,EAAgB;AAEtC,UAAMwB,KAAiBC,IAAAnB,EAAKiB,CAAQ,MAAb,gBAAAE,EAAiBzB,EAAe,OACjD0B,IAAqBC,GAA+B;AAAA,MACxD,OAAOH,KAAkB;AAAA,MACzB,WAAWxB;AAAA,IAAA,CACZ;AAED,IAAAG,EAAa,EAAE,gBAAAqB,GAAgB,oBAAAE,GAAoB;AAAA,EACrD;AAGA,EAAAE,EAAU,MAAM;AACd,IAAIf,KACFE,EAA4B,EAAE,UAAAF,GAAU;AAAA,EAE5C,GAAG,CAACA,GAAUE,CAA2B,CAAC,GAG1Ca,EAAU,MAAM;AACd,QAAIxC,GAAmB;AACrB,UAAI,CAACQ,KAAcA,EAAW;AAE5B;AAGF,MAAAd,EAAac,EAAW,IAAI,GAC5BP,EAAqB,EAAK,GAC1B0B,EAA4B,EAAE,uBAAuB,IAAO;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC3B,GAAmBQ,GAAYmB,CAA2B,CAAC;AAE/D,QAAMc,IAAmB,CAACC,MAAwC;AAChE,IAAAf,EAA4B,EAAE,MAAMe,GAAgD;AAAA,EACtF,GAEMC,KAAc9B,KAAA,gBAAAA,EAAO,SAAQ;AACnC,SACE+B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKxB;AAAA,MACL,MAAMd;AAAA,MACN,uBAAAE;AAAA,MACA,cAAcF,KAAA,gBAAAA,EAAS;AAAA,MACvB,kBAAkBwB;AAAA,MACjB,GAAGe,GAAuBlD,CAAK;AAAA,MAEhC,UAAAgD,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,iBAAiBb;AAAA,UACjB,SAAAlB;AAAA,UACA,MAAMG;AAAA,UACN,WAAAR;AAAA,UACA,MAAMgC;AAAA,UACN,UAAAlB;AAAA,UACA,iBAAiBuB,GAAK,EAAE,oCAAoC;AAAA,YAC1D,MAAML,IAAc;AAAA,YACpB,YAAYM,EAAmB3C,KAAA,gBAAAA,EAAc,OAAOmB,CAAQ,KAAK;AAAA,UAAA,CAClE;AAAA,UACD,OAAOnB,KAAA,gBAAAA,EAAc;AAAA,UACrB,MAAMO,KAAA,gBAAAA,EAAO;AAAA,UACb,cAAc4B;AAAA,UACd,cAAc,CAACS,MAAYvB,EAA4B,EAAE,MAAMuB,GAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1E;AAAA,EAAA;AAGN;;;8CCxKMC,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAO,SAAS,QAAQ,EAAE,UAAU,KAAK;AAAA,IAC9C;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,QACN,GAAGA,EAAO,sBAAsB;AAAA,QAChCC,EAAU;AAAA,QACVA,EAAU;AAAA,QACVA,EAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEFD,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,YAAY,OAAO,0BAAA;AAAA,IAC/B;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ,EAAE,GAAGA,EAAO,eAAe,OAAO,0BAA0B,UAAU,qBAAA;AAAA,IACtEA,EAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEME,IAAoB;;AAE1B,MAAMC,IAAgB;AAAA,EACpB,uBAAuB,CAACC,EAAY,WAAWA,EAAY,gBAAgBA,EAAY,OAAO;AAAA,EAC9F,SAAS;AAAA,IACP,GAAGA,EAAY;AAAA,IACf,OAAMnB,IAAAmB,EAAY,2BAA2B,SAAvC,gBAAAnB,EAA6C,MAAM,GAAGiB;AAAA,EAAiB;AAAA,EAE/E,cAAc,EAAE,MAAM,CAAA,GAAI,OAAOA,GAAmB,WAAW,GAAA;AAAA,EAC/D,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAUA;AAAA,IACV,uBAAuB;AAAA,IACvB,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AACZ,GAEMG,KAAUC,GAAcC,GAAqBJ,CAAa,GAEnDK,KAAkC,CAC7CR,OACiC;AAAA,EACjC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAMA,KAAAA,QAAAA,EAAQ,aACV;AAAA,IACE,IAAIA,EAAO,WAAW;AAAA,IACtB,WAAWS,GAAsBT,EAAO,aAA+B,KAAK;AAAA,EAAA,IAE9E;AAAA,EACJ,uBAAuB;AACzB,IAEMU,IAAsB,CAC1BV,GACAW,GACAtC,GACAuC,GACAC,OACqB;AAAA,EACrB,MAAMb,EAAO;AAAA,EACb,QAAQa;AAAA,EACR,QAAQF,IAAOtC;AAAA,EACf,OAAOA;AAAA,EACP,SAAAuC;AACF,IAEME,IAAkB,CACtBd,GACAW,GACAtC,GACAuC,GACAC,MAEAE,EAASL,EAAoBV,GAAQW,GAAMtC,GAAUuC,GAASC,CAA2B,CAAC,GAEtFG,IAA2B,CAC/BhB,GACAa,OACqB;AAAA,EACrB,MAAMb,EAAO;AAAA,EACb,QAAQa;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb,IAEMI,IAAuB,CAC3BjB,GACAa,MACiBE,EAASC,EAAyBhB,GAAQa,CAA2B,CAAC,GAEnFK,IAAyB,CAC7BlB,GACAY,OACqB;AAAA,EACrB,MAAMZ,EAAO;AAAA,EACb,QAAQA,EAAO;AAAA,EACf,SAAAY;AAAA,EACA,OAAOZ,EAAO;AAChB,IAEMmB,IAAqB,CAACnB,GAA6BY,MACvDG,EAASG,EAAuBlB,GAAQY,CAAO,CAAC,GAE5CQ,KAAS;AAAA,EACb,cAAc,CAACC,OAAgD;AAAA,IAC7D,mBAAmBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IACjD,uBAAuBD,EAAM,sBAAsBC,EAAM,SAAA;AAAA,EAAS;AAEtE,GAEM9E,KAAQ,CACZwD,GACA,CAACvC,GAAOC,CAAQ,MACb;;AACH,QAAM6D,IAA2C;AAAA,IAC/C,GAAGf,GAAgCR,CAAM;AAAA,IACzC,GAAGvC;AAAA,EAAA,GAGC+D,IACJxB,EAAO,sBAAsB,KAAK,CAACyB;;AAAM,WAAAA,EAAE,WAASxC,IAAAsC,EAAY,SAAZ,gBAAAtC,EAAkB;AAAA,GAAE,QACvEe,IAAAA,EAAO,eAAPA,gBAAAA,EAAmB,YAAS0B,IAAAH,EAAY,SAAZ,gBAAAG,EAAkB,MAAK1B,EAAO,aAAa,SACpEY,IACJY,KAAcD,EAAY,OACtB,CAAC,EAAE,UAAUC,GAAY,WAAWD,EAAY,KAAK,UAAA,CAAW,IAChE,CAAA,GAEAI,IAAoB3B,EAAO,sBAAsB;AAAA,IACrD,CAAC4B,MAAA;;AAAQ,aAAAA,EAAI,WAAS5B,IAAAA,EAAO,mBAAPA,gBAAAA,EAAuB;AAAA;AAAA,EAAA,GAGzCa,IAA8B;AAAA,IAClC,GAAGb,EAAO;AAAA,IACV,GAAIA,EAAO,kBAAkB,CAAC2B,IAAoB,CAAC3B,EAAO,cAAc,IAAI,CAAA;AAAA,EAAC;AAG/E,SAAO;AAAA,IACL,GAAGA;AAAAA,IACH,OAAOuB;AAAA,IACP,UAAA7D;AAAA,IACA,SAAS6D,EAAY,WACjBT;AAAA,MACEd;AAAAA,MACAuB,EAAY;AAAA,MACZA,EAAY;AAAA,MACZX;AAAA,MACAC;AAAA,IAAA,IAEF;AAAA,IACJ,cAAcI,EAAqBjB,GAAQa,CAA2B;AAAA,IACtE,YAAYU,EAAY,wBAAwBJ,EAAmBnB,GAAQY,CAAO,IAAI;AAAA,EAAA;AAE1F,GAEaiB,KAAsB;AAAA,EACjC,WAAWtB;AAAAA,EACX,MAAAR;AAAA,EACA,SAAAM;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA3D;AAAA,IACA,QAAA4E;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcV;AAAA,IACd,UAAUI;AAAA,EAAA;AAAA,EAEZ,cAAc;AAAA,IACZ,cAAcE;AAAA,IACd,UAAUC;AAAA,EAAA;AAAA,EAEZ,YAAY;AAAA,IACV,cAAcC;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"definition-DJOxJUDL.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport {\n  DataResponse,\n  Dimension,\n  DimensionOrMeasure,\n  OrderDirection,\n  TimeRange,\n} from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useResizeObserver,\n  TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = {\n  dimensionValue: string | null;\n  dimensionTimeRange: TimeRange | undefined;\n};\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  results: DataResponse;\n  showIndex?: boolean;\n  state?: TableChartPaginatedProState;\n\n  totalResults?: DataResponse;\n  onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { title } = resolvedI18nProps;\n  const {\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState?.((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!onRowClicked || !clickDimension) return;\n\n    const dimensionValue = rows[rowIndex]?.[clickDimension.name];\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue ?? undefined,\n      dimension: clickDimension,\n    });\n\n    onRowClicked({ dimensionValue, dimensionTimeRange });\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  const handleSortChange = (newSort: TableSort<any> | undefined) => {\n    handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n  };\n\n  const currentPage = state?.page ?? 0;\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n      {...asChartCardHeaderProps(props)}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={currentPage}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: currentPage + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={state?.sort}\n        onSortChange={handleSortChange}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n","import {\n  DataResponse,\n  LoadDataRequest,\n  OrderBy,\n  OrderDirection,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getSortDirectionValue } from '../../../types/SortDirection.type.emb';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  description: 'Server-side paginated table. Pick over TableScrollable for large datasets.',\n  category: 'Table Charts',\n  inputs: [\n    { ...inputs.dataset, config: { hideSort: true } },\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show index column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max results to download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n    {\n      ...inputs.sortDimensionOrMeasure,\n      name: 'sortColumn',\n      label: 'Default sort column',\n      category: 'Component Settings',\n    },\n    { ...inputs.sortDirection, label: 'Default sort direction', category: 'Component Settings' },\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n        {\n          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: {\n    ...previewData.results1Measure2Dimensions,\n    data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n  },\n  totalResults: { data: [], total: previewMaxResults, isLoading: false },\n  state: {\n    page: 0,\n    pageSize: previewMaxResults,\n    isLoadingDownloadData: false,\n    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState = (\n  inputs?: Inputs<typeof meta>,\n): TableChartPaginatedProState => ({\n  page: 0,\n  pageSize: undefined,\n  sort: inputs?.sortColumn\n    ? {\n        id: inputs.sortColumn.name,\n        direction: getSortDirectionValue(inputs.sortDirection as OrderDirection) ?? 'asc',\n      }\n    : undefined,\n  isLoadingDownloadData: false,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: page * pageSize,\n  limit: pageSize,\n  orderBy,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: 0,\n  limit: 0,\n  countRows: true,\n});\n\nconst loadDataTotalResults = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  orderBy: OrderBy[],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: inputs.dimensionsAndMeasures,\n  orderBy,\n  limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n  loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n  onRowClicked: (value: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const mergedState: TableChartPaginatedProState = {\n    ...defaultTableChartPaginatedState(inputs),\n    ...state,\n  };\n\n  const sortColumn =\n    inputs.dimensionsAndMeasures.find((x) => x.name === mergedState.sort?.id) ??\n    (inputs.sortColumn?.name === mergedState.sort?.id ? inputs.sortColumn : undefined);\n  const orderBy: OrderBy[] =\n    sortColumn && mergedState.sort\n      ? [{ property: sortColumn, direction: mergedState.sort.direction }]\n      : [];\n\n  const hasClickDimension = inputs.dimensionsAndMeasures.some(\n    (col) => col.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(inputs.clickDimension && !hasClickDimension ? [inputs.clickDimension] : []),\n  ];\n\n  return {\n    ...inputs,\n    state: mergedState,\n    setState,\n    results: mergedState.pageSize\n      ? loadDataResults(\n          inputs,\n          mergedState.page,\n          mergedState.pageSize,\n          orderBy,\n          dimensionsAndMeasuresToLoad,\n        )\n      : undefined,\n    totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n    allResults: mergedState.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n  };\n};\n\nexport const tableChartPaginated = {\n  Component: TablePaginatedChart,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  totalResults: {\n    loadDataArgs: loadDataTotalResultsArgs,\n    loadData: loadDataTotalResults,\n  },\n  allResults: {\n    loadDataArgs: loadDataAllResultsArgs,\n    loadData: loadDataAllResults,\n  },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","resolvedI18nProps","resolveI18nProps","title","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","dimensionValue","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","asChartCardHeaderProps","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","getSortDirectionValue","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","value","Value","mergedState","sortColumn","x","_b","hasClickDimension","col","tableChartPaginated"],"mappings":"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"}

package/dist/{definition-DKM3Mx4Z.js → definition-DV3XAemq.js}

@@ -1,13 +1,13 @@
 import { p as I, u as v, m as B, j as A, x as W, V as w, l as _ } from "./index-BCG-LNTx.js";
 import { useTheme as H, definePreview as U } from "@embeddable.com/react";
-import { i as X, r as N } from "./component.utils-oQMZT7TK.js";
-import { C as Y, a as $ } from "./ChartCard-C4MndGoP.js";
-import { g as P } from "./formatter.utils-CNK7r1DQ.js";
+import { i as X, r as N } from "./component.utils-B7tQ4cCT.js";
+import { C as Y, a as $ } from "./ChartCard-C72rw1Ya.js";
+import { g as P } from "./formatter.utils-Wcc93V-N.js";
 import { g as R } from "./styles.utils-C8CnV0SB.js";
 import { i as T, s as E } from "./color.utils-BSg_DFOh.js";
-import { b as q, c as J } from "./charts.utils-DL-pzVG-.js";
+import { b as q, c as J } from "./charts.utils-Czfl880z.js";
 import { u as K } from "./charts.fillGaps.hooks-Dkv__Ls1.js";
-import { C as Q, g as Z } from "./granularity.utils-BreNR3T1.js";
+import { C as Q, g as Z } from "./granularity.utils-BidDuinr.js";
 import { i as n, s as C } from "./component.inputs.constants-BsSC9xd5.js";
 import { p as y } from "./preview.data.constants-C0USIdBY.js";
 import { g as ee } from "./clientContext.utils-DpB5KsfX.js";
@@ -278,4 +278,4 @@ export {
   Le as i,
   Ae as l
 };
-//# sourceMappingURL=definition-DKM3Mx4Z.js.map
+//# sourceMappingURL=definition-DV3XAemq.js.map

package/dist/{definition-DKM3Mx4Z.js.map → definition-DV3XAemq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-DKM3Mx4Z.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx","../src/components/charts/lines/LineChartDefaultPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { getDimensionWithoutTruncation } from '../../charts.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n      const chartColors = getChartColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'background',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'border',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.dashedLine\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.fillUnderLine),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(getDimensionWithoutTruncation(dimension), label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.types';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\nexport type LineChartProProps = {\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  granularity?: Granularity;\n  setGranularity?: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n  const {\n    measures,\n    granularity,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions({ data, dimension: xAxis, measures }, theme);\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\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 LineChartPro;\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 { LineChartProOptionsClickArg } from '../lines.types';\nimport { inputs } from '../../../component.inputs.constants';\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';\n\nconst meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  description:\n    'Line chart with one time dimension on the x-axis and one or more measures. Use for time-series trends.',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'dashedLine',\n          label: 'Dashed line',\n          defaultValue: false,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line 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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\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: [...inputs.measures, xAxis ?? inputs.xAxis],\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  onLineClicked: (value: LineChartProOptionsClickArg) => {\n    return {\n      axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    };\n  },\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartDefaultProState, (state: LineChartDefaultProState) => void],\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({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n  };\n};\n\nexport const lineChartDefaultPro = {\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":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","mergician","value","context","label","getDimensionWithoutTruncation","raw","LineChartPro","useTheme","i18nSetup","resolvedI18nProps","resolveI18nProps","title","description","tooltip","xAxisLabel","yAxisLabel","granularity","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","onLineClicked","results","useFillGaps","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","LineChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartDefaultPro"],"mappings":"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"}
+{"version":3,"file":"definition-DV3XAemq.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx","../src/components/charts/lines/LineChartDefaultPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { getDimensionWithoutTruncation } from '../../charts.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n      const chartColors = getChartColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'background',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'border',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.dashedLine\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.fillUnderLine),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(getDimensionWithoutTruncation(dimension), label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.types';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\nexport type LineChartProProps = {\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  granularity?: Granularity;\n  setGranularity?: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n  const {\n    measures,\n    granularity,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions({ data, dimension: xAxis, measures }, theme);\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\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 LineChartPro;\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 { LineChartProOptionsClickArg } from '../lines.types';\nimport { inputs } from '../../../component.inputs.constants';\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';\n\nconst meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  description:\n    'Line chart with one time dimension on the x-axis and one or more measures. Use for time-series trends.',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'dashedLine',\n          label: 'Dashed line',\n          defaultValue: false,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line 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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\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: [...inputs.measures, xAxis ?? inputs.xAxis],\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  onLineClicked: (value: LineChartProOptionsClickArg) => {\n    return {\n      axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    };\n  },\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartDefaultProState, (state: LineChartDefaultProState) => void],\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({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n  };\n};\n\nexport const lineChartDefaultPro = {\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":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","mergician","value","context","label","getDimensionWithoutTruncation","raw","LineChartPro","useTheme","i18nSetup","resolvedI18nProps","resolveI18nProps","title","description","tooltip","xAxisLabel","yAxisLabel","granularity","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","onLineClicked","results","useFillGaps","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","LineChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartDefaultPro"],"mappings":"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"}

package/dist/{definition-BcsHRDkv.js → definition-DZSXXY3i.js}

@@ -1,12 +1,12 @@
 import { m as B, v as I, j as A, x as O, V as p, l as z } from "./index-BCG-LNTx.js";
 import { useTheme as _, definePreview as H } from "@embeddable.com/react";
-import { i as E, r as W } from "./component.utils-oQMZT7TK.js";
-import { C as q, a as J } from "./ChartCard-C4MndGoP.js";
-import { g as K, a as N, l as Q } from "./definition-BshhnH_Q.js";
+import { i as E, r as W } from "./component.utils-B7tQ4cCT.js";
+import { C as q, a as J } from "./ChartCard-C72rw1Ya.js";
+import { g as K, a as N, l as Q } from "./definition-KHcLAKES.js";
 import { g as V } from "./dimension.utils-CQAdVGip.js";
 import { s as U } from "./color.utils-BSg_DFOh.js";
 import { u as Z } from "./charts.fillGaps.hooks-Dkv__Ls1.js";
-import { C as $, g as X } from "./granularity.utils-BreNR3T1.js";
+import { C as $, g as X } from "./granularity.utils-BidDuinr.js";
 import { p as f } from "./preview.data.constants-C0USIdBY.js";
 import { g as ee } from "./clientContext.utils-DpB5KsfX.js";
 const ne = (e, n) => {
@@ -255,4 +255,4 @@ export {
   ne as g,
   De as i
 };
-//# sourceMappingURL=definition-BcsHRDkv.js.map
+//# sourceMappingURL=definition-DZSXXY3i.js.map

package/dist/{definition-BcsHRDkv.js.map → definition-DZSXXY3i.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-BcsHRDkv.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, asChartCardHeaderProps } 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 resolvedI18nProps = resolveI18nProps(props);\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n  const {\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      {...asChartCardHeaderProps(props)}\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","resolvedI18nProps","resolveI18nProps","title","description","tooltip","xAxisLabel","yAxisLabel","measure","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","handleClick","granularitySelectorHasMarginTop","jsxs","ChartCard","asChartCardHeaderProps","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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"}
+{"version":3,"file":"definition-DZSXXY3i.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, asChartCardHeaderProps } 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 resolvedI18nProps = resolveI18nProps(props);\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n  const {\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      {...asChartCardHeaderProps(props)}\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","resolvedI18nProps","resolveI18nProps","title","description","tooltip","xAxisLabel","yAxisLabel","measure","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","handleClick","granularitySelectorHasMarginTop","jsxs","ChartCard","asChartCardHeaderProps","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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"}

package/dist/{definition-DuNVn_Zv.js → definition-Dj2fOcLJ.js}

@@ -1,9 +1,9 @@
 import { p as H, u as T, m as X, j as F, J as U, V, l as Y } from "./index-BCG-LNTx.js";
 import { useTheme as q, definePreview as J } from "@embeddable.com/react";
-import { i as Q, r as W, a as Z } from "./component.utils-oQMZT7TK.js";
-import { C as ee, a as ae } from "./ChartCard-C4MndGoP.js";
+import { i as Q, r as W, a as Z } from "./component.utils-B7tQ4cCT.js";
+import { C as ee, a as ae } from "./ChartCard-C72rw1Ya.js";
 import { g as O } from "./dimension.utils-CQAdVGip.js";
-import { a as v, g as I } from "./formatter.utils-CNK7r1DQ.js";
+import { a as v, g as I } from "./formatter.utils-Wcc93V-N.js";
 import { g as te } from "./styles.utils-C8CnV0SB.js";
 import { N as C, g as ne, m as k, r as R } from "./scatter.utils-DV4Kp2Lb.js";
 import { i as n, s as se } from "./component.inputs.constants-BsSC9xd5.js";
@@ -384,4 +384,4 @@ export {
   Le as b,
   Be as i
 };
-//# sourceMappingURL=definition-DuNVn_Zv.js.map
+//# sourceMappingURL=definition-Dj2fOcLJ.js.map

package/dist/{definition-DuNVn_Zv.js.map → definition-Dj2fOcLJ.js.map}

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

package/dist/{definition-BqQJmkId.js → definition-DnLCl6jI.js}

@@ -1,8 +1,8 @@
 import { m as D, j as l, H as V, V as d, l as x } from "./index-BCG-LNTx.js";
 import { useTheme as v, definePreview as L } from "@embeddable.com/react";
-import { g as R, a as T, c as j } from "./pies.utils-DAWVYwtx.js";
-import { i as S } from "./component.utils-oQMZT7TK.js";
-import { C as y, a as A } from "./ChartCard-C4MndGoP.js";
+import { g as R, a as T, c as j } from "./pies.utils-eVQYLyQD.js";
+import { i as S } from "./component.utils-B7tQ4cCT.js";
+import { C as y, a as A } from "./ChartCard-C72rw1Ya.js";
 import { i as s, s as M } from "./component.inputs.constants-BsSC9xd5.js";
 import { p as i } from "./preview.data.constants-C0USIdBY.js";
 const r = (e) => {
@@ -121,4 +121,4 @@ export {
   J as i,
   K as p
 };
-//# sourceMappingURL=definition-BqQJmkId.js.map
+//# sourceMappingURL=definition-DnLCl6jI.js.map