@embeddable.com/remarkable-pro 0.3.5 → 0.3.7

package/dist/definition-CGSdiMgK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CGSdiMgK.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  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  ],\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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"}

package/dist/definition-CPWqHdnm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CPWqHdnm.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx","../src/components/charts/bars/BarChartGroupedPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarStackedChartProData, getBarStackedChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { Dimension } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\nimport { BarChartStackedBaseProps } from '../bars.types';\nimport { createGroupedClickHandler } from '../../charts.utils';\n\nexport type BarChartGroupedProProps = BarChartStackedBaseProps & {\n  xAxis: Dimension;\n  reverseXAxis?: boolean;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n};\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const {\n    hideMenu,\n    groupBy,\n    measure,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxis,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: xAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarStackedChartProOptions(\n      {\n        measures: [measure],\n        horizontal: false,\n        data,\n        dimension: xAxis,\n        groupDimension: groupBy,\n      },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createGroupedClickHandler({\n    data,\n    dimension: xAxis,\n    groupBy,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\n","import { Granularity, OrderDirection, Value } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartStackedProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart - Grouped',\n  description:\n    'Vertical bar chart with side-by-side bars — one x-axis dimension, one grouping dimension, one measure. Use to compare sub-categories at each x value.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.sortDirectionTopXAxis,\n    inputs.limitTopXAxis,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar 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: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionTimeRange',\n          label: 'Clicked grouping dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\n};\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 events = {\n  onBarClicked: (value: BarChartStackedProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    groupingDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [BarChartGroupedProState, (state: BarChartGroupedProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopXAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: xAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopXAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopXAxis,\n      axis: xAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: xAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopXAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartGroupedPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","granularity","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarStackedChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createGroupedClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","xAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedPro"],"mappings":"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"}

package/dist/definition-CRNAhkO1.js

@@ -1,579 +0,0 @@
-import { m as ie, p as ne, u as z, y as O, z as N, j as S, x as se, V as _, l as W } from "./index-BDd5cXFC.js";
-import { useTheme as oe, definePreview as re } from "@embeddable.com/react";
-import { a as te, i as le, r as me } from "./component.utils-oQMZT7TK.js";
-import { C as de } from "./ChartCard-Zy5lPApV.js";
-import { useEffect as ce } from "react";
-import { g as ue } from "./timeRange.utils-kK6r26ZO.js";
-import { g as B } from "./formatter.utils-DE-_ADag.js";
-import { g as pe } from "./styles.utils-C8CnV0SB.js";
-import { i as ge, s as he } from "./color.utils-BSg_DFOh.js";
-import { b as F } from "./charts.utils-DtGWPIVa.js";
-import { g as be } from "./dimension.utils-CB-LXCP5.js";
-import { u as X } from "./charts.fillGaps.hooks-BemPBhvC.js";
-import { C as ye, g as fe } from "./granularity.utils-C_SX7zKB.js";
-import { i as p, s as A } from "./component.inputs.constants-DoBT8ykS.js";
-import { p as I } from "./preview.data.constants-B3oyUsaQ.js";
-import { g as Y } from "./clientContext.utils-DpB5KsfX.js";
-const P = "mainAxis", w = "comparisonAxis", $ = (e, i) => {
-  var v, M, k, R;
-  const { data: a, measure: n, dimension: s, index: r, isPreviousPeriod: m, hasMinMaxYAxisRange: y, labels: o } = e, d = a == null ? void 0 : a.map((x) => x[s.name]), t = !!((v = n.inputs) != null && v.connectGaps), g = o ? o.map((x) => {
-    const T = a == null ? void 0 : a.find((D) => D[s.name] === x);
-    return (T == null ? void 0 : T[n.name]) ?? (t ? 0 : null);
-  }) : a == null ? void 0 : a.map((x) => x[n.name] ?? (t ? 0 : null)), b = B(i), f = !!((M = n.inputs) != null && M[m ? "previousLineDashed" : "lineDashed"]), l = ne(), c = (k = n.inputs) == null ? void 0 : k[m ? "previousLineColor" : "lineColor"], u = ge(c) ? c : pe({
-    dimensionOrMeasure: n,
-    theme: i,
-    color: "background",
-    value: n.name,
-    chartColors: l,
-    index: r
-  }), C = b.dimensionOrMeasureTitle(n);
-  return {
-    xAxisID: m ? w : P,
-    labels: d,
-    rawLabel: C,
-    label: (m ? `${te.t("common.compared")} ` : "") + C,
-    data: g,
-    backgroundColor: he(u, 0.5),
-    pointBackgroundColor: u,
-    borderDash: f ? [
-      z("--em-linechart-line-dash", "0.25rem"),
-      z("--em-linechart-line-gap", "0.25rem")
-    ] : void 0,
-    borderColor: u,
-    fill: (R = n.inputs) == null ? void 0 : R.fillUnderLine,
-    clip: y
-  };
-}, xe = (e, i) => {
-  if (!e.data)
-    return {
-      labels: [],
-      datasets: [
-        { xAxisID: P, data: [] },
-        { xAxisID: w, data: [] }
-      ]
-    };
-  const { data: a, dataComparison: n, dimension: s, measures: r, hasMinMaxYAxisRange: m } = e, o = s.nativeType === "time" ? void 0 : n ? Array.from(
-    /* @__PURE__ */ new Set([
-      ...a.map((g) => g[s.name]),
-      ...(n == null ? void 0 : n.map((g) => g[s.name])) ?? []
-    ])
-  ) : void 0, d = r.map(
-    (g, b) => $(
-      {
-        data: a,
-        measure: g,
-        dimension: s,
-        labels: o,
-        hasMinMaxYAxisRange: m,
-        index: b
-      },
-      i
-    )
-  ), t = r.map(
-    (g, b) => $(
-      {
-        data: n,
-        measure: g,
-        dimension: s,
-        labels: o,
-        hasMinMaxYAxisRange: m,
-        index: b,
-        isPreviousPeriod: !0
-      },
-      i
-    )
-  );
-  return {
-    labels: o ?? a.map((g) => g[s.name]),
-    datasets: [...d, ...t]
-  };
-}, De = (e, i) => {
-  const { dimension: a, data: n, measures: s, xAxisLabel: r } = e, m = B(i);
-  return {
-    plugins: {
-      legend: {
-        labels: {
-          filter: (o, d) => {
-            if (!o) return !1;
-            const t = d.datasets[o.datasetIndex];
-            return Array.isArray(t.data) && t.data.length > 0;
-          }
-        }
-      },
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (o, d) => {
-              const t = s[d.datasetIndex % s.length];
-              return m.data(t, o);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (o) => o[0] ? m.data(
-            { ...a, inputs: { ...a.inputs, maxCharacters: null } },
-            // tooltips titles do not truncate labels
-            o[0].label
-          ) : "",
-          label: (o) => {
-            const d = s[o.datasetIndex % s.length], t = o.raw;
-            return `${o.dataset.label}: ${m.data(d, t)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        display: !1
-      },
-      [P]: {
-        title: {
-          ...N(),
-          text: r,
-          display: !!r
-        },
-        grid: { display: !1 },
-        ticks: {
-          ...O(),
-          callback(o) {
-            var d;
-            return m.data(a, (d = n.labels) == null ? void 0 : d[o]);
-          }
-        }
-      },
-      [w]: {
-        display: !1
-      },
-      y: {
-        ticks: {
-          callback: (o) => m.data(s[0], o)
-        }
-      }
-    }
-  };
-}, Ce = (e, i) => {
-  var b, f;
-  const { dimension: a, data: n, measures: s, xAxisLabel: r, showComparisonAxis: m, showDataComparison: y } = e, o = B(i), d = ((b = n.datasets.find((l) => l.xAxisID === P)) == null ? void 0 : b.labels) ?? [], t = ((f = n.datasets.find((l) => l.xAxisID === w)) == null ? void 0 : f.labels) ?? [];
-  return {
-    plugins: {
-      legend: {
-        labels: {
-          filter: (l, c) => {
-            if (!l) return !1;
-            const u = c.datasets[l.datasetIndex];
-            return Array.isArray(u.data) && u.data.length > 0;
-          }
-        }
-      },
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (l, c) => {
-              const u = s[c.datasetIndex % s.length];
-              return o.data(u, l);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (l) => {
-            const c = l[0];
-            if (!y && c)
-              return o.data(
-                F(a),
-                c.label
-              );
-            const u = c == null ? void 0 : c.dataIndex;
-            if (u === void 0) return "";
-            const C = d[u] && o.data(
-              F(a),
-              d[u]
-            ), L = t[u] && o.data(
-              F(a),
-              t[u]
-            );
-            return `${C ?? "-"} vs ${L ?? "-"}`;
-          },
-          label: (l) => {
-            const c = s[l.datasetIndex % s.length], u = l.raw;
-            return `${l.dataset.label}: ${o.data(c, u)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: { display: !1 },
-      [P]: {
-        title: {
-          ...N(),
-          text: r,
-          display: !!((!m || t.length === 0) && r)
-        },
-        grid: { display: !1 },
-        ticks: {
-          ...O(),
-          callback: (l) => o.data(a, d[Number(l)])
-        }
-      },
-      [w]: {
-        title: {
-          ...N(),
-          text: r,
-          display: !!r
-        },
-        grid: { display: !1 },
-        display: m && t.length > 0,
-        ticks: {
-          ...O(),
-          callback: (l) => {
-            if (t.length === 0)
-              return "";
-            const c = t[Number(l)];
-            return c ? o.data(a, c) : "";
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (l) => o.data(s[0], l)
-        }
-      }
-    }
-  };
-}, ve = ({
-  data: e,
-  measures: i,
-  dimension: a,
-  granularity: n,
-  onClicked: s
-}) => ({ elementAtEvent: r }) => {
-  var f, l, c, u;
-  const m = r[0];
-  if (!m) return;
-  const y = m.datasetIndex >= i.length;
-  let o;
-  y && a.nativeType === "time" ? o = (f = e.datasets[m.datasetIndex].labels) == null ? void 0 : f[m.index] : o = (l = e == null ? void 0 : e.labels) == null ? void 0 : l[m.index];
-  const d = be({
-    value: o,
-    stateGranularity: n,
-    dimension: a
-  }), t = (u = (c = e.datasets[m.datasetIndex]) == null ? void 0 : c.data) == null ? void 0 : u[m.index], g = t === null ? Number.NaN : Number(t), b = Number.isFinite(g) ? g : void 0;
-  s == null || s({ dimensionValue: o, dimensionTimeRange: d, measureValue: b });
-}, Ae = (e, i) => {
-  var s, r;
-  const { dimension: a } = e, n = a.nativeType === "time" ? Ce : De;
-  return ie(
-    n(e, i),
-    ((r = (s = i.charts) == null ? void 0 : s.lineChartComparisonDefaultPro) == null ? void 0 : r.options) || {}
-  );
-}, G = (e) => {
-  const i = oe();
-  le(i);
-  const { title: a, description: n, tooltip: s, xAxisLabel: r, yAxisLabel: m } = me(e), {
-    hideMenu: y,
-    comparisonPeriod: o,
-    measures: d,
-    xAxis: t,
-    granularity: g,
-    reverseXAxis: b,
-    showLegend: f,
-    showLogarithmicScale: l,
-    showTooltips: c,
-    showValueLabels: u,
-    yAxisRangeMax: C,
-    yAxisRangeMin: L,
-    primaryDateRange: v,
-    comparisonDateRange: M,
-    showComparisonAxis: k,
-    setGranularity: R,
-    setComparisonDateRange: x,
-    onLineClicked: T
-  } = e;
-  ce(() => {
-    const ae = ue(
-      v,
-      o,
-      i
-    );
-    x == null || x(ae);
-  }, [o, JSON.stringify(v), i]);
-  const D = X({
-    results: e.results,
-    dimension: t,
-    externalDateBounds: v
-  }), h = X({
-    results: e.resultsComparison,
-    dimension: t,
-    externalDateBounds: M
-  }), j = !!(v && o), V = xe(
-    {
-      data: D.data,
-      dataComparison: j ? (h == null ? void 0 : h.data) ?? [] : void 0,
-      dimension: t,
-      measures: d,
-      hasMinMaxYAxisRange: L != null || C != null
-    },
-    i
-  ), K = Ae(
-    {
-      data: V,
-      dimension: t,
-      measures: d,
-      xAxisLabel: r,
-      showComparisonAxis: k,
-      showDataComparison: j
-    },
-    i
-  ), Q = ve({
-    data: V,
-    measures: d,
-    dimension: t,
-    granularity: g,
-    onClicked: T
-  }), Z = {
-    isLoading: !!(D.isLoading || h != null && h.isLoading),
-    data: !(D != null && D.data) && !(h != null && h.data) ? void 0 : [...D.data ?? [], ...(h == null ? void 0 : h.data) ?? []]
-  }, ee = !a && !n && !s;
-  return /* @__PURE__ */ S.jsxs(
-    de,
-    {
-      data: Z,
-      dimensionsAndMeasures: [...d, t],
-      errorMessage: D.error || (h == null ? void 0 : h.error),
-      description: n,
-      title: a,
-      hideMenu: y,
-      children: [
-        R && /* @__PURE__ */ S.jsx(
-          ye,
-          {
-            hasMarginTop: ee,
-            dimension: t,
-            onChange: R
-          }
-        ),
-        /* @__PURE__ */ S.jsx(
-          se,
-          {
-            data: V,
-            reverseXAxis: b,
-            showLegend: f,
-            showLogarithmicScale: l,
-            showTooltips: c,
-            showValueLabels: u,
-            xAxisLabel: r,
-            yAxisLabel: m,
-            yAxisRangeMax: C,
-            yAxisRangeMin: L,
-            options: K,
-            onClick: Q
-          }
-        )
-      ]
-    }
-  );
-}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: G
-}, Symbol.toStringTag, { value: "Module" })), Le = {
-  name: "LineChartComparisonDefaultPro",
-  label: "Line Chart Comparison - Default",
-  description: "Line chart overlaying the current period and a comparison period. Pairs with a comparisonPeriod variable and a timeRange variable.",
-  category: "Line Charts",
-  inputs: [
-    p.dataset,
-    {
-      ...p.measures,
-      inputs: [
-        ...p.measures.inputs,
-        { ...A.boolean, name: "fillUnderLine", label: "Fill under line" },
-        {
-          ...A.color,
-          category: "Component Settings",
-          name: "lineColor",
-          label: "Line color"
-        },
-        {
-          ...A.color,
-          category: "Component Settings",
-          name: "previousLineColor",
-          label: "Previous line color"
-        },
-        {
-          ...A.boolean,
-          name: "lineDashed",
-          label: "Primary line dashed",
-          defaultValue: !1
-        },
-        {
-          ...A.boolean,
-          name: "previousLineDashed",
-          label: "Compared line dashed",
-          defaultValue: !0
-        },
-        {
-          ...A.boolean,
-          name: "connectGaps",
-          label: "Connect gaps",
-          defaultValue: !0
-        }
-      ]
-    },
-    { ...p.dimensionWithGranularitySelectField, label: "X-axis", name: "xAxis" },
-    {
-      ...p.timeRange,
-      name: "primaryDateRange",
-      label: "Primary date-range",
-      description: "The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset",
-      category: "Component Data"
-    },
-    {
-      ...p.comparisonPeriod,
-      description: "You can also connect this to a comparison period selector using its variable",
-      category: "Component Data"
-    },
-    {
-      ...p.dimensionTime,
-      name: "timePropertyForNonTimeDimensions",
-      label: "Time property for non time dimensions",
-      description: "Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.",
-      required: !1
-    },
-    p.title,
-    p.description,
-    p.tooltip,
-    p.showLegend,
-    p.showTooltips,
-    p.showValueLabels,
-    p.showLogarithmicScale,
-    p.xAxisLabel,
-    p.yAxisLabel,
-    p.reverseXAxis,
-    p.yAxisRangeMin,
-    p.yAxisRangeMax,
-    {
-      ...p.boolean,
-      name: "showComparisonAxis",
-      label: "Display a comparison X-axis",
-      defaultValue: !0,
-      category: "Component Settings"
-    },
-    p.maxResults
-  ],
-  events: [
-    {
-      name: "onLineClicked",
-      label: "A line is clicked",
-      properties: [
-        {
-          name: "axisDimensionValue",
-          label: "Clicked axis dimension value",
-          type: "string"
-        },
-        {
-          name: "axisDimensionTimeRange",
-          label: "Clicked axis dimension time range",
-          type: "timeRange"
-        },
-        {
-          name: "measureValue",
-          label: "Clicked measure value",
-          type: "number"
-        }
-      ]
-    }
-  ]
-}, E = {
-  xAxis: I.dimension,
-  measures: [
-    {
-      ...I.measure,
-      inputs: {
-        previousLineDashed: !0
-      }
-    }
-  ],
-  results: I.results1Measure2Dimensions,
-  resultsComparison: I.results1Measure2DimensionsVariant,
-  comparisonPeriod: "Previous period",
-  comparisonDateRange: { relativeTimeString: "Previous period", from: void 0, to: void 0 },
-  primaryDateRange: { relativeTimeString: "This week", from: void 0, to: void 0 },
-  hideMenu: !0
-}, Re = re(G, E), H = (e, i, a) => {
-  const n = i ?? e.xAxis, s = [{ property: n, direction: "asc" }], r = n.nativeType === "time" ? n : e.timePropertyForNonTimeDimensions;
-  return {
-    limit: e.maxResults,
-    from: e.dataset,
-    select: [...e.measures, n],
-    orderBy: s,
-    filters: e.primaryDateRange && r ? [{ property: r, operator: "inDateRange", value: e.primaryDateRange }] : void 0,
-    timezone: Y(a == null ? void 0 : a.timezone)
-  };
-}, U = (e, i, a) => W(H(e, i, a)), q = (e, i, a, n) => {
-  const s = [{ property: i, direction: "asc" }], r = i.nativeType === "time" ? i : e.timePropertyForNonTimeDimensions;
-  return {
-    limit: e.maxResults,
-    from: e.dataset,
-    select: [...e.measures, i],
-    orderBy: s,
-    filters: [{ property: r, operator: "inDateRange", value: a }],
-    timezone: Y(n == null ? void 0 : n.timezone)
-  };
-}, J = (e, i, a, n) => {
-  const s = i.nativeType === "time" ? i : e.timePropertyForNonTimeDimensions;
-  if (e.primaryDateRange && s && (a != null && a.comparisonDateRange))
-    return W(
-      q(e, i, a.comparisonDateRange, n)
-    );
-}, Te = {
-  onLineClicked: (e) => ({
-    axisDimensionValue: e.dimensionValue ?? _.noFilter(),
-    axisDimensionTimeRange: e.dimensionTimeRange ?? _.noFilter(),
-    measureValue: e.measureValue
-  })
-}, Pe = (e, [i, a], n) => {
-  const s = fe(e.xAxis, i == null ? void 0 : i.granularity);
-  return {
-    ...e,
-    xAxis: s,
-    granularity: i == null ? void 0 : i.granularity,
-    setGranularity: (r) => a({ ...i, granularity: r }),
-    comparisonDateRange: i == null ? void 0 : i.comparisonDateRange,
-    setComparisonDateRange: (r) => a({ ...i, comparisonDateRange: r }),
-    results: U(e, s, n),
-    resultsComparison: J(
-      e,
-      s,
-      i,
-      n
-    )
-  };
-}, Ye = {
-  Component: G,
-  meta: Le,
-  preview: Re,
-  previewConfig: E,
-  config: {
-    props: Pe,
-    events: Te
-  },
-  results: {
-    loadDataArgs: H,
-    loadData: U
-  },
-  resultsComparison: {
-    loadDataArgs: q,
-    loadData: J
-  }
-};
-export {
-  Ae as a,
-  ve as c,
-  xe as g,
-  We as i,
-  Ye as l
-};
-//# sourceMappingURL=definition-CRNAhkO1.js.map