npm - @embeddable.com/remarkable-pro - Versions diffs - 0.2.9 → 0.2.11 - Mend

@embeddable.com/remarkable-pro 0.2.9 → 0.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (593) hide show

package/dist/{definition-CXXIhLtv.js.map → definition-CnCSqnGg.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-CXXIhLtv.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 { ChartCard, ChartCardHeaderProps } 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 { title, description, tooltip } = resolveI18nProps(props);\n const {\n hideMenu,\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 title={title}\n description={description}\n tooltip={tooltip}\n data={results}\n dimensionsAndMeasures={dimensionsAndMeasures}\n errorMessage={results?.error}\n onCustomDownload={handleCustomDownload}\n hideMenu={hideMenu}\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 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 ],\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","title","description","tooltip","resolveI18nProps","hideMenu","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","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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"}
1	+ {"version":3,"file":"definition-CnCSqnGg.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 { ChartCard, ChartCardHeaderProps } 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 { title, description, tooltip } = resolveI18nProps(props);\n const {\n hideMenu,\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 title={title}\n description={description}\n tooltip={tooltip}\n data={results}\n dimensionsAndMeasures={dimensionsAndMeasures}\n errorMessage={results?.error}\n onCustomDownload={handleCustomDownload}\n hideMenu={hideMenu}\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 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 ],\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","title","description","tooltip","resolveI18nProps","hideMenu","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","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":";;;;;;;;;AA2BA,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,GAE1D,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,EAAA,IAAYC,GAAiBV,CAAK,GACxD;AAAA,IACJ,UAAAW;AAAA,IACA,cAAAC;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,IACErB,GAEEsB,IAAUC,GAAgB,EAAE,uBAAAR,GAAuB,eAAAC,EAAA,GAAiBf,CAAK,GACzEuB,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,cAAAnC;AAAA,IACA,WAAAE;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAGKoC,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,IAAAjC,EAAqB,EAAI,GACzB4B,EAA4B,EAAE,uBAAuB,IAAM,GAE3DnC,IAAe,CAACyC,MACdD,EAAW;AAAA,MACT,OAAA/B;AAAA,MACA,MAAAgC;AAAA,MACA,uBAAAxB;AAAA,MACA,cAAcY;AAAA,MACd,OAAA1B;AAAA,IAAA,CACD;AAAA,EACL,GAEMuC,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,QAAI1C,GAAmB;AACrB,UAAI,CAACU,KAAcA,EAAW;AAE5B;AAGF,MAAAhB,EAAagB,EAAW,IAAI,GAC5BT,EAAqB,EAAK,GAC1B4B,EAA4B,EAAE,uBAAuB,IAAO;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC7B,GAAmBU,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,OAAApB;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAMI;AAAA,MACN,uBAAAE;AAAA,MACA,cAAcF,KAAA,gBAAAA,EAAS;AAAA,MACvB,kBAAkBwB;AAAA,MAClB,UAAA1B;AAAA,MAEA,UAAAuC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,iBAAiBZ;AAAA,UACjB,SAAAlB;AAAA,UACA,MAAMG;AAAA,UACN,WAAAR;AAAA,UACA,MAAMgC;AAAA,UACN,UAAAlB;AAAA,UACA,iBAAiBsB,GAAK,EAAE,oCAAoC;AAAA,YAC1D,MAAMJ,IAAc;AAAA,YACpB,YAAYK,GAAmB1C,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,CAACQ,MAAYtB,EAA4B,EAAE,MAAMsB,GAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1E;AAAA,EAAA;AAGN;;;8CCvKMC,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,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,EAAqB;AAAA,EAE7F,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,OAAMlB,IAAAkB,EAAY,2BAA2B,SAAvC,gBAAAlB,EAA6C,MAAM,GAAGgB;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,GACArC,GACAsC,GACAC,OACqB;AAAA,EACrB,MAAMb,EAAO;AAAA,EACb,QAAQa;AAAA,EACR,QAAQF,IAAOrC;AAAA,EACf,OAAOA;AAAA,EACP,SAAAsC;AACF,IAEME,IAAkB,CACtBd,GACAW,GACArC,GACAsC,GACAC,MAEAE,EAASL,EAAoBV,GAAQW,GAAMrC,GAAUsC,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,GAEM/E,KAAQ,CACZyD,GACA,CAACtC,GAAOC,CAAQ,MACb;;AACH,QAAM4D,IAA2C;AAAA,IAC/C,GAAGf,GAAgCR,CAAM;AAAA,IACzC,GAAGtC;AAAA,EAAA,GAGC8D,IACJxB,EAAO,sBAAsB,KAAK,CAACyB;;AAAM,WAAAA,EAAE,WAASvC,IAAAqC,EAAY,SAAZ,gBAAArC,EAAkB;AAAA,GAAE,QACvEc,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,UAAA5D;AAAA,IACA,SAAS4D,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,OAAA5D;AAAA,IACA,QAAA6E;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;"}

package/dist/definition-CzI1de--.js ADDED Viewed

@@ -0,0 +1,390 @@
+import { t as Y, y as P, m as q, j as F, O as J, V, l as Q } from "./index-CHaNvsBE.js";
+import { useTheme as W, definePreview as Z } from "@embeddable.com/react";
+import { a as ee, r as ae, i as te } from "./component.utils-Dua9clQJ.js";
+import { C as ne } from "./ChartCard-CJ22uvCY.js";
+import { g as O } from "./dimension.utils-DrqXH5Ji.js";
+import { a as v, g as I } from "./formatter.utils-Bh16Z5MP.js";
+import { g as se } from "./styles.utils-C8CnV0SB.js";
+import { N as C, g as oe, m as k, r as R } from "./scatter.utils-DV4Kp2Lb.js";
+import { i as n, s as ie } from "./component.inputs.constants-BBgApY3a.js";
+import { p as D } from "./preview.data.constants-Azny20uQ.js";
+import { g as re } from "./clientContext.utils-DpB5KsfX.js";
+const le = ({
+  xMeasure: e,
+  yMeasure: o,
+  sizeMeasure: r,
+  noValueLabel: d,
+  bubbleRadiusMax: m,
+  showPointLabels: x
+}, c) => {
+  const s = I(c), g = (a, t) => t == null ? d : s.data(a, t), i = m ?? 20, b = P("--em-scatterchart-label-stack-gap", "0.25rem"), p = P("--em-scatterchart-label-stack-height", "1.25rem"), h = (a) => a.dataset.bubbleSizes[a.dataIndex] ?? i, f = (a) => h(a) + b, M = (a) => {
+    const t = h(a);
+    return x ? t + b + p + b : t + b;
+  };
+  return {
+    scales: oe(
+      e,
+      o,
+      (a, t) => s.data(a, t)
+    ),
+    plugins: {
+      tooltip: {
+        callbacks: {
+          label: (a) => {
+            var u;
+            const l = (u = a.dataset.originalData) == null ? void 0 : u[a.dataIndex];
+            return l ? [
+              `${s.dimensionOrMeasureTitle(e)}: ${g(e, l.x)}`,
+              `${s.dimensionOrMeasureTitle(o)}: ${g(o, l.y)}`,
+              `${s.dimensionOrMeasureTitle(r)}: ${g(r, l.size)}`
+            ] : "";
+          }
+        }
+      },
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (a, t) => {
+              var y;
+              const u = (y = t.dataset.originalData) == null ? void 0 : y[t.dataIndex];
+              return u ? g(r, u.size) : "";
+            },
+            anchor: "center",
+            align: "bottom",
+            offset: M
+          },
+          caption: {
+            anchor: "center",
+            align: "bottom",
+            offset: f
+          }
+        }
+      }
+    }
+  };
+}, ue = (e, o, r, d, m, x, c, s) => {
+  var M, a;
+  const g = (a = (M = o[e.datasetIndex]) == null ? void 0 : M.data[e.index]) == null ? void 0 : a.rowIndex;
+  if (g === void 0) return null;
+  const i = r == null ? void 0 : r[g];
+  if (!i) return null;
+  const b = v(c), p = s ? v(s) : void 0, h = R(i[b]), f = p ? R(i[p]) : null;
+  return {
+    xMeasureValue: R(i[d.name]),
+    yMeasureValue: R(i[m.name]),
+    sizeMeasureValue: R(i[x.name]),
+    pointDimensionValue: h,
+    groupByDimensionValue: f,
+    pointDimensionTimeRange: O({
+      value: h,
+      dimension: c
+    }),
+    groupByDimensionTimeRange: O({
+      value: f ?? void 0,
+      dimension: s
+    })
+  };
+}, me = ({
+  datasets: e,
+  results: o,
+  xMeasure: r,
+  yMeasure: d,
+  sizeMeasure: m,
+  pointDimension: x,
+  groupByDimension: c,
+  onPointClick: s
+}) => ({ elementAtEvent: g }) => {
+  const i = g[0];
+  if (!i) return;
+  const b = ue(
+    i,
+    e,
+    o.data,
+    r,
+    d,
+    m,
+    x,
+    c
+  );
+  b && (s == null || s(b));
+}, be = (e, o) => {
+  var M;
+  const r = I(o), d = Y(), m = e.data ?? [], x = v(e.pointDimension), c = e.groupByDimension ? void 0 : ((M = e.pointColor) == null ? void 0 : M.trim()) || void 0;
+  if (!m.length)
+    return { datasets: [{ label: "", data: [] }] };
+  const s = (a, t, l, u) => c ?? se({ dimensionOrMeasure: t, theme: o, color: a, value: l, index: u, chartColors: d }), g = (a, t) => {
+    const l = a[x], u = l == null ? e.noValueLabel : String(r.data(e.pointDimension, l));
+    return {
+      x: k(a[e.xMeasure.name]),
+      y: k(a[e.yMeasure.name]),
+      size: k(a[e.sizeMeasure.name]),
+      pointLabel: u,
+      label: u,
+      rowIndex: t
+    };
+  };
+  if (!e.groupByDimension)
+    return {
+      datasets: [
+        {
+          label: r.dimensionOrMeasureTitle(e.yMeasure),
+          data: m.map((a, t) => g(a, t)),
+          backgroundColor: s("background", e.xMeasure, e.xMeasure.name, 0),
+          borderColor: s("border", e.xMeasure, e.xMeasure.name, 0)
+        }
+      ]
+    };
+  const i = e.groupByDimension, b = v(i), p = /* @__PURE__ */ new Map();
+  return m.forEach((a, t) => {
+    const l = a[b] == null ? C : String(a[b]), u = p.get(l) ?? [];
+    u.push(g(a, t)), p.set(l, u);
+  }), { datasets: [...p.keys()].sort((a, t) => a === C ? 1 : t === C ? -1 : a.localeCompare(t)).map((a, t) => {
+    var S;
+    const l = p.get(a), u = l[0].rowIndex, y = a === C ? null : (S = m[u]) == null ? void 0 : S[b], B = a === C ? e.noValueLabel : r.data(i, y), L = a === C ? `${i.name}.null` : `${i.name}.${a}`;
+    return {
+      label: B,
+      data: l,
+      backgroundColor: s("background", i, L, t),
+      borderColor: s("border", i, L, t)
+    };
+  }) };
+}, z = (e) => {
+  var T;
+  const o = W();
+  ee(o);
+  const {
+    xMeasure: r,
+    yMeasure: d,
+    bubbleSizeMeasure: m,
+    pointDimension: x,
+    groupByDimension: c,
+    results: s,
+    pointColor: g,
+    showLegend: i,
+    showTooltips: b,
+    showPointLabels: p,
+    showValueLabels: h,
+    showLogarithmicScale: f,
+    xAxisRangeMin: M,
+    xAxisRangeMax: a,
+    yAxisRangeMin: t,
+    yAxisRangeMax: l,
+    reverseXAxis: u,
+    bubbleRadiusMin: y,
+    bubbleRadiusMax: B,
+    onPointClick: L,
+    hideMenu: S
+  } = e, { title: N, description: K, tooltip: E, xAxisLabel: G, yAxisLabel: X } = ae(e), w = te.t("charts.scatterChart.noValue"), A = be(
+    {
+      data: s.data,
+      xMeasure: r,
+      yMeasure: d,
+      sizeMeasure: m,
+      pointDimension: x,
+      groupByDimension: c,
+      noValueLabel: w,
+      pointColor: g
+    },
+    o
+  ), H = me({
+    datasets: A.datasets,
+    results: s,
+    xMeasure: r,
+    yMeasure: d,
+    sizeMeasure: m,
+    pointDimension: x,
+    groupByDimension: c,
+    onPointClick: L
+  }), U = q(
+    le(
+      {
+        xMeasure: r,
+        yMeasure: d,
+        sizeMeasure: m,
+        noValueLabel: w,
+        bubbleRadiusMax: B,
+        showPointLabels: p
+      },
+      o
+    ),
+    ((T = o.charts.bubbleChartPro) == null ? void 0 : T.options) ?? {}
+  );
+  return /* @__PURE__ */ F.jsx(
+    ne,
+    {
+      data: s,
+      dimensionsAndMeasures: [
+        x,
+        r,
+        d,
+        m,
+        ...c ? [c] : []
+      ],
+      errorMessage: s.error,
+      description: K,
+      title: N,
+      tooltip: E,
+      hideMenu: S,
+      children: /* @__PURE__ */ F.jsx(
+        J,
+        {
+          data: A,
+          options: U,
+          nullBandLabel: w,
+          showLegend: i && !!c,
+          showTooltips: b,
+          showPointLabels: p,
+          showValueLabels: h,
+          showLogarithmicScale: f,
+          xAxisLabel: G,
+          yAxisLabel: X,
+          xAxisRangeMin: M,
+          xAxisRangeMax: a,
+          yAxisRangeMin: t,
+          yAxisRangeMax: l,
+          reverseXAxis: u,
+          bubbleRadiusMin: y,
+          bubbleRadiusMax: B,
+          onClick: H
+        }
+      )
+    }
+  );
+}, Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: z
+}, Symbol.toStringTag, { value: "Module" })), de = {
+  name: "BubbleChartPro",
+  label: "Bubble Chart",
+  category: "Scatter Charts",
+  inputs: [
+    n.dataset,
+    n.xMeasure,
+    n.yMeasure,
+    { ...n.measure, name: "bubbleSizeMeasure", label: "Bubble size measure" },
+    { ...n.dimension, name: "pointDimension", label: "Point dimension" },
+    {
+      ...n.dimension,
+      name: "groupByDimension",
+      label: "Group by (optional)",
+      required: !1
+    },
+    {
+      ...ie.color,
+      name: "pointColor",
+      label: "Point color",
+      category: "Component Settings"
+    },
+    {
+      ...n.number,
+      name: "bubbleRadiusMin",
+      label: "Bubble min radius (px)",
+      defaultValue: 3,
+      category: "Component Settings"
+    },
+    {
+      ...n.number,
+      name: "bubbleRadiusMax",
+      label: "Bubble max radius (px)",
+      defaultValue: 20,
+      category: "Component Settings"
+    },
+    n.title,
+    n.description,
+    n.tooltip,
+    n.showLegend,
+    n.showTooltips,
+    {
+      ...n.boolean,
+      name: "showPointLabels",
+      label: "Show point labels",
+      defaultValue: !1,
+      category: "Component Settings"
+    },
+    n.showValueLabels,
+    n.showLogarithmicScale,
+    n.xAxisLabel,
+    n.yAxisLabel,
+    n.reverseXAxis,
+    n.xAxisRangeMin,
+    n.xAxisRangeMax,
+    n.yAxisRangeMin,
+    n.yAxisRangeMax,
+    n.maxResults
+  ],
+  events: [
+    {
+      name: "onPointClick",
+      label: "A point is clicked",
+      properties: [
+        { name: "xMeasureValue", label: "Clicked X measure value", type: "string" },
+        { name: "yMeasureValue", label: "Clicked Y measure value", type: "string" },
+        { name: "pointDimensionValue", label: "Clicked point dimension value", type: "string" },
+        { name: "groupByDimensionValue", label: "Clicked group by value", type: "string" },
+        {
+          name: "pointDimensionTimeRange",
+          label: "Clicked point dimension time range",
+          type: "timeRange"
+        },
+        {
+          name: "groupByDimensionTimeRange",
+          label: "Clicked group by time range",
+          type: "timeRange"
+        },
+        { name: "sizeMeasureValue", label: "Clicked bubble size value", type: "string" }
+      ]
+    }
+  ]
+}, _ = {
+  dataset: D.dataset,
+  xMeasure: D.measure,
+  yMeasure: D.measureVariant,
+  bubbleSizeMeasure: D.measure,
+  pointDimension: D.dimension,
+  results: D.results2Measures1Dimension,
+  bubbleRadiusMin: 3,
+  bubbleRadiusMax: 10,
+  showLegend: !0,
+  hideMenu: !0
+}, ce = Z(z, _), $ = (e, o) => ({
+  limit: e.maxResults,
+  from: e.dataset,
+  select: [
+    e.xMeasure,
+    e.yMeasure,
+    e.bubbleSizeMeasure,
+    e.pointDimension,
+    ...e.groupByDimension ? [e.groupByDimension] : []
+  ],
+  timezone: re(o == null ? void 0 : o.timezone)
+}), j = (e, o) => Q($(e, o)), ge = {
+  onPointClick: (e) => ({
+    xMeasureValue: e.xMeasureValue ?? V.noFilter(),
+    yMeasureValue: e.yMeasureValue ?? V.noFilter(),
+    sizeMeasureValue: e.sizeMeasureValue ?? V.noFilter(),
+    pointDimensionValue: e.pointDimensionValue ?? V.noFilter(),
+    groupByDimensionValue: e.groupByDimensionValue ?? V.noFilter()
+  })
+}, pe = (e, [o, r], d) => ({
+  ...e,
+  pointColor: e.pointColor,
+  results: j(e, d)
+}), ve = {
+  Component: z,
+  meta: de,
+  preview: ce,
+  previewConfig: _,
+  config: {
+    props: pe,
+    events: ge
+  },
+  results: {
+    loadDataArgs: $,
+    loadData: j
+  }
+};
+export {
+  ve as b,
+  Se as i
+};
+//# sourceMappingURL=definition-CzI1de--.js.map

