@embeddable.com/remarkable-pro 0.0.24 → 0.0.26
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.
- package/dist/BarChartDefaultHorizontalPro.js +36 -25
- package/dist/BarChartDefaultHorizontalPro.js.map +1 -1
- package/dist/BarChartDefaultPro.js +39 -23
- package/dist/BarChartDefaultPro.js.map +1 -1
- package/dist/BarChartGroupedHorizontalPro.js +36 -28
- package/dist/BarChartGroupedHorizontalPro.js.map +1 -1
- package/dist/BarChartGroupedPro.js +36 -28
- package/dist/BarChartGroupedPro.js.map +1 -1
- package/dist/BarChartStackedHorizontalPro.js +31 -23
- package/dist/BarChartStackedHorizontalPro.js.map +1 -1
- package/dist/BarChartStackedPro.js +31 -23
- package/dist/BarChartStackedPro.js.map +1 -1
- package/dist/{ChartCard-BHPN4_tz.js → ChartCard-C6rVK7Ux.js} +21 -21
- package/dist/{ChartCard-BHPN4_tz.js.map → ChartCard-C6rVK7Ux.js.map} +1 -1
- package/dist/ChartGranularitySelectField-BxhibpgC.js +40 -0
- package/dist/ChartGranularitySelectField-BxhibpgC.js.map +1 -0
- package/dist/{Color.type.emb-DWdIUAm5.js → Color.type.emb-De2K8PVb.js} +2067 -2042
- package/dist/{Color.type.emb-DWdIUAm5.js.map → Color.type.emb-De2K8PVb.js.map} +1 -1
- package/dist/ColorEditor.js +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +3 -3
- package/dist/DateRangePickerCustomPro.js +4 -4
- package/dist/DateRangeSelectFieldPro.js +3 -3
- package/dist/DonutChartPro.js +4 -4
- package/dist/DonutLabelChartPro.js +4 -4
- package/dist/{EditorCard-ZXwl5-DV.js → EditorCard-DCm6Ykb8.js} +3 -3
- package/dist/{EditorCard-ZXwl5-DV.js.map → EditorCard-DCm6Ykb8.js.map} +1 -1
- package/dist/GranularitySelectField-CYq2YuAO.js +104 -0
- package/dist/GranularitySelectField-CYq2YuAO.js.map +1 -0
- package/dist/GranularitySelectFieldPro.js +43 -137
- package/dist/GranularitySelectFieldPro.js.map +1 -1
- package/dist/HeatMapPro.js +4 -4
- package/dist/{IconCalendarFilled-Bl7kPqxG.js → IconCalendarFilled-CYiLMPm9.js} +2 -2
- package/dist/{IconCalendarFilled-Bl7kPqxG.js.map → IconCalendarFilled-CYiLMPm9.js.map} +1 -1
- package/dist/KpiChartNumberComparisonPro.js +4 -4
- package/dist/KpiChartNumberPro.js +4 -4
- package/dist/LineChartComparisonDefaultPro.js +45 -40
- package/dist/LineChartComparisonDefaultPro.js.map +1 -1
- package/dist/LineChartDefaultPro.js +37 -29
- package/dist/LineChartDefaultPro.js.map +1 -1
- package/dist/LineChartGroupedPro.js +31 -23
- package/dist/LineChartGroupedPro.js.map +1 -1
- package/dist/MultiSelectFieldPro.js +4 -4
- package/dist/PieChartPro.js +4 -4
- package/dist/PivotTablePro.js +4 -4
- package/dist/SingleSelectFieldPro.js +4 -4
- package/dist/TableChartPaginated.js +4 -4
- package/dist/TableScrollable.js +17 -17
- package/dist/bars.utils-IYtKAgtt.js +154 -0
- package/dist/bars.utils-IYtKAgtt.js.map +1 -0
- package/dist/{charts.utils-lvlkFPJk.js → charts.utils-CeGAdGVG.js} +4 -4
- package/dist/{charts.utils-lvlkFPJk.js.map → charts.utils-CeGAdGVG.js.map} +1 -1
- package/dist/{component.inputs.constants-DO_jX-yc.js → component.inputs.constants-wDyG8tFg.js} +464 -382
- package/dist/component.inputs.constants-wDyG8tFg.js.map +1 -0
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts +2 -1
- package/dist/components/charts/bars/BarChartDefaultHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts +2 -1
- package/dist/components/charts/bars/BarChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts +2 -1
- package/dist/components/charts/bars/BarChartGroupedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts +2 -1
- package/dist/components/charts/bars/BarChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts +2 -1
- package/dist/components/charts/bars/BarChartStackedHorizontalPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/BarChartStackedPro/index.d.ts +2 -1
- package/dist/components/charts/bars/BarChartStackedPro/index.d.ts.map +1 -1
- package/dist/components/charts/bars/bars.utils.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts +2 -1
- package/dist/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts +2 -1
- package/dist/components/charts/lines/LineChartDefaultPro/index.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.d.ts.map +1 -1
- package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts +2 -1
- package/dist/components/charts/lines/LineChartGroupedPro/index.d.ts.map +1 -1
- package/dist/components/charts/pies/pies.utils.d.ts.map +1 -1
- package/dist/components/charts/shared/ChartGranularitySelectField/ChartGranularitySelectField.d.ts +9 -0
- package/dist/components/charts/shared/ChartGranularitySelectField/ChartGranularitySelectField.d.ts.map +1 -0
- package/dist/components/charts/tables/tables.utils.d.ts.map +1 -1
- package/dist/components/charts/utils/granularity.utils.d.ts +13 -0
- package/dist/components/charts/utils/granularity.utils.d.ts.map +1 -0
- package/dist/components/component.inputs.constants.d.ts +12 -0
- package/dist/components/component.inputs.constants.d.ts.map +1 -1
- package/dist/components/component.subinputs.constants.d.ts +18 -0
- package/dist/components/component.subinputs.constants.d.ts.map +1 -1
- package/dist/components/editors/GranularitySelectFieldPro/index.d.ts.map +1 -1
- package/dist/components/editors/shared/GranularitySelectField/GranularitySelectField.d.ts +12 -0
- package/dist/components/editors/shared/GranularitySelectField/GranularitySelectField.d.ts.map +1 -0
- package/dist/components/editors/{GranularitySelectFieldPro/GranularitySelectFieldPro.utils.d.ts → shared/GranularitySelectField/GranularitySelectField.utils.d.ts} +3 -3
- package/dist/components/editors/shared/GranularitySelectField/GranularitySelectField.utils.d.ts.map +1 -0
- package/dist/embeddable-components.json +30 -30
- package/dist/{formatter.utils-CBCUxVH8.js → formatter.utils-DlbthOXA.js} +8 -8
- package/dist/{formatter.utils-CBCUxVH8.js.map → formatter.utils-DlbthOXA.js.map} +1 -1
- package/dist/granularity.utils-CA504xa0.js +15 -0
- package/dist/granularity.utils-CA504xa0.js.map +1 -0
- package/dist/{index-Rxsr4tZ-.js → index-AqDTPWnU.js} +5 -5
- package/dist/{index-Rxsr4tZ-.js.map → index-AqDTPWnU.js.map} +1 -1
- package/dist/index-B2N9BsUK.js +92 -0
- package/dist/index-B2N9BsUK.js.map +1 -0
- package/dist/{index-DLT2A69c.js → index-BFvsuXiz.js} +5 -5
- package/dist/{index-DLT2A69c.js.map → index-BFvsuXiz.js.map} +1 -1
- package/dist/{index-BSK_5Rq3.js → index-BaboirUQ.js} +5 -5
- package/dist/{index-BSK_5Rq3.js.map → index-BaboirUQ.js.map} +1 -1
- package/dist/index-Bd4SFepB.js +93 -0
- package/dist/index-Bd4SFepB.js.map +1 -0
- package/dist/{index-CzM9TqMe.js → index-BkcQaDp8.js} +6 -6
- package/dist/{index-CzM9TqMe.js.map → index-BkcQaDp8.js.map} +1 -1
- package/dist/index-Cf96kZIH.js +82 -0
- package/dist/index-Cf96kZIH.js.map +1 -0
- package/dist/{index-Z5VzRC4L.js → index-CgVjpFNs.js} +5 -5
- package/dist/{index-Z5VzRC4L.js.map → index-CgVjpFNs.js.map} +1 -1
- package/dist/{index-s4oA7Iyp.js → index-CiO0tI86.js} +8 -8
- package/dist/{index-s4oA7Iyp.js.map → index-CiO0tI86.js.map} +1 -1
- package/dist/index-CoOz-mWY.js +90 -0
- package/dist/index-CoOz-mWY.js.map +1 -0
- package/dist/{index-CJkiIKmB.js → index-CvKdGFx3.js} +6 -6
- package/dist/{index-CJkiIKmB.js.map → index-CvKdGFx3.js.map} +1 -1
- package/dist/index-D3HMg6eu.js +177 -0
- package/dist/index-D3HMg6eu.js.map +1 -0
- package/dist/index-DCA_6rWw.js +182 -0
- package/dist/index-DCA_6rWw.js.map +1 -0
- package/dist/{index-CpUKjpYd.js → index-DHiPuxQQ.js} +4 -4
- package/dist/{index-CpUKjpYd.js.map → index-DHiPuxQQ.js.map} +1 -1
- package/dist/{index-0eDJ_Ho5.js → index-DfrwKtFA.js} +5 -5
- package/dist/{index-0eDJ_Ho5.js.map → index-DfrwKtFA.js.map} +1 -1
- package/dist/{index-BgYPax7r.js → index-DytdIFQb.js} +5 -5
- package/dist/{index-BgYPax7r.js.map → index-DytdIFQb.js.map} +1 -1
- package/dist/index-eEE2JmCK.js +346 -0
- package/dist/index-eEE2JmCK.js.map +1 -0
- package/dist/index-fcVfPVmY.js +83 -0
- package/dist/index-fcVfPVmY.js.map +1 -0
- package/dist/{index-BRX2mrGM.js → index-gnajbHE2.js} +18 -18
- package/dist/{index-BRX2mrGM.js.map → index-gnajbHE2.js.map} +1 -1
- package/dist/{index-DHHYE6GC.js → index-icM1qOGP.js} +5 -5
- package/dist/{index-DHHYE6GC.js.map → index-icM1qOGP.js.map} +1 -1
- package/dist/index-rodtTo_t.js +91 -0
- package/dist/index-rodtTo_t.js.map +1 -0
- package/dist/index.js +71 -70
- package/dist/pies.utils-XolEkyOz.js +77 -0
- package/dist/pies.utils-XolEkyOz.js.map +1 -0
- package/dist/{preview.data.constants-CXMriS2F.js → preview.data.constants-37wUPKG8.js} +2 -2
- package/dist/{preview.data.constants-CXMriS2F.js.map → preview.data.constants-37wUPKG8.js.map} +1 -1
- package/dist/remarkable-pro.css +1 -1
- package/dist/styles.utils-u6uj51UE.js +59 -0
- package/dist/styles.utils-u6uj51UE.js.map +1 -0
- package/dist/{tables.utils-Cxh-FOdo.js → tables.utils-Bb34U0u9.js} +5 -4
- package/dist/{tables.utils-Cxh-FOdo.js.map → tables.utils-Bb34U0u9.js.map} +1 -1
- package/dist/theme/defaults/defaults.GranularityOptions.constants.d.ts +1 -0
- package/dist/theme/defaults/defaults.GranularityOptions.constants.d.ts.map +1 -1
- package/dist/theme/styles/styles.utils.d.ts +12 -0
- package/dist/theme/styles/styles.utils.d.ts.map +1 -1
- package/dist/theme/theme.types.d.ts +10 -0
- package/dist/theme/theme.types.d.ts.map +1 -1
- package/dist/{timeRange.utils-C_oRVExZ.js → timeRange.utils-DdzcsFwj.js} +5 -5
- package/dist/{timeRange.utils-C_oRVExZ.js.map → timeRange.utils-DdzcsFwj.js.map} +1 -1
- package/package.json +2 -2
- package/dist/bars.utils-Buw9Xk8l.js +0 -146
- package/dist/bars.utils-Buw9Xk8l.js.map +0 -1
- package/dist/component.inputs.constants-DO_jX-yc.js.map +0 -1
- package/dist/components/editors/GranularitySelectFieldPro/GranularitySelectFieldPro.utils.d.ts.map +0 -1
- package/dist/index-0rHy8NOt.js +0 -161
- package/dist/index-0rHy8NOt.js.map +0 -1
- package/dist/index-BXQNwmFh.js +0 -84
- package/dist/index-BXQNwmFh.js.map +0 -1
- package/dist/index-CBcVtvlk.js +0 -75
- package/dist/index-CBcVtvlk.js.map +0 -1
- package/dist/index-CiAXHm8i.js +0 -83
- package/dist/index-CiAXHm8i.js.map +0 -1
- package/dist/index-D2oLkkYS.js +0 -73
- package/dist/index-D2oLkkYS.js.map +0 -1
- package/dist/index-DEsLQa4J.js +0 -166
- package/dist/index-DEsLQa4J.js.map +0 -1
- package/dist/index-DLfIAAoB.js +0 -332
- package/dist/index-DLfIAAoB.js.map +0 -1
- package/dist/index-PyqBKn-b.js +0 -83
- package/dist/index-PyqBKn-b.js.map +0 -1
- package/dist/index-z7CRXEdV.js +0 -82
- package/dist/index-z7CRXEdV.js.map +0 -1
- package/dist/object.utils-D_Zzon-H.js +0 -37
- package/dist/object.utils-D_Zzon-H.js.map +0 -1
- package/dist/pies.utils-CBJLntml.js +0 -73
- package/dist/pies.utils-CBJLntml.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { e as f, u as z, f as E, j as x, T as O, h as A } from "./Color.type.emb-
|
|
1
|
+
import { e as f, u as z, f as E, j as x, T as O, h as A } from "./Color.type.emb-De2K8PVb.js";
|
|
2
2
|
import { useTheme as N } from "@embeddable.com/react";
|
|
3
|
-
import { a as G, r as U, i as V } from "./component.inputs.constants-
|
|
4
|
-
import { C as q } from "./ChartCard-
|
|
3
|
+
import { a as G, r as U, i as V } from "./component.inputs.constants-wDyG8tFg.js";
|
|
4
|
+
import { C as q } from "./ChartCard-C6rVK7Ux.js";
|
|
5
5
|
import { useState as B, useRef as F, useCallback as J, useEffect as d } from "react";
|
|
6
|
-
import { b as K, c as Q } from "./tables.utils-
|
|
6
|
+
import { b as K, c as Q } from "./tables.utils-Bb34U0u9.js";
|
|
7
7
|
const W = f("--em-tablechart-cell-height", "2.5rem"), X = f("--em-tablechart-cell-height", "2.5rem"), Y = f("--em-tablechart-pagination-height", "3rem");
|
|
8
8
|
let R;
|
|
9
9
|
const Z = (u) => {
|
|
@@ -110,4 +110,4 @@ export {
|
|
|
110
110
|
Z as T,
|
|
111
111
|
se as i
|
|
112
112
|
};
|
|
113
|
-
//# sourceMappingURL=index-
|
|
113
|
+
//# sourceMappingURL=index-icM1qOGP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-icM1qOGP.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx"],"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 { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\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 = string | null;\nexport type TableChartPaginatedProState = {\n page: number;\n pageSize?: number;\n sort?: { id: string; direction: OrderDirection } | undefined;\n isLoadingDownloadData: boolean;\n hasTotalResults: boolean;\n};\n\ntype 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 { description, title } = 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 rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n onRowClicked(rowDimensionValue);\n };\n\n // Sync page size changes to embeddable state\n useEffect(() => {\n if (pageSize) {\n handleUpdateEmbeddableState({ pageSize });\n }\n }, [pageSize, handleUpdateEmbeddableState]);\n\n // Sync total from results\n useEffect(() => {\n setState?.((prevState) => ({\n ...prevState,\n hasTotalResults: false,\n }));\n }, [dimensionsAndMeasures, pageSize]);\n\n useEffect(() => {\n if (totalResults?.total) {\n setState?.((prevState) => ({\n ...prevState,\n hasTotalResults: true,\n }));\n }\n }, [totalResults]);\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 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"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","description","title","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","rowDimensionValue","_a","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage"],"mappings":"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"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { m as L, j as o, B as P } from "./Color.type.emb-De2K8PVb.js";
|
|
2
|
+
import { useTheme as k } from "@embeddable.com/react";
|
|
3
|
+
import { a as w, r as T } from "./component.inputs.constants-wDyG8tFg.js";
|
|
4
|
+
import { C as _ } from "./ChartCard-C6rVK7Ux.js";
|
|
5
|
+
import { g as v, b as G } from "./bars.utils-IYtKAgtt.js";
|
|
6
|
+
import { u as O } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
7
|
+
import { C as R } from "./ChartGranularitySelectField-BxhibpgC.js";
|
|
8
|
+
const z = (e) => {
|
|
9
|
+
var d, c;
|
|
10
|
+
const s = k();
|
|
11
|
+
w(s);
|
|
12
|
+
const { description: i, title: n, xAxisLabel: u, yAxisLabel: h } = T(e), {
|
|
13
|
+
groupBy: l,
|
|
14
|
+
measure: r,
|
|
15
|
+
reverseXAxis: x,
|
|
16
|
+
showLegend: g,
|
|
17
|
+
showLogarithmicScale: p,
|
|
18
|
+
showTooltips: C,
|
|
19
|
+
showTotalLabels: f,
|
|
20
|
+
showValueLabels: b,
|
|
21
|
+
xAxis: a,
|
|
22
|
+
yAxisRangeMax: y,
|
|
23
|
+
yAxisRangeMin: A,
|
|
24
|
+
setGranularity: B,
|
|
25
|
+
onBarClicked: S
|
|
26
|
+
} = e, { hideMenu: j } = e, t = O({
|
|
27
|
+
results: e.results,
|
|
28
|
+
dimension: e.xAxis
|
|
29
|
+
}), m = v(
|
|
30
|
+
{
|
|
31
|
+
data: t.data,
|
|
32
|
+
dimension: a,
|
|
33
|
+
groupDimension: l,
|
|
34
|
+
measure: r
|
|
35
|
+
},
|
|
36
|
+
s
|
|
37
|
+
), M = L(
|
|
38
|
+
G(
|
|
39
|
+
{ measures: [r], horizontal: !1, onBarClicked: S, data: m, dimension: a },
|
|
40
|
+
s
|
|
41
|
+
),
|
|
42
|
+
((c = (d = s.charts) == null ? void 0 : d.barChartStackedPro) == null ? void 0 : c.options) || {}
|
|
43
|
+
);
|
|
44
|
+
return /* @__PURE__ */ o.jsxs(
|
|
45
|
+
_,
|
|
46
|
+
{
|
|
47
|
+
data: t,
|
|
48
|
+
dimensionsAndMeasures: [r, a, l],
|
|
49
|
+
errorMessage: t.error,
|
|
50
|
+
description: i,
|
|
51
|
+
title: n,
|
|
52
|
+
hideMenu: j,
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ o.jsx(
|
|
55
|
+
R,
|
|
56
|
+
{
|
|
57
|
+
hasMarginTop: !n && !i,
|
|
58
|
+
dimension: a,
|
|
59
|
+
onChange: B
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
/* @__PURE__ */ o.jsx(
|
|
63
|
+
P,
|
|
64
|
+
{
|
|
65
|
+
data: m,
|
|
66
|
+
showLegend: g,
|
|
67
|
+
showTooltips: C,
|
|
68
|
+
showValueLabels: b,
|
|
69
|
+
showLogarithmicScale: p,
|
|
70
|
+
xAxisLabel: u,
|
|
71
|
+
yAxisLabel: h,
|
|
72
|
+
reverseXAxis: x,
|
|
73
|
+
yAxisRangeMin: A,
|
|
74
|
+
yAxisRangeMax: y,
|
|
75
|
+
showTotalLabels: f,
|
|
76
|
+
options: M,
|
|
77
|
+
stacked: !0
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
84
|
+
__proto__: null,
|
|
85
|
+
default: z
|
|
86
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
87
|
+
export {
|
|
88
|
+
z as B,
|
|
89
|
+
H as i
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=index-rodtTo_t.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-rodtTo_t.js","sources":["../src/components/charts/bars/BarChartStackedPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\ntype BarChartStackedProProps = {\n groupBy: Dimension;\n maxLegendItems?: number;\n measure: Measure;\n results: DataResponse;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTotalLabels?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n xAxis: Dimension;\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n setGranularity: (granularity: Granularity) => void;\n onBarClicked?: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartStackedPro = (props: BarChartStackedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n const { description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n const {\n groupBy,\n measure,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n xAxis,\n yAxisRangeMax,\n yAxisRangeMin,\n setGranularity,\n onBarClicked,\n } = props;\n\n const { hideMenu } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.xAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: xAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n theme,\n ),\n theme.charts?.barChartStackedPro?.options || {},\n );\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, xAxis, groupBy]}\n errorMessage={results.error}\n description={description}\n title={title}\n hideMenu={hideMenu}\n >\n <ChartGranularitySelectField\n hasMarginTop={!title && !description}\n dimension={xAxis}\n onChange={setGranularity}\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 stacked\n />\n </ChartCard>\n );\n};\n\nexport default BarChartStackedPro;\n"],"names":["BarChartStackedPro","props","theme","useTheme","i18nSetup","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","setGranularity","onBarClicked","hideMenu","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AAmCA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AACf,QAAM,EAAE,aAAAG,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBR,CAAK,GAEvE;AAAA,IACJ,SAAAS;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACErB,GAEE,EAAE,UAAAsB,MAAatB,GAEfuB,IAAUC,EAAY;AAAA,IAC1B,SAASxB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKyB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWN;AAAA,MACX,gBAAgBR;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFT;AAAA,EAAA,GAGI0B,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACnB,CAAO,GAAG,YAAY,IAAO,cAAAW,GAAc,MAAAI,GAAM,WAAWR,EAAA;AAAA,MACzEhB;AAAA,IAAA;AAAA,MAEF6B,KAAAC,IAAA9B,EAAM,WAAN,gBAAA8B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACb,GAASO,GAAOR,CAAO;AAAA,MAC/C,cAAcc,EAAQ;AAAA,MACtB,aAAAnB;AAAA,MACA,OAAAC;AAAA,MACA,UAAAiB;AAAA,MAEA,UAAA;AAAA,QAAAY,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAc,CAAC9B,KAAS,CAACD;AAAA,YACzB,WAAWa;AAAA,YACX,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZc,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAX;AAAA,YACA,YAAAb;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAP;AAAA,YACA,YAAAC;AAAA,YACA,cAAAI;AAAA,YACA,eAAAQ;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAH;AAAA,YACA,SAAAY;AAAA,YACA,SAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,88 +1,89 @@
|
|
|
1
|
-
import { g as o } from "./
|
|
2
|
-
import { i as t, s } from "./color.utils-BSg_DFOh.js";
|
|
3
|
-
import { C as p, d as m, i as n, a as P, b as
|
|
4
|
-
import { r as
|
|
5
|
-
import { g as
|
|
6
|
-
import { i as
|
|
7
|
-
import { i as
|
|
8
|
-
import { i as
|
|
9
|
-
import { i as O } from "./index-
|
|
10
|
-
import { i as
|
|
11
|
-
import { i as k } from "./index-
|
|
12
|
-
import { a as
|
|
13
|
-
import { i as K } from "./index-
|
|
14
|
-
import { i as
|
|
15
|
-
import { i as
|
|
16
|
-
import { i as
|
|
17
|
-
import { i as
|
|
18
|
-
import { i as
|
|
19
|
-
import { i as
|
|
20
|
-
import { i as
|
|
21
|
-
import { g as
|
|
22
|
-
import { i as
|
|
23
|
-
import { i as
|
|
24
|
-
import { i as Cr } from "./index-
|
|
25
|
-
import { g as
|
|
26
|
-
import { C as
|
|
27
|
-
import { i as
|
|
28
|
-
import { i as
|
|
29
|
-
import { i as
|
|
30
|
-
import { i as
|
|
31
|
-
import { E as
|
|
1
|
+
import { g as o } from "./styles.utils-u6uj51UE.js";
|
|
2
|
+
import { i as t, s as i } from "./color.utils-BSg_DFOh.js";
|
|
3
|
+
import { C as p, d as m, i as n, a as P, b as l, r as C, s as f, t as g, c as h } from "./component.inputs.constants-wDyG8tFg.js";
|
|
4
|
+
import { r as d } from "./charts.utils-CeGAdGVG.js";
|
|
5
|
+
import { g as b } from "./formatter.utils-DlbthOXA.js";
|
|
6
|
+
import { i as S } from "./index-Cf96kZIH.js";
|
|
7
|
+
import { i as L } from "./index-rodtTo_t.js";
|
|
8
|
+
import { i as T } from "./index-CoOz-mWY.js";
|
|
9
|
+
import { i as O } from "./index-fcVfPVmY.js";
|
|
10
|
+
import { i as G } from "./index-Bd4SFepB.js";
|
|
11
|
+
import { i as k } from "./index-B2N9BsUK.js";
|
|
12
|
+
import { a as v, b as y, g as z } from "./bars.utils-IYtKAgtt.js";
|
|
13
|
+
import { i as K } from "./index-DfrwKtFA.js";
|
|
14
|
+
import { i as E } from "./index-BkcQaDp8.js";
|
|
15
|
+
import { i as W, g as j, a as w } from "./index-DCA_6rWw.js";
|
|
16
|
+
import { i as q, g as J, a as Q } from "./index-D3HMg6eu.js";
|
|
17
|
+
import { i as X, g as Y, a as Z } from "./index-eEE2JmCK.js";
|
|
18
|
+
import { i as $ } from "./index-CgVjpFNs.js";
|
|
19
|
+
import { i as ar } from "./index-DytdIFQb.js";
|
|
20
|
+
import { i as er } from "./index-CvKdGFx3.js";
|
|
21
|
+
import { g as ir, a as sr } from "./pies.utils-XolEkyOz.js";
|
|
22
|
+
import { i as mr } from "./index-BaboirUQ.js";
|
|
23
|
+
import { i as Pr } from "./index-CiO0tI86.js";
|
|
24
|
+
import { i as Cr } from "./index-icM1qOGP.js";
|
|
25
|
+
import { g as gr, a as hr, b as xr, c as dr } from "./tables.utils-Bb34U0u9.js";
|
|
26
|
+
import { C as br } from "./ChartCard-C6rVK7Ux.js";
|
|
27
|
+
import { i as Sr, g as cr, a as Lr } from "./index-DHiPuxQQ.js";
|
|
28
|
+
import { i as Tr, g as Fr } from "./index-gnajbHE2.js";
|
|
29
|
+
import { i as Hr } from "./index-BFvsuXiz.js";
|
|
30
|
+
import { i as Ir } from "./index-AqDTPWnU.js";
|
|
31
|
+
import { E as Mr } from "./EditorCard-DCm6Ykb8.js";
|
|
32
32
|
export {
|
|
33
33
|
O as BarChartDefaultHorizontalPro,
|
|
34
|
-
|
|
34
|
+
S as BarChartDefaultPro,
|
|
35
35
|
k as BarChartGroupedHorizontalPro,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
36
|
+
T as BarChartGroupedPro,
|
|
37
|
+
G as BarChartStackedHorizontalPro,
|
|
38
|
+
L as BarChartStackedPro,
|
|
39
|
+
br as ChartCard,
|
|
40
|
+
Sr as ComparisonPeriodSelectFieldPro,
|
|
41
41
|
p as ComparisonPeriodType,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
42
|
+
Tr as DateRangeSelectFieldPro,
|
|
43
|
+
$ as DonutChartPro,
|
|
44
|
+
er as DonutLabelChartPro,
|
|
45
|
+
Mr as EditorCard,
|
|
46
|
+
mr as HeatMapPro,
|
|
47
|
+
E as KpiChartNumberComparisonPro,
|
|
48
48
|
K as KpiChartNumberPro,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
49
|
+
X as LineChartComparisonDefaultPro,
|
|
50
|
+
W as LineChartDefaultPro,
|
|
51
|
+
q as LineChartGroupedPro,
|
|
52
|
+
Hr as MultiSelectFieldPro,
|
|
53
|
+
ar as PieChartPro,
|
|
54
|
+
Pr as PivotTablePro,
|
|
55
|
+
Ir as SingleSelectFieldPro,
|
|
56
56
|
Cr as TableChartPaginatedPro,
|
|
57
57
|
m as dimensionMeasureSubInputs,
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
v as getBarChartProData,
|
|
59
|
+
y as getBarChartProOptions,
|
|
60
60
|
z as getBarStackedChartProData,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
61
|
+
cr as getComparisonPeriodSelectFieldProOptions,
|
|
62
|
+
Fr as getDateRangeSelectFieldProOptions,
|
|
63
|
+
Y as getLineChartComparisonProData,
|
|
64
|
+
Z as getLineChartComparisonProOptions,
|
|
65
|
+
J as getLineChartGroupedProData,
|
|
66
|
+
Q as getLineChartGroupedProOptions,
|
|
67
67
|
j as getLineChartProData,
|
|
68
68
|
w as getLineChartProOptions,
|
|
69
69
|
o as getObjectStableKey,
|
|
70
|
-
|
|
70
|
+
ir as getPieChartProData,
|
|
71
71
|
sr as getPieChartProOptions,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
72
|
+
gr as getTableHeaderAlign,
|
|
73
|
+
hr as getTableHeaderMinWidth,
|
|
74
|
+
xr as getTableHeaders,
|
|
75
|
+
dr as getTableRows,
|
|
76
|
+
b as getThemeFormatter,
|
|
77
77
|
n as i18n,
|
|
78
78
|
P as i18nSetup,
|
|
79
|
-
|
|
79
|
+
l as inputs,
|
|
80
80
|
t as isColorValid,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
81
|
+
Lr as isComparisonPeriodAvailable,
|
|
82
|
+
d as remarkableTheme,
|
|
83
|
+
C as resolveI18nProps,
|
|
84
|
+
i as setColorAlpha,
|
|
85
85
|
f as subInputs,
|
|
86
|
-
g as timeDimensionSubInputs
|
|
86
|
+
g as timeDimensionSubInputs,
|
|
87
|
+
h as timeDimensionWithGranularitySelectFieldSubInputs
|
|
87
88
|
};
|
|
88
89
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { r as c, g } from "./charts.utils-CeGAdGVG.js";
|
|
2
|
+
import { g as u } from "./formatter.utils-DlbthOXA.js";
|
|
3
|
+
import { a as l } from "./styles.utils-u6uj51UE.js";
|
|
4
|
+
import { d as b } from "./Color.type.emb-De2K8PVb.js";
|
|
5
|
+
import { i as f } from "./component.inputs.constants-wDyG8tFg.js";
|
|
6
|
+
const F = (a, n = c) => {
|
|
7
|
+
const s = u(n);
|
|
8
|
+
if (!a.data)
|
|
9
|
+
return {
|
|
10
|
+
labels: [],
|
|
11
|
+
datasets: [{ data: [] }]
|
|
12
|
+
};
|
|
13
|
+
const t = g(
|
|
14
|
+
a.data,
|
|
15
|
+
a.dimension,
|
|
16
|
+
[a.measure],
|
|
17
|
+
a.maxLegendItems
|
|
18
|
+
), r = b(), i = t.map(
|
|
19
|
+
(e, o) => l({
|
|
20
|
+
dimensionOrMeasure: a.dimension,
|
|
21
|
+
theme: n,
|
|
22
|
+
color: "background",
|
|
23
|
+
value: `${a.dimension.name}.${e[a.dimension.name]}`,
|
|
24
|
+
chartColors: r,
|
|
25
|
+
index: o
|
|
26
|
+
})
|
|
27
|
+
), m = t.map(
|
|
28
|
+
(e, o) => l({
|
|
29
|
+
dimensionOrMeasure: a.dimension,
|
|
30
|
+
theme: n,
|
|
31
|
+
color: "border",
|
|
32
|
+
value: `${a.dimension.name}.${e[a.dimension.name]}`,
|
|
33
|
+
chartColors: r,
|
|
34
|
+
index: o
|
|
35
|
+
})
|
|
36
|
+
);
|
|
37
|
+
return {
|
|
38
|
+
labels: t.map((e) => {
|
|
39
|
+
const o = e[a.dimension.name], d = s.data(a.dimension, o);
|
|
40
|
+
return o === d ? f.t(o) : d;
|
|
41
|
+
}),
|
|
42
|
+
datasets: [
|
|
43
|
+
{
|
|
44
|
+
data: t.map((e) => e[a.measure.name]),
|
|
45
|
+
backgroundColor: i,
|
|
46
|
+
borderColor: m
|
|
47
|
+
}
|
|
48
|
+
]
|
|
49
|
+
};
|
|
50
|
+
}, M = (a, n = c) => {
|
|
51
|
+
const s = u(n);
|
|
52
|
+
return {
|
|
53
|
+
plugins: {
|
|
54
|
+
legend: { position: n.charts.legendPosition ?? "bottom" },
|
|
55
|
+
datalabels: {
|
|
56
|
+
formatter: (t) => s.data(a, t)
|
|
57
|
+
},
|
|
58
|
+
tooltip: {
|
|
59
|
+
callbacks: {
|
|
60
|
+
label(t) {
|
|
61
|
+
const r = t.raw, i = t.dataset.data.reduce(
|
|
62
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
63
|
+
(e, o) => e + parseFloat(o),
|
|
64
|
+
0
|
|
65
|
+
), m = Math.round(r / i * 100);
|
|
66
|
+
return `${s.data(a, r)} (${m}%)`;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
export {
|
|
74
|
+
M as a,
|
|
75
|
+
F as g
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=pies.utils-XolEkyOz.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pies.utils-XolEkyOz.js","sources":["../src/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\n\nexport const getPieChartProData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measure: Measure;\n maxLegendItems?: number;\n },\n theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n const themeFormatter = getThemeFormatter(theme);\n\n if (!props.data)\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n\n const groupedData = groupTailAsOther(\n props.data,\n props.dimension,\n [props.measure],\n props.maxLegendItems,\n );\n\n const chartColors = getChartColors();\n const backgroundColor = groupedData.map((item, index) =>\n getDimensionMeasureColor({\n dimensionOrMeasure: props.dimension,\n theme,\n color: 'background',\n value: `${props.dimension.name}.${item[props.dimension.name]}`,\n chartColors,\n index,\n }),\n );\n\n const borderColor = groupedData.map((item, index) =>\n getDimensionMeasureColor({\n dimensionOrMeasure: props.dimension,\n theme,\n color: 'border',\n value: `${props.dimension.name}.${item[props.dimension.name]}`,\n chartColors,\n index,\n }),\n );\n\n return {\n labels: groupedData.map((item) => {\n const value = item[props.dimension.name];\n const formattedValue = themeFormatter.data(props.dimension, value);\n\n // If formatter did not work, try i18n translation\n if (value === formattedValue) {\n return i18n.t(value);\n }\n return formattedValue;\n }),\n datasets: [\n {\n data: groupedData.map((item) => item[props.measure.name]),\n backgroundColor,\n borderColor,\n },\n ],\n };\n};\n\nexport const getPieChartProOptions = (\n measure: Measure,\n theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n plugins: {\n legend: { position: theme.charts.legendPosition ?? 'bottom' },\n datalabels: {\n formatter: (value: string | number) => themeFormatter.data(measure, value),\n },\n tooltip: {\n callbacks: {\n label(context) {\n const raw = context.raw as number;\n const total = context.dataset.data.reduce(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (sum: number, v: any) => sum + parseFloat(v),\n 0,\n );\n const pct = Math.round((raw / total) * 100);\n return `${themeFormatter.data(measure, raw)} (${pct}%)`;\n },\n },\n },\n },\n };\n};\n"],"names":["getPieChartProData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","chartColors","getChartColors","backgroundColor","item","index","getDimensionMeasureColor","borderColor","value","formattedValue","i18n","getPieChartProOptions","measure","context","raw","total","sum","v","pct"],"mappings":";;;;;AAUO,MAAMA,IAAqB,CAChCC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAcC,EAAA,GACdC,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC,EAAyB;AAAA,MACvB,oBAAoBZ,EAAM;AAAA,MAC1B,OAAAC;AAAA,MACA,OAAO;AAAA,MACP,OAAO,GAAGD,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MAC5D,aAAAO;AAAA,MACA,OAAAI;AAAA,IAAA,CACD;AAAA,EAAA,GAGGE,IAAcR,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC,EAAyB;AAAA,MACvB,oBAAoBZ,EAAM;AAAA,MAC1B,OAAAC;AAAA,MACA,OAAO;AAAA,MACP,OAAO,GAAGD,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MAC5D,aAAAO;AAAA,MACA,OAAAI;AAAA,IAAA,CACD;AAAA,EAAA;AAGH,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMI,IAAQJ,EAAKV,EAAM,UAAU,IAAI,GACjCe,IAAiBZ,EAAe,KAAKH,EAAM,WAAWc,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMV,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GAEaI,IAAwB,CACnCC,GACAjB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,UAAUA,EAAM,OAAO,kBAAkB,SAAA;AAAA,MACnD,YAAY;AAAA,QACV,WAAW,CAACa,MAA2BX,EAAe,KAAKe,GAASJ,CAAK;AAAA,MAAA;AAAA,MAE3E,SAAS;AAAA,QACP,WAAW;AAAA,UACT,MAAMK,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGlB,EAAe,KAAKe,GAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UACrD;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as n, b as o, c as a } from "./Color.type.emb-
|
|
1
|
+
import { a as n, b as o, c as a } from "./Color.type.emb-De2K8PVb.js";
|
|
2
2
|
const s = "country", t = "count", e = "category", r = n(s, "string", { title: "Country" }), i = o(t, "number", { title: "Count" }), C = n(e, "string", {
|
|
3
3
|
title: "Category"
|
|
4
4
|
}), u = a(
|
|
@@ -68,4 +68,4 @@ const m = a(
|
|
|
68
68
|
export {
|
|
69
69
|
l as p
|
|
70
70
|
};
|
|
71
|
-
//# sourceMappingURL=preview.data.constants-
|
|
71
|
+
//# sourceMappingURL=preview.data.constants-37wUPKG8.js.map
|
package/dist/{preview.data.constants-CXMriS2F.js.map → preview.data.constants-37wUPKG8.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview.data.constants-
|
|
1
|
+
{"version":3,"file":"preview.data.constants-37wUPKG8.js","sources":["../src/components/preview.data.constants.ts"],"sourcesContent":["import { mockDataResponse, mockDimension, mockMeasure } from '@embeddable.com/core';\n\nconst dimensionName = 'country';\nconst measureName = 'count';\nconst dimensionGroupName = 'category';\n\nconst dimension = mockDimension(dimensionName, 'string', { title: 'Country' });\nconst measure = mockMeasure(measureName, 'number', { title: 'Count' });\nconst dimensionGroup = mockDimension(dimensionGroupName, 'string', {\n title: 'Category',\n});\n\nconst results1Measure1Dimension = mockDataResponse(\n [dimensionName, measureName],\n [\n ['US', 120],\n ['GER', 100],\n ['UK', 80],\n ['FRA', 70],\n ['SPA', 55],\n ],\n);\n\nconst results1Measure1DimensionVariant = mockDataResponse(\n [dimensionName, dimensionGroupName, measureName],\n [\n ['US', 100],\n ['GER', 90],\n ['UK', 75],\n ['FRA', 85],\n ['SPA', 60],\n ],\n);\n\nconst results1Measure2Dimensions = mockDataResponse(\n [dimensionName, dimensionGroupName, measureName],\n [\n ['US', 'Cat 1', 120],\n ['US', 'Cat 2', 130],\n\n ['GER', 'Cat 1', 100],\n ['GER', 'Cat 2', 110],\n\n ['UK', 'Cat 1', 80],\n ['UK', 'Cat 2', 95],\n\n ['FRA', 'Cat 1', 70],\n ['FRA', 'Cat 2', 60],\n\n ['SPA', 'Cat 1', 55],\n ['SPA', 'Cat 2', 35],\n ],\n);\n\nconst results1Measure2DimensionsVariant = mockDataResponse(\n [dimensionName, dimensionGroupName, measureName],\n [\n ['US', 'Cat 1', 100],\n ['US', 'Cat 2', 115],\n\n ['GER', 'Cat 1', 90],\n ['GER', 'Cat 2', 125],\n\n ['UK', 'Cat 1', 75],\n ['UK', 'Cat 2', 105],\n\n ['FRA', 'Cat 1', 85],\n ['FRA', 'Cat 2', 55],\n\n ['SPA', 'Cat 1', 60],\n ['SPA', 'Cat 2', 30],\n ],\n);\n\nconst results1Measure = mockDataResponse([measureName], [[120]]);\nconst results1MeasureVariant = mockDataResponse([measureName], [[100]]);\n\nconst dataset = {\n embeddableId: '',\n datasetId: '',\n inputName: '',\n variableValues: {},\n};\n\nexport const previewData = {\n dataset,\n dimension,\n dimensionGroup,\n measure,\n results1Measure,\n results1MeasureVariant,\n results1Measure1Dimension,\n results1Measure1DimensionVariant,\n results1Measure2Dimensions,\n results1Measure2DimensionsVariant,\n} as const;\n"],"names":["dimensionName","measureName","dimensionGroupName","dimension","mockDimension","measure","mockMeasure","dimensionGroup","results1Measure1Dimension","mockDataResponse","results1Measure2Dimensions","results1Measure2DimensionsVariant","results1Measure","results1MeasureVariant","dataset","previewData"],"mappings":";AAEA,MAAMA,IAAgB,WAChBC,IAAc,SACdC,IAAqB,YAErBC,IAAYC,EAAcJ,GAAe,UAAU,EAAE,OAAO,WAAW,GACvEK,IAAUC,EAAYL,GAAa,UAAU,EAAE,OAAO,SAAS,GAC/DM,IAAiBH,EAAcF,GAAoB,UAAU;AAAA,EACjE,OAAO;AACT,CAAC,GAEKM,IAA4BC;AAAA,EAChC,CAACT,GAAeC,CAAW;AAAA,EAC3B;AAAA,IACE,CAAC,MAAM,GAAG;AAAA,IACV,CAAC,OAAO,GAAG;AAAA,IACX,CAAC,MAAM,EAAE;AAAA,IACT,CAAC,OAAO,EAAE;AAAA,IACV,CAAC,OAAO,EAAE;AAAA,EAAA;AAEd;AAEyCQ;AAAA,EACvC,CAACT,GAAeE,GAAoBD,CAAW;AAAA,EAC/C;AAAA,IACE,CAAC,MAAM,GAAG;AAAA,IACV,CAAC,OAAO,EAAE;AAAA,IACV,CAAC,MAAM,EAAE;AAAA,IACT,CAAC,OAAO,EAAE;AAAA,IACV,CAAC,OAAO,EAAE;AAAA,EAAA;AAEd;AAEA,MAAMS,IAA6BD;AAAA,EACjC,CAACT,GAAeE,GAAoBD,CAAW;AAAA,EAC/C;AAAA,IACE,CAAC,MAAM,SAAS,GAAG;AAAA,IACnB,CAAC,MAAM,SAAS,GAAG;AAAA,IAEnB,CAAC,OAAO,SAAS,GAAG;AAAA,IACpB,CAAC,OAAO,SAAS,GAAG;AAAA,IAEpB,CAAC,MAAM,SAAS,EAAE;AAAA,IAClB,CAAC,MAAM,SAAS,EAAE;AAAA,IAElB,CAAC,OAAO,SAAS,EAAE;AAAA,IACnB,CAAC,OAAO,SAAS,EAAE;AAAA,IAEnB,CAAC,OAAO,SAAS,EAAE;AAAA,IACnB,CAAC,OAAO,SAAS,EAAE;AAAA,EAAA;AAEvB,GAEMU,IAAoCF;AAAA,EACxC,CAACT,GAAeE,GAAoBD,CAAW;AAAA,EAC/C;AAAA,IACE,CAAC,MAAM,SAAS,GAAG;AAAA,IACnB,CAAC,MAAM,SAAS,GAAG;AAAA,IAEnB,CAAC,OAAO,SAAS,EAAE;AAAA,IACnB,CAAC,OAAO,SAAS,GAAG;AAAA,IAEpB,CAAC,MAAM,SAAS,EAAE;AAAA,IAClB,CAAC,MAAM,SAAS,GAAG;AAAA,IAEnB,CAAC,OAAO,SAAS,EAAE;AAAA,IACnB,CAAC,OAAO,SAAS,EAAE;AAAA,IAEnB,CAAC,OAAO,SAAS,EAAE;AAAA,IACnB,CAAC,OAAO,SAAS,EAAE;AAAA,EAAA;AAEvB,GAEMW,IAAkBH,EAAiB,CAACR,CAAW,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GACzDY,IAAyBJ,EAAiB,CAACR,CAAW,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAEhEa,IAAU;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB,CAAA;AAClB,GAEaC,IAAc;AAAA,EACzB,SAAAD;AAAA,EACA,WAAAX;AAAA,EACA,gBAAAI;AAAA,EACA,SAAAF;AAAA,EACA,iBAAAO;AAAA,EACA,wBAAAC;AAAA,EACA,2BAAAL;AAAA,EAEA,4BAAAE;AAAA,EACA,mCAAAC;AACF;"}
|