package/dist/definition-CzI1de--.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"definition-CzI1de--.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 { ChartCard, ChartCardHeaderProps } 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 hideMenu,\n } = props;\n\n const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\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 description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\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 ],\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","hideMenu","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","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-O45fcwV6.js → definition-D--JJU4L.js} RENAMED Viewed

@@ -1,14 +1,14 @@
-import { j as c, H as N, L as B, V as v, l as X } from "./index-CuEaD6nM.js";
+import { j as c, H as N, L as B, V as v, l as X } from "./index-CHaNvsBE.js";
 import { useTheme as Y, definePreview as q } from "@embeddable.com/react";
 import { useState as J, useEffect as Q } from "react";
 import { a as U, r as Z } from "./component.utils-Dua9clQJ.js";
-import { C as $ } from "./ChartCard-CRWGszUn.js";
-import { u as ee } from "./charts.fillGaps.hooks-BsgJXp3A.js";
-import { C as ae, g as se } from "./granularity.utils-DolOI8L7.js";
-import { g as re, a as ie, l as f } from "./definition-B7-xAlqA.js";
-import { g as te } from "./formatter.utils-DrM8pNZU.js";
-import { c as ne } from "./charts.utils-CJGra06y.js";
-import { p as o } from "./preview.data.constants-DGIhRSwN.js";
+import { C as $ } from "./ChartCard-CJ22uvCY.js";
+import { u as ee } from "./charts.fillGaps.hooks-DwOSYTMl.js";
+import { C as ae, g as se } from "./granularity.utils-BnW9IBu_.js";
+import { g as re, a as ie, l as f } from "./definition-J5L1OB8L.js";
+import { g as te } from "./formatter.utils-Bh16Z5MP.js";
+import { c as ne } from "./charts.utils-BsDHsezy.js";
+import { p as o } from "./preview.data.constants-Azny20uQ.js";
 import { g as oe } from "./clientContext.utils-DpB5KsfX.js";
 const x = (a) => {
   var y;
@@ -154,4 +154,4 @@ export {
   Le as i,
   ve as l
 };
-//# sourceMappingURL=definition-O45fcwV6.js.map
+//# sourceMappingURL=definition-D--JJU4L.js.map