@embeddable.com/remarkable-pro 0.1.5 → 0.1.7
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 +5 -5
- package/dist/BarChartDefaultPro.js +5 -5
- package/dist/BarChartGroupedHorizontalPro.js +5 -5
- package/dist/BarChartGroupedPro.js +5 -5
- package/dist/BarChartStackedHorizontalPro.js +5 -5
- package/dist/BarChartStackedPro.js +5 -5
- package/dist/{ChartCard-Dvg1HllR.js → ChartCard-lY9ll4LQ.js} +15 -15
- package/dist/{ChartCard-Dvg1HllR.js.map → ChartCard-lY9ll4LQ.js.map} +1 -1
- package/dist/{Color.type.emb-BhGNRKag.js → Color.type.emb-DyMeb06O.js} +221 -229
- package/dist/{Color.type.emb-BhGNRKag.js.map → Color.type.emb-DyMeb06O.js.map} +1 -1
- package/dist/ColorEditor.js +1 -1
- package/dist/ComparisonPeriodSelectFieldPro.js +3 -3
- package/dist/DateRangePickerCustomPro.js +4 -4
- package/dist/DateRangePickerCustomPro.js.map +1 -1
- package/dist/DateRangeSelectFieldPro.js +3 -3
- package/dist/{DimensionAndMeasureSingleSelectField-BuhhYSHg.js → DimensionAndMeasureSingleSelectField-CauMjY7c.js} +3 -3
- package/dist/{DimensionAndMeasureSingleSelectField-BuhhYSHg.js.map → DimensionAndMeasureSingleSelectField-CauMjY7c.js.map} +1 -1
- package/dist/DimensionSingleSelectFieldPro.js +5 -5
- package/dist/DonutChartPro.js +4 -4
- package/dist/DonutLabelChartPro.js +4 -4
- package/dist/{EditorCard-CXQcrwp0.js → EditorCard-BT_swxOl.js} +5 -5
- package/dist/{EditorCard-CXQcrwp0.js.map → EditorCard-BT_swxOl.js.map} +1 -1
- package/dist/EmptyBlockPro.js +16 -0
- package/dist/EmptyBlockPro.js.map +1 -0
- package/dist/{GranularitySelectField-BtUGU86I.js → GranularitySelectField-BxO_3Xt9.js} +3 -3
- package/dist/{GranularitySelectField-BtUGU86I.js.map → GranularitySelectField-BxO_3Xt9.js.map} +1 -1
- package/dist/GranularitySelectFieldPro.js +4 -4
- package/dist/HeatMapPro.js +4 -4
- package/dist/{IconCalendarFilled-BQOqrJ9m.js → IconCalendarFilled-CnWTSJdY.js} +2 -2
- package/dist/{IconCalendarFilled-BQOqrJ9m.js.map → IconCalendarFilled-CnWTSJdY.js.map} +1 -1
- package/dist/KpiChartNumberComparisonPro.js +30 -29
- package/dist/KpiChartNumberComparisonPro.js.map +1 -1
- package/dist/KpiChartNumberPro.js +9 -8
- package/dist/KpiChartNumberPro.js.map +1 -1
- package/dist/LineChartComparisonDefaultPro.js +5 -5
- package/dist/LineChartDefaultPro.js +5 -5
- package/dist/LineChartGroupedPro.js +5 -5
- package/dist/MeasureSingleSelectFieldPro.js +5 -5
- 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 +5 -5
- package/dist/{bars.utils-DrOSjQJ_.js → bars.utils-D67ef4lU.js} +5 -5
- package/dist/{bars.utils-DrOSjQJ_.js.map → bars.utils-D67ef4lU.js.map} +1 -1
- package/dist/{charts.utils-Bun9wY7e.js → charts.utils-B3C8A2Nv.js} +8 -8
- package/dist/charts.utils-B3C8A2Nv.js.map +1 -0
- package/dist/color.utils-BSg_DFOh.js.map +1 -1
- package/dist/{component.inputs.constants-BQg_YfB9.js → component.inputs.constants-DIuvtpIr.js} +408 -402
- package/dist/component.inputs.constants-DIuvtpIr.js.map +1 -0
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts +1 -0
- package/dist/components/charts/kpis/KpiChartNumberComparisonPro/index.d.ts.map +1 -1
- package/dist/components/charts/kpis/KpiChartNumberPro/index.d.ts +1 -0
- package/dist/components/charts/kpis/KpiChartNumberPro/index.d.ts.map +1 -1
- package/dist/components/charts/kpis/kpis.utils.d.ts +3 -0
- package/dist/components/charts/kpis/kpis.utils.d.ts.map +1 -0
- package/dist/components/shared/EmptyContainerPro/index.d.ts +3 -0
- package/dist/components/shared/EmptyContainerPro/index.d.ts.map +1 -0
- package/dist/dates.utils-BF32dTLi.js.map +1 -1
- package/dist/embeddable-components.json +28 -26
- package/dist/embeddable-theme-0137e.js +895 -889
- package/dist/{formatter.utils-BPc64yTT.js → formatter.utils-7mfdOwJE.js} +8 -8
- package/dist/formatter.utils-7mfdOwJE.js.map +1 -0
- package/dist/granularity.utils-DOE6WosF.js +51 -0
- package/dist/granularity.utils-DOE6WosF.js.map +1 -0
- package/dist/{index-6fUMJc-U.js → index-BurrZuJv.js} +5 -5
- package/dist/{index-6fUMJc-U.js.map → index-BurrZuJv.js.map} +1 -1
- package/dist/{index-ISX_B-9L.js → index-C-nvYCGs.js} +6 -6
- package/dist/{index-ISX_B-9L.js.map → index-C-nvYCGs.js.map} +1 -1
- package/dist/index-CF3L0Llr.js +90 -0
- package/dist/index-CF3L0Llr.js.map +1 -0
- package/dist/{index-DXHgzFbR.js → index-CFrNEzVs.js} +6 -6
- package/dist/{index-DXHgzFbR.js.map → index-CFrNEzVs.js.map} +1 -1
- package/dist/{index-wZZi4zxB.js → index-CMQ1TgyS.js} +7 -7
- package/dist/index-CMQ1TgyS.js.map +1 -0
- package/dist/{index-C1LQfrHZ.js → index-CUSduRHI.js} +5 -5
- package/dist/{index-C1LQfrHZ.js.map → index-CUSduRHI.js.map} +1 -1
- package/dist/{index-DzAZ24os.js → index-CWbF9C-q.js} +6 -6
- package/dist/{index-DzAZ24os.js.map → index-CWbF9C-q.js.map} +1 -1
- package/dist/{index-Dq4xrl2Z.js → index-CjHAwVRf.js} +5 -5
- package/dist/{index-Dq4xrl2Z.js.map → index-CjHAwVRf.js.map} +1 -1
- package/dist/{index-CnRf_DTk.js → index-Cqijl93L.js} +6 -6
- package/dist/{index-CnRf_DTk.js.map → index-Cqijl93L.js.map} +1 -1
- package/dist/{index-Bl7PR-gA.js → index-D6MGD_eg.js} +7 -7
- package/dist/index-D6MGD_eg.js.map +1 -0
- package/dist/{index-C5y7VI_6.js → index-DE1v51rj.js} +4 -4
- package/dist/index-DE1v51rj.js.map +1 -0
- package/dist/{index-CLDd9PrU.js → index-DUbT-KRk.js} +6 -6
- package/dist/{index-CLDd9PrU.js.map → index-DUbT-KRk.js.map} +1 -1
- package/dist/{index-CiPBaEFw.js → index-DY_fdpVZ.js} +5 -5
- package/dist/{index-CiPBaEFw.js.map → index-DY_fdpVZ.js.map} +1 -1
- package/dist/{index-BQ3BhKQf.js → index-Ddl-xnlO.js} +5 -5
- package/dist/{index-BQ3BhKQf.js.map → index-Ddl-xnlO.js.map} +1 -1
- package/dist/{index-DcBK1fBg.js → index-Dqg161tJ.js} +6 -6
- package/dist/{index-DcBK1fBg.js.map → index-Dqg161tJ.js.map} +1 -1
- package/dist/index-GErBkwin.js +41 -0
- package/dist/index-GErBkwin.js.map +1 -0
- package/dist/{index-CRccwR50.js → index-LXoveu2D.js} +5 -5
- package/dist/{index-CRccwR50.js.map → index-LXoveu2D.js.map} +1 -1
- package/dist/{index-DyAQLTCH.js → index-QipF64Oq.js} +10 -10
- package/dist/{index-DyAQLTCH.js.map → index-QipF64Oq.js.map} +1 -1
- package/dist/{index-jjOKqTmU.js → index-RClH7rnf.js} +6 -6
- package/dist/{index-jjOKqTmU.js.map → index-RClH7rnf.js.map} +1 -1
- package/dist/{index-BAXy20LQ.js → index-lRdvXdHc.js} +8 -8
- package/dist/index-lRdvXdHc.js.map +1 -0
- package/dist/{index-BUYQpzZN.js → index-xEBUfTFG.js} +5 -5
- package/dist/index-xEBUfTFG.js.map +1 -0
- package/dist/index.d.ts +13 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +95 -86
- package/dist/index.js.map +1 -1
- package/dist/kpis.utils-DsZ2GzuB.js +5 -0
- package/dist/kpis.utils-DsZ2GzuB.js.map +1 -0
- package/dist/{pies.utils-Bo4-TPSq.js → pies.utils-JJQ8gWX5.js} +6 -6
- package/dist/{pies.utils-Bo4-TPSq.js.map → pies.utils-JJQ8gWX5.js.map} +1 -1
- package/dist/{preview.data.constants-BHOjGaws.js → preview.data.constants-BsS2fJxn.js} +2 -2
- package/dist/{preview.data.constants-BHOjGaws.js.map → preview.data.constants-BsS2fJxn.js.map} +1 -1
- package/dist/remarkable-pro.css +1 -1
- package/dist/styles.utils-BfpH_m_W.js +73 -0
- package/dist/styles.utils-BfpH_m_W.js.map +1 -0
- package/dist/{tables.utils-CzWBiRXW.js → tables.utils-Tmh4h7ni.js} +4 -4
- package/dist/{tables.utils-CzWBiRXW.js.map → tables.utils-Tmh4h7ni.js.map} +1 -1
- package/dist/{timeRange.utils-iHaseOOx.js → timeRange.utils-BkBVvgvj.js} +5 -5
- package/dist/{timeRange.utils-iHaseOOx.js.map → timeRange.utils-BkBVvgvj.js.map} +1 -1
- package/dist/utils/cache.utils.d.ts.map +1 -0
- package/dist/utils/color.utils.d.ts.map +1 -0
- package/dist/utils/data.utils.d.ts.map +1 -0
- package/dist/utils/date.utils.d.ts.map +1 -0
- package/dist/utils/object.utils.d.ts.map +1 -0
- package/package.json +2 -2
- package/dist/ChartGranularitySelectField-Byw7gvwS.js +0 -40
- package/dist/ChartGranularitySelectField-Byw7gvwS.js.map +0 -1
- package/dist/charts.utils-Bun9wY7e.js.map +0 -1
- package/dist/component.inputs.constants-BQg_YfB9.js.map +0 -1
- package/dist/formatter.utils-BPc64yTT.js.map +0 -1
- package/dist/granularity.utils-CA504xa0.js +0 -15
- package/dist/granularity.utils-CA504xa0.js.map +0 -1
- package/dist/index-BAXy20LQ.js.map +0 -1
- package/dist/index-BUYQpzZN.js.map +0 -1
- package/dist/index-Bl7PR-gA.js.map +0 -1
- package/dist/index-BmU0CZzI.js +0 -88
- package/dist/index-BmU0CZzI.js.map +0 -1
- package/dist/index-C5y7VI_6.js.map +0 -1
- package/dist/index-Dfhrc7kA.js +0 -32
- package/dist/index-Dfhrc7kA.js.map +0 -1
- package/dist/index-wZZi4zxB.js.map +0 -1
- package/dist/styles.utils-u6uj51UE.js +0 -59
- package/dist/styles.utils-u6uj51UE.js.map +0 -1
- package/dist/utils.ts/cache.utils.d.ts.map +0 -1
- package/dist/utils.ts/color.utils.d.ts.map +0 -1
- package/dist/utils.ts/data.utils.d.ts.map +0 -1
- package/dist/utils.ts/date.utils.d.ts.map +0 -1
- package/dist/utils.ts/object.utils.d.ts.map +0 -1
- /package/dist/{utils.ts → utils}/cache.utils.d.ts +0 -0
- /package/dist/{utils.ts → utils}/color.utils.d.ts +0 -0
- /package/dist/{utils.ts → utils}/data.utils.d.ts +0 -0
- /package/dist/{utils.ts → utils}/date.utils.d.ts +0 -0
- /package/dist/{utils.ts → utils}/object.utils.d.ts +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { m as T, j as s, B as k } from "./Color.type.emb-
|
|
1
|
+
import { m as T, j as s, B as k } from "./Color.type.emb-DyMeb06O.js";
|
|
2
2
|
import { useTheme as w } from "@embeddable.com/react";
|
|
3
|
-
import { a as z, r as _ } from "./component.inputs.constants-
|
|
4
|
-
import { C as v } from "./ChartCard-
|
|
5
|
-
import { b as G, a as H } from "./bars.utils-
|
|
3
|
+
import { a as z, r as _ } from "./component.inputs.constants-DIuvtpIr.js";
|
|
4
|
+
import { C as v } from "./ChartCard-lY9ll4LQ.js";
|
|
5
|
+
import { b as G, a as H } from "./bars.utils-D67ef4lU.js";
|
|
6
6
|
import { u as O } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
7
|
-
import { C as R } from "./
|
|
7
|
+
import { C as R } from "./granularity.utils-DOE6WosF.js";
|
|
8
8
|
const D = (e) => {
|
|
9
9
|
var d, c;
|
|
10
10
|
const a = w();
|
|
@@ -91,4 +91,4 @@ export {
|
|
|
91
91
|
D as B,
|
|
92
92
|
K as i
|
|
93
93
|
};
|
|
94
|
-
//# sourceMappingURL=index-
|
|
94
|
+
//# sourceMappingURL=index-RClH7rnf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-RClH7rnf.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/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 BarChartHorizontalStackedProProps = {\n groupBy: Dimension;\n measure: Measure;\n results: DataResponse;\n reverseYAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showTotalLabels?: boolean;\n showValueLabels?: boolean;\n yAxis: Dimension;\n xAxisLabel?: string;\n yAxisLabel?: string;\n xAxisRangeMax?: number;\n xAxisRangeMin?: number;\n setGranularity: (granularity: Granularity) => void;\n onBarClicked?: (args: {\n axisDimensionValue: string | null;\n groupingDimensionValue: string | null;\n }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\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 reverseYAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showTotalLabels,\n showValueLabels,\n yAxis,\n xAxisRangeMax,\n xAxisRangeMin,\n setGranularity,\n onBarClicked,\n } = props;\n\n const results = useFillGaps({\n results: props.results,\n dimension: props.yAxis,\n });\n\n const data = getBarStackedChartProData(\n {\n data: results.data,\n dimension: yAxis,\n groupDimension: groupBy,\n measure,\n },\n theme,\n );\n\n const options = mergician(\n getBarChartProOptions(\n { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n theme,\n ),\n theme.charts?.barChartStackedHorizontalPro?.options || {},\n );\n\n const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure, yAxis, groupBy]}\n errorMessage={results.error}\n description={description}\n title={title}\n tooltip={tooltip}\n hideMenu={hideMenu}\n >\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={yAxis}\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 reverseYAxis={reverseYAxis}\n xAxisRangeMin={xAxisRangeMin}\n xAxisRangeMax={xAxisRangeMax}\n showTotalLabels={showTotalLabels}\n options={options}\n stacked\n horizontal\n />\n </ChartCard>\n );\n};\n\nexport default BarChartHorizontalStackedPro;\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","yAxis","xAxisRangeMax","xAxisRangeMin","setGranularity","onBarClicked","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AAkCA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,SAAAG,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBT,CAAK,GAEhF;AAAA,IACJ,UAAAU;AAAA,IACA,SAAAC;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,IACEvB,GAEEwB,IAAUC,EAAY;AAAA,IAC1B,SAASzB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEK0B,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWL;AAAA,MACX,gBAAgBR;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFX;AAAA,EAAA,GAGI2B,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAAClB,CAAO,GAAG,YAAY,IAAM,cAAAW,GAAc,MAAAG,GAAM,WAAWP,EAAA;AAAA,MACxElB;AAAA,IAAA;AAAA,MAEF8B,KAAAC,IAAA/B,EAAM,WAAN,gBAAA+B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC,GAGpDE,IAAkC,CAAC3B,KAAS,CAACD,KAAe,CAACD;AAEnE,SACE8B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMX;AAAA,MACN,uBAAuB,CAACZ,GAASO,GAAOR,CAAO;AAAA,MAC/C,cAAca,EAAQ;AAAA,MACtB,aAAAnB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAF;AAAA,MACA,UAAAM;AAAA,MAEA,UAAA;AAAA,QAAA0B,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcJ;AAAA,YACd,WAAWd;AAAA,YACX,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZc,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAZ;AAAA,YACA,YAAAZ;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAR;AAAA,YACA,YAAAC;AAAA,YACA,cAAAK;AAAA,YACA,eAAAQ;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAH;AAAA,YACA,SAAAW;AAAA,YACA,SAAO;AAAA,YACP,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { m as X, d as Y, e as R, n as T, o as w, j as I, L as z } from "./Color.type.emb-
|
|
1
|
+
import { m as X, d as Y, e as R, n as T, o as w, j as I, L as z } from "./Color.type.emb-DyMeb06O.js";
|
|
2
2
|
import { useTheme as E } from "@embeddable.com/react";
|
|
3
|
-
import { i as V, a as H, r as J } from "./component.inputs.constants-
|
|
4
|
-
import { C as U } from "./ChartCard-
|
|
3
|
+
import { i as V, a as H, r as J } from "./component.inputs.constants-DIuvtpIr.js";
|
|
4
|
+
import { C as U } from "./ChartCard-lY9ll4LQ.js";
|
|
5
5
|
import { useEffect as q } from "react";
|
|
6
|
-
import { g as K } from "./timeRange.utils-
|
|
7
|
-
import { g as P } from "./formatter.utils-
|
|
8
|
-
import { a as Q } from "./styles.utils-
|
|
6
|
+
import { g as K } from "./timeRange.utils-BkBVvgvj.js";
|
|
7
|
+
import { g as P } from "./formatter.utils-7mfdOwJE.js";
|
|
8
|
+
import { a as Q } from "./styles.utils-BfpH_m_W.js";
|
|
9
9
|
import { i as W, s as Z } from "./color.utils-BSg_DFOh.js";
|
|
10
10
|
import { g as aa } from "./lines.utils-COGf_F0b.js";
|
|
11
11
|
import { u as j } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
12
|
-
import { C as ea } from "./
|
|
12
|
+
import { C as ea } from "./granularity.utils-DOE6WosF.js";
|
|
13
13
|
const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
|
|
14
14
|
var M, k, O, L;
|
|
15
15
|
const { data: e, measure: t, dimension: s, index: m, isPreviousPeriod: i, hasMinMaxYAxisRange: b, labels: a } = u, r = e == null ? void 0 : e.map((A) => A[s.name]), n = !!((M = t.inputs) != null && M.connectGaps), g = a ? a.map((A) => {
|
|
@@ -343,4 +343,4 @@ export {
|
|
|
343
343
|
ta as g,
|
|
344
344
|
Ca as i
|
|
345
345
|
};
|
|
346
|
-
//# sourceMappingURL=index-
|
|
346
|
+
//# sourceMappingURL=index-lRdvXdHc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-lRdvXdHc.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport {\n getChartColors,\n getChartjsAxisOptionsScalesTicksDefault,\n getChartjsAxisOptionsScalesTitle,\n getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n props: {\n data: DataResponse['data'];\n measure: Measure;\n dimension: Dimension;\n labels?: string[];\n hasMinMaxYAxisRange: boolean;\n isPreviousPeriod?: boolean;\n index: number;\n },\n theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n const datasetLabels = data?.map((item) => item[dimension.name]);\n\n const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n const processedData = labels\n ? labels.map((label) => {\n const found = data?.find((item) => item[dimension.name] === label);\n return found?.[measure.name] ?? (zeroFill ? 0 : null);\n })\n : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n const themeFormatter = getThemeFormatter(theme);\n\n const isLineDashed = Boolean(\n measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n );\n const chartColors = getChartColors();\n const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n const lineColor = isColorValid(lineColorTemp)\n ? lineColorTemp\n : getDimensionMeasureColor({\n dimensionOrMeasure: measure,\n theme,\n color: 'background',\n value: measure.name,\n chartColors,\n index,\n });\n\n const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n const dataset = {\n xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n labels: datasetLabels,\n rawLabel,\n label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n data: processedData,\n backgroundColor: setColorAlpha(lineColor, 0.5),\n pointBackgroundColor: lineColor,\n borderDash: isLineDashed\n ? [\n getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n ]\n : undefined,\n borderColor: lineColor,\n fill: measure.inputs?.['fillUnderLine'],\n clip: hasMinMaxYAxisRange,\n } as ChartData<'line'>['datasets'][number];\n\n return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n props: {\n data: DataResponse['data'];\n dataComparison: DataResponse['data'] | undefined;\n dimension: Dimension;\n measures: Measure[];\n hasMinMaxYAxisRange: boolean;\n },\n theme: Theme,\n): ChartData<'line'> => {\n if (!props.data) {\n return {\n labels: [],\n datasets: [\n { xAxisID: AXIS_ID_MAIN, data: [] },\n { xAxisID: AXIS_ID_COMPARISON, data: [] },\n ],\n };\n }\n\n const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n const isTimeDimension = dimension.nativeType === 'time';\n const labels = isTimeDimension\n ? undefined\n : dataComparison\n ? Array.from(\n new Set([\n ...data.map((item) => item[dimension.name]),\n ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n ]),\n )\n : undefined;\n\n const originalDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n },\n theme,\n ),\n );\n\n const comparisonDatasets = measures.map((measure, index) =>\n getLineChartComparisonDataset(\n {\n data: dataComparison,\n measure,\n dimension,\n labels,\n hasMinMaxYAxisRange,\n index,\n isPreviousPeriod: true,\n },\n theme,\n ),\n );\n\n return {\n labels: labels ?? data.map((item) => item[dimension.name]),\n datasets: [...originalDatasets, ...comparisonDatasets],\n };\n};\n\ntype LineChartComparisonProOptionsProps = {\n dimension: Dimension;\n measures: Measure[];\n data: ChartData<'line'>;\n xAxisLabel?: string;\n showComparisonAxis?: boolean;\n showDataComparison?: boolean;\n onLineClicked?: LineChartProOptionsClick;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n legend: {\n labels: {\n filter: (legendItem, chartData) => {\n if (!legendItem) return false;\n const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n // Only show legend if dataset has at least one data point\n return Array.isArray(dataset.data) && dataset.data.length > 0;\n },\n },\n },\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n if (!context[0]) return '';\n\n return themeFormatter.data(dimension, context[0].label);\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: {\n display: false,\n },\n [AXIS_ID_MAIN]: {\n title: {\n ...getChartjsAxisOptionsScalesTitle(),\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n ticks: {\n ...getChartjsAxisOptionsScalesTicksDefault(),\n callback(index) {\n return themeFormatter.data(dimension, data.labels?.[index as number]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n display: false,\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { dimension, data, measures, xAxisLabel, showComparisonAxis, showDataComparison } = options;\n const themeFormatter = getThemeFormatter(theme);\n\n const mainDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n [];\n const comparisonDimensionLabels: string[] =\n (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n ?.labels ?? [];\n\n const lineChartOptions: ChartOptions<'line'> = {\n plugins: {\n legend: {\n labels: {\n filter: (legendItem, chartData) => {\n if (!legendItem) return false;\n const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n // Only show legend if dataset has at least one data point\n return Array.isArray(dataset.data) && dataset.data.length > 0;\n },\n },\n },\n datalabels: {\n labels: {\n value: {\n formatter: (value: string | number, context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n return themeFormatter.data(measure, value);\n },\n },\n },\n },\n tooltip: {\n callbacks: {\n title: (context) => {\n const contextItem = context[0];\n\n if (!showDataComparison && contextItem) {\n return themeFormatter.data(dimension, contextItem.label);\n }\n\n const dataIndex = contextItem?.dataIndex;\n\n if (dataIndex === undefined) return '';\n\n const main =\n mainDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n const comparison =\n comparisonDimensionLabels[dataIndex] &&\n themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n return `${main ?? '-'} vs ${comparison ?? '-'}`;\n },\n label: (context) => {\n const measure = measures[context.datasetIndex % measures.length]!;\n const raw = context.raw as number;\n return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n },\n },\n },\n },\n scales: {\n x: { display: false },\n [AXIS_ID_MAIN]: {\n title: {\n ...getChartjsAxisOptionsScalesTitle(),\n text: xAxisLabel,\n display: Boolean(\n (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n ),\n },\n grid: { display: false },\n ticks: {\n ...getChartjsAxisOptionsScalesTicksDefault(),\n callback: (index) => {\n return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n },\n },\n },\n [AXIS_ID_COMPARISON]: {\n title: {\n ...getChartjsAxisOptionsScalesTitle(),\n text: xAxisLabel,\n display: Boolean(xAxisLabel),\n },\n grid: { display: false },\n display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n ticks: {\n ...getChartjsAxisOptionsScalesTicksDefault(),\n callback: (index) => {\n if (comparisonDimensionLabels.length === 0) {\n return '';\n }\n\n const comparisonLabel = comparisonDimensionLabels[Number(index)];\n return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n },\n },\n },\n y: {\n ticks: {\n callback: (value) => {\n return themeFormatter.data(measures[0]!, value);\n },\n },\n },\n },\n };\n\n return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n options: LineChartComparisonProOptionsProps,\n theme: Theme,\n): ChartOptions<'line'> => {\n const { onLineClicked, dimension } = options;\n\n const getOptions =\n dimension.nativeType === 'time'\n ? getLineChartComparisonTimeOptions\n : getLineChartComparisonNonTimeOptions;\n\n return mergician(\n getLineChartProOptions({ onLineClicked }),\n getOptions(options, theme),\n theme.charts?.lineChartComparisonDefaultPro?.options || {},\n );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n getLineChartComparisonProData,\n getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\ntype LineChartComparisonDefaultProProps = {\n xAxis: Dimension;\n measures: Measure[];\n results: DataResponse;\n resultsComparison: DataResponse | undefined;\n reverseXAxis?: boolean;\n showLegend?: boolean;\n showLogarithmicScale?: boolean;\n showTooltips?: boolean;\n showValueLabels?: boolean;\n xAxisLabel?: string;\n yAxisLabel?: string;\n yAxisRangeMax?: number;\n yAxisRangeMin?: number;\n comparisonPeriod?: string;\n comparisonDateRange: TimeRange;\n showComparisonAxis?: boolean;\n primaryDateRange: TimeRange;\n setGranularity: (granularity: Granularity) => void;\n setComparisonDateRange?: (dateRange: TimeRange) => void;\n onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n const {\n hideMenu,\n comparisonPeriod,\n measures,\n xAxis,\n reverseXAxis,\n showLegend,\n showLogarithmicScale,\n showTooltips,\n showValueLabels,\n yAxisRangeMax,\n yAxisRangeMin,\n primaryDateRange,\n comparisonDateRange,\n showComparisonAxis,\n setGranularity,\n setComparisonDateRange,\n onLineClicked,\n } = props;\n\n useEffect(() => {\n const newComparisonDateRange = getComparisonPeriodDateRange(\n primaryDateRange,\n comparisonPeriod,\n theme,\n );\n setComparisonDateRange?.(newComparisonDateRange);\n }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n const results = useFillGaps({\n results: props.results,\n dimension: xAxis,\n externalDateBounds: primaryDateRange,\n });\n\n const resultsComparison = useFillGaps({\n results: props.resultsComparison,\n dimension: xAxis,\n externalDateBounds: comparisonDateRange,\n });\n\n const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n const data = getLineChartComparisonProData(\n {\n data: results.data,\n dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n dimension: xAxis,\n measures,\n hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n },\n theme,\n );\n\n const options = getLineChartComparisonProOptions(\n {\n data: data,\n dimension: xAxis,\n measures,\n xAxisLabel,\n showComparisonAxis,\n showDataComparison,\n onLineClicked,\n },\n theme,\n );\n\n const resultsCombined: DataResponse = {\n isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n data:\n !results?.data && !resultsComparison?.data\n ? undefined\n : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n };\n\n const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n return (\n <ChartCard\n data={resultsCombined}\n dimensionsAndMeasures={[...measures, xAxis]}\n errorMessage={results.error || resultsComparison?.error}\n description={description}\n title={title}\n hideMenu={hideMenu}\n >\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={xAxis}\n onChange={setGranularity}\n />\n <LineChart\n data={data}\n reverseXAxis={reverseXAxis}\n showLegend={showLegend}\n showLogarithmicScale={showLogarithmicScale}\n showTooltips={showTooltips}\n showValueLabels={showValueLabels}\n xAxisLabel={xAxisLabel}\n yAxisLabel={yAxisLabel}\n yAxisRangeMax={yAxisRangeMax}\n yAxisRangeMin={yAxisRangeMin}\n options={options}\n />\n </ChartCard>\n );\n};\n\nexport default LineChartComparisonDefaultPro;\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","isLineDashed","_b","chartColors","getChartColors","lineColorTemp","_c","lineColor","isColorValid","getDimensionMeasureColor","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","getChartjsAxisOptionsScalesTitle","getChartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","tooltip","yAxisLabel","resolveI18nProps","hideMenu","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setGranularity","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { x as z, y as N, j as t, z as q, E as B, F as d, G, J, N as Q, O as A, Q as H, R as K } from "./Color.type.emb-
|
|
1
|
+
import { x as z, y as N, j as t, z as q, E as B, F as d, G, J, N as Q, O as A, Q as H, R as K } from "./Color.type.emb-DyMeb06O.js";
|
|
2
2
|
import { useTheme as U } from "@embeddable.com/react";
|
|
3
3
|
import { g as P, u as W, a as X, c as v, b as Y } from "./dates.utils-BF32dTLi.js";
|
|
4
|
-
import {
|
|
5
|
-
import { E as ee } from "./EditorCard-
|
|
4
|
+
import { c as Z, a as $, r as V, i as m } from "./component.inputs.constants-DIuvtpIr.js";
|
|
5
|
+
import { E as ee } from "./EditorCard-BT_swxOl.js";
|
|
6
6
|
import { useState as R, useEffect as ae } from "react";
|
|
7
|
-
import { I as te } from "./IconCalendarFilled-
|
|
7
|
+
import { I as te } from "./IconCalendarFilled-CnWTSJdY.js";
|
|
8
8
|
const ne = (o) => o.map((n) => ({
|
|
9
9
|
rightLabel: P(n.getRange(), n.dateFormat),
|
|
10
10
|
value: n.value,
|
|
@@ -121,4 +121,4 @@ export {
|
|
|
121
121
|
ne as g,
|
|
122
122
|
fe as i
|
|
123
123
|
};
|
|
124
|
-
//# sourceMappingURL=index-
|
|
124
|
+
//# sourceMappingURL=index-xEBUfTFG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-xEBUfTFG.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx"],"sourcesContent":["import { DateRangeSelectFieldProOption } from './DateRangePickerPresetsPro.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { resolveI18nString } from '../../../component.utils';\nimport { getTimeRangeLabel } from '../dates.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n return dateRangeSelectFieldProOptions.map((option) => {\n return {\n rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n value: option.value,\n label: resolveI18nString(option.label),\n };\n });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport {\n Button,\n DateRangePicker,\n Dropdown,\n SelectFieldContent,\n SelectFieldContentList,\n SelectListOption,\n DateRange,\n SelectFieldTrigger,\n isSameDateRange,\n shallowEqual,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled, IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\nimport styles from './DateRangePickerPresetsPro.module.css';\nimport {\n getDateRangeFromTimeRange,\n getTimeRangeFromDateRange,\n getTimeRangeFromPresets,\n getTimeRangeLabel,\n} from '../dates.utils';\n\ntype DateRangePickerPresetsProps = {\n onChange: (newDateRange: TimeRange) => void;\n placeholder?: string;\n selectedValue?: TimeRange;\n\n clearable?: boolean;\n showCustomRangeOptions?: boolean;\n showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n const { dayjsLocaleReady } = useLoadDayjsLocale();\n const { onChange, clearable, selectedValue, showCustomRangeOptions, showTwoMonths } = props;\n const onlyDateRangePicker = !showCustomRangeOptions;\n const [showDateRangePicker, setShowDateRangePicker] = useState(onlyDateRangePicker);\n\n const [isOpen, setIsOpen] = useState(false);\n const [dateRange, setDateRange] = useState<DateRange | undefined>(\n getDateRangeFromTimeRange(selectedValue),\n );\n\n const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n useEffect(() => {\n if (!dayjsLocaleReady) {\n return;\n }\n // Step 1: Convert relativeTimeString to actual time range (from/to)\n const newTimeRange = getTimeRangeFromPresets(selectedValue, dateRangeOptions);\n\n if (!shallowEqual(newTimeRange, selectedValue)) {\n onChange(newTimeRange);\n }\n }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions]);\n\n if (!dayjsLocaleReady) {\n return null;\n }\n\n const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n\n const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n const handleOptionChange = (newValue: string | undefined) => {\n const newTimeRange = getTimeRangeFromPresets(\n { relativeTimeString: newValue } as TimeRange,\n dateRangeOptions,\n );\n\n onChange(newTimeRange);\n setDateRange(undefined);\n };\n\n const handleDateRangeChange = (newDateRange: DateRange | undefined) => {\n onChange(getTimeRangeFromDateRange(newDateRange));\n setIsOpen(false);\n };\n\n const handleClear = () => {\n setDateRange(undefined);\n onChange(undefined);\n };\n\n const getValueLabel = () => {\n if (selectedValue?.relativeTimeString) {\n const option = options.find((option) => option.value === selectedValue.relativeTimeString);\n if (option) {\n return option.label;\n }\n }\n\n if (selectedValue?.from && selectedValue?.to) {\n return getTimeRangeLabel(selectedValue, 'MMM DD');\n }\n\n return '';\n };\n\n const valueLabel = getValueLabel();\n\n const locale = theme.i18n.language ?? theme.formatter.locale;\n const isSubmitDisabled = isSameDateRange(dateRange, selectedValue);\n const numberOfMonths = showTwoMonths ? 2 : 1;\n\n return (\n <EditorCard title={title} description={description} tooltip={tooltip}>\n <Dropdown\n open={isOpen}\n onOpenChange={setIsOpen}\n avoidCollisions={false}\n triggerComponent={\n <SelectFieldTrigger\n startIcon={IconCalendarFilled}\n aria-label={placeholder}\n placeholder={placeholder}\n valueLabel={valueLabel}\n onClear={handleClear}\n isClearable={clearable}\n />\n }\n >\n <SelectFieldContent fitContent className={styles.dateRangePickerContent}>\n {showDateRangePicker ? (\n <div className={styles.dateRangePickerContainer}>\n {!onlyDateRangePicker && (\n <SelectListOption\n label={i18n.t('editors.dateRangePicker.backToPresets')}\n onClick={(e) => {\n e.preventDefault();\n setShowDateRangePicker(false);\n }}\n startIcon={<IconChevronLeft />}\n />\n )}\n <DateRangePicker\n locale={locale}\n numberOfMonths={numberOfMonths}\n value={dateRange}\n onChange={setDateRange}\n />\n <Button\n size=\"small\"\n disabled={isSubmitDisabled}\n onClick={() => handleDateRangeChange(dateRange)}\n >\n {i18n.t('editors.dateRangePicker.apply')}\n </Button>\n </div>\n ) : (\n <SelectFieldContentList>\n <SelectListOption\n label={i18n.t('editors.dateRangePicker.custom')}\n onClick={(e) => {\n e.preventDefault();\n setShowDateRangePicker(true);\n }}\n endIcon={<IconChevronRight />}\n />\n {options.map((option) => (\n <SelectListOption\n key={option.value}\n {...option}\n isSelected={selectedValue?.relativeTimeString === option.value}\n onClick={() => handleOptionChange(option.value)}\n />\n ))}\n </SelectFieldContentList>\n )}\n </SelectFieldContent>\n </Dropdown>\n </EditorCard>\n );\n};\n\nexport default DateRangePickerPresets;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","resolveI18nString","DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showCustomRangeOptions","showTwoMonths","onlyDateRangePicker","showDateRangePicker","setShowDateRangePicker","useState","isOpen","setIsOpen","dateRange","setDateRange","getDateRangeFromTimeRange","dateRangeOptions","useEffect","newTimeRange","getTimeRangeFromPresets","shallowEqual","description","placeholder","title","tooltip","resolveI18nProps","options","handleOptionChange","newValue","handleDateRangeChange","newDateRange","getTimeRangeFromDateRange","handleClear","valueLabel","locale","isSubmitDisabled","isSameDateRange","numberOfMonths","jsx","EditorCard","Dropdown","SelectFieldTrigger","IconCalendarFilled","SelectFieldContent","styles","jsxs","SelectListOption","i18n","e","IconChevronLeft","DateRangePicker","Button","SelectFieldContentList","IconChevronRight"],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export * from './utils/object.utils';
|
|
2
|
+
export * from './utils/color.utils';
|
|
3
3
|
export { type DeepPartial } from './types/deep-partial';
|
|
4
|
-
export
|
|
4
|
+
export * from './theme/styles/styles.utils';
|
|
5
|
+
export * from './theme/i18n/i18n';
|
|
5
6
|
export * from './theme/theme.types';
|
|
6
7
|
export * from './theme/theme.constants';
|
|
7
8
|
export type { NumberFormatter, DateTimeFormatter, StringFormatter, ThemeFormatter, } from './theme/formatter/formatter.types';
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
9
|
+
export * from './theme/formatter/formatter.utils';
|
|
10
|
+
export * from './components/component.inputs.constants';
|
|
11
|
+
export * from './components/component.subinputs.constants';
|
|
12
|
+
export * from './components/component.utils';
|
|
12
13
|
export * as BarChartDefaultPro from './components/charts/bars/BarChartDefaultPro';
|
|
13
14
|
export * as BarChartStackedPro from './components/charts/bars/BarChartStackedPro';
|
|
14
15
|
export * as BarChartGroupedPro from './components/charts/bars/BarChartGroupedPro';
|
|
@@ -33,7 +34,7 @@ export * as HeatMapPro from './components/charts/tables/HeatMapPro';
|
|
|
33
34
|
export * as PivotTablePro from './components/charts/tables/PivotTablePro';
|
|
34
35
|
export * as TableChartPaginatedPro from './components/charts/tables/TableChartPaginated';
|
|
35
36
|
export * from './components/charts/tables/tables.utils';
|
|
36
|
-
export
|
|
37
|
+
export * from './components/charts/shared/ChartCard/ChartCard';
|
|
37
38
|
export * from './components/component.inputs.constants';
|
|
38
39
|
export * from './components/component.subinputs.constants';
|
|
39
40
|
export * as ComparisonPeriodSelectFieldPro from './components/editors/ComparisonPeriodSelectFieldPro';
|
|
@@ -42,6 +43,9 @@ export * as DateRangeSelectFieldPro from './components/editors/dates/DateRangePi
|
|
|
42
43
|
export * from './components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils';
|
|
43
44
|
export * as MultiSelectFieldPro from './components/editors/MultiSelectFieldPro';
|
|
44
45
|
export * as SingleSelectFieldPro from './components/editors/SingleSelectFieldPro';
|
|
45
|
-
export
|
|
46
|
+
export * from './components/charts/shared/ChartGranularitySelectField/ChartGranularitySelectField';
|
|
47
|
+
export * from './components/charts/utils/granularity.utils';
|
|
48
|
+
export * from './components/editors/shared/EditorCard/EditorCard';
|
|
46
49
|
export { default as ComparisonPeriodType } from './components/types/ComparisonPeriod.type.emb';
|
|
50
|
+
export * from './components/charts/charts.fillGaps.hooks';
|
|
47
51
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAGlD,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAG3D,cAAc,8BAA8B,CAAC;AAG7C,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,cAAc,qCAAqC,CAAC;AAEpD,OAAO,KAAK,iBAAiB,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,2BAA2B,MAAM,sDAAsD,CAAC;AAEpG,OAAO,KAAK,mBAAmB,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,mBAAmB,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,6BAA6B,MAAM,yDAAyD,CAAC;AACzG,cAAc,6FAA6F,CAAC;AAC5G,cAAc,yEAAyE,CAAC;AACxF,cAAc,yEAAyE,CAAC;AAExF,OAAO,KAAK,aAAa,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AAEpD,OAAO,KAAK,UAAU,MAAM,uCAAuC,CAAC;AACpE,OAAO,KAAK,aAAa,MAAM,0CAA0C,CAAC;AAC1E,OAAO,KAAK,sBAAsB,MAAM,gDAAgD,CAAC;AACzF,cAAc,yCAAyC,CAAC;AAGxD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAG3D,OAAO,KAAK,8BAA8B,MAAM,qDAAqD,CAAC;AACtG,cAAc,0FAA0F,CAAC;AACzG,OAAO,KAAK,uBAAuB,MAAM,sDAAsD,CAAC;AAChG,cAAc,sFAAsF,CAAC;AACrG,OAAO,KAAK,mBAAmB,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,oBAAoB,MAAM,2CAA2C,CAAC;AAGlF,cAAc,oFAAoF,CAAC;AACnG,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAGlE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAG/F,cAAc,2CAA2C,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,89 +1,98 @@
|
|
|
1
|
-
import { g as o } from "./styles.utils-
|
|
2
|
-
import { i as
|
|
3
|
-
import { C 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
|
|
10
|
-
import { i as
|
|
11
|
-
import { i as
|
|
12
|
-
import { g as
|
|
13
|
-
import { i as
|
|
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
|
|
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 {
|
|
1
|
+
import { g as e, a as o, b as t, i as s } from "./styles.utils-BfpH_m_W.js";
|
|
2
|
+
import { i as p, s as n } from "./color.utils-BSg_DFOh.js";
|
|
3
|
+
import { C as l, d as C, i as P, a as g, b as f, r as h, c as x, s as d, t as u, e as b } from "./component.inputs.constants-DIuvtpIr.js";
|
|
4
|
+
import { r as S } from "./charts.utils-B3C8A2Nv.js";
|
|
5
|
+
import { g as F } from "./formatter.utils-7mfdOwJE.js";
|
|
6
|
+
import { i as B } from "./index-Cqijl93L.js";
|
|
7
|
+
import { i as T } from "./index-CWbF9C-q.js";
|
|
8
|
+
import { i as H } from "./index-CFrNEzVs.js";
|
|
9
|
+
import { i as y } from "./index-C-nvYCGs.js";
|
|
10
|
+
import { i as k } from "./index-RClH7rnf.js";
|
|
11
|
+
import { i as z } from "./index-Dqg161tJ.js";
|
|
12
|
+
import { g as K, a as R, b as W } from "./bars.utils-D67ef4lU.js";
|
|
13
|
+
import { i as E } from "./index-GErBkwin.js";
|
|
14
|
+
import { i as V } from "./index-CF3L0Llr.js";
|
|
15
|
+
import { i as q, g as J, a as Q } from "./index-D6MGD_eg.js";
|
|
16
|
+
import { i as X, g as Y, a as Z } from "./index-CMQ1TgyS.js";
|
|
17
|
+
import { i as $, g as rr, a as ar } from "./index-lRdvXdHc.js";
|
|
18
|
+
import { i as or } from "./index-Ddl-xnlO.js";
|
|
19
|
+
import { i as sr } from "./index-DY_fdpVZ.js";
|
|
20
|
+
import { i as pr } from "./index-DUbT-KRk.js";
|
|
21
|
+
import { g as mr, a as lr } from "./pies.utils-JJQ8gWX5.js";
|
|
22
|
+
import { i as Pr } from "./index-BurrZuJv.js";
|
|
23
|
+
import { i as fr } from "./index-QipF64Oq.js";
|
|
24
|
+
import { i as xr } from "./index-CjHAwVRf.js";
|
|
25
|
+
import { g as ur, a as br, b as Dr, c as Sr } from "./tables.utils-Tmh4h7ni.js";
|
|
26
|
+
import { C as Fr } from "./ChartCard-lY9ll4LQ.js";
|
|
27
|
+
import { i as Br, g as Gr, a as Tr } from "./index-DE1v51rj.js";
|
|
28
|
+
import { i as Hr, g as Ir } from "./index-xEBUfTFG.js";
|
|
29
|
+
import { i as Mr } from "./index-LXoveu2D.js";
|
|
30
|
+
import { i as vr } from "./index-CUSduRHI.js";
|
|
31
|
+
import { C as Ar, g as Kr } from "./granularity.utils-DOE6WosF.js";
|
|
32
|
+
import { E as Wr } from "./EditorCard-BT_swxOl.js";
|
|
33
|
+
import { u as Er } from "./charts.fillGaps.hooks-C7KsWcZb.js";
|
|
32
34
|
export {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
q as
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
35
|
+
y as BarChartDefaultHorizontalPro,
|
|
36
|
+
B as BarChartDefaultPro,
|
|
37
|
+
z as BarChartGroupedHorizontalPro,
|
|
38
|
+
H as BarChartGroupedPro,
|
|
39
|
+
k as BarChartStackedHorizontalPro,
|
|
40
|
+
T as BarChartStackedPro,
|
|
41
|
+
Fr as ChartCard,
|
|
42
|
+
Ar as ChartGranularitySelectField,
|
|
43
|
+
Br as ComparisonPeriodSelectFieldPro,
|
|
44
|
+
l as ComparisonPeriodType,
|
|
45
|
+
Hr as DateRangeSelectFieldPro,
|
|
46
|
+
or as DonutChartPro,
|
|
47
|
+
pr as DonutLabelChartPro,
|
|
48
|
+
Wr as EditorCard,
|
|
49
|
+
Pr as HeatMapPro,
|
|
50
|
+
V as KpiChartNumberComparisonPro,
|
|
51
|
+
E as KpiChartNumberPro,
|
|
52
|
+
$ as LineChartComparisonDefaultPro,
|
|
53
|
+
q as LineChartDefaultPro,
|
|
54
|
+
X as LineChartGroupedPro,
|
|
55
|
+
Mr as MultiSelectFieldPro,
|
|
56
|
+
sr as PieChartPro,
|
|
57
|
+
fr as PivotTablePro,
|
|
58
|
+
vr as SingleSelectFieldPro,
|
|
59
|
+
xr as TableChartPaginatedPro,
|
|
60
|
+
C as dimensionMeasureSubInputs,
|
|
61
|
+
K as getBarChartProData,
|
|
62
|
+
R as getBarChartProOptions,
|
|
63
|
+
W as getBarStackedChartProData,
|
|
64
|
+
e as getColor,
|
|
65
|
+
Gr as getComparisonPeriodSelectFieldProOptions,
|
|
66
|
+
Ir as getDateRangeSelectFieldProOptions,
|
|
67
|
+
o as getDimensionMeasureColor,
|
|
68
|
+
Kr as getDimensionWithGranularity,
|
|
69
|
+
rr as getLineChartComparisonProData,
|
|
70
|
+
ar as getLineChartComparisonProOptions,
|
|
71
|
+
Y as getLineChartGroupedProData,
|
|
72
|
+
Z as getLineChartGroupedProOptions,
|
|
73
|
+
J as getLineChartProData,
|
|
74
|
+
Q as getLineChartProOptions,
|
|
75
|
+
t as getObjectStableKey,
|
|
76
|
+
mr as getPieChartProData,
|
|
77
|
+
lr as getPieChartProOptions,
|
|
78
|
+
ur as getTableHeaderAlign,
|
|
79
|
+
br as getTableHeaderMinWidth,
|
|
80
|
+
Dr as getTableHeaders,
|
|
81
|
+
Sr as getTableRows,
|
|
82
|
+
F as getThemeFormatter,
|
|
83
|
+
P as i18n,
|
|
84
|
+
g as i18nSetup,
|
|
85
|
+
s as injectCssVariables,
|
|
86
|
+
f as inputs,
|
|
87
|
+
p as isColorValid,
|
|
88
|
+
Tr as isComparisonPeriodAvailable,
|
|
89
|
+
S as remarkableTheme,
|
|
90
|
+
h as resolveI18nProps,
|
|
91
|
+
x as resolveI18nString,
|
|
92
|
+
n as setColorAlpha,
|
|
93
|
+
d as subInputs,
|
|
94
|
+
u as timeDimensionSubInputs,
|
|
95
|
+
b as timeDimensionWithGranularitySelectFieldSubInputs,
|
|
96
|
+
Er as useFillGaps
|
|
88
97
|
};
|
|
89
98
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kpis.utils-DsZ2GzuB.js","sources":["../src/components/charts/kpis/kpis.utils.ts"],"sourcesContent":["import { DataResponse, Measure } from '@embeddable.com/core';\n\nexport const getKpiResults = (\n results: DataResponse,\n measure: Measure,\n hasDisplayNullAs: boolean,\n): DataResponse => {\n if (!hasDisplayNullAs) return results;\n const hasNoData = !results.data || results.data.length === 0;\n return hasNoData ? { ...results, data: [{ [measure.name]: null }] } : results;\n};\n"],"names":["getKpiResults","results","measure","hasDisplayNullAs"],"mappings":"AAEO,MAAMA,IAAgB,CAC3BC,GACAC,GACAC,MAEKA,MACa,CAACF,EAAQ,QAAQA,EAAQ,KAAK,WAAW,KACxC,EAAE,GAAGA,GAAS,MAAM,CAAC,EAAE,CAACC,EAAQ,IAAI,GAAG,KAAA,CAAM,MAFlCD;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as c, g } from "./charts.utils-
|
|
2
|
-
import { g as u } from "./formatter.utils-
|
|
3
|
-
import { a as l } from "./styles.utils-
|
|
4
|
-
import { d as b } from "./Color.type.emb-
|
|
5
|
-
import { i as f } from "./component.inputs.constants-
|
|
1
|
+
import { r as c, g } from "./charts.utils-B3C8A2Nv.js";
|
|
2
|
+
import { g as u } from "./formatter.utils-7mfdOwJE.js";
|
|
3
|
+
import { a as l } from "./styles.utils-BfpH_m_W.js";
|
|
4
|
+
import { d as b } from "./Color.type.emb-DyMeb06O.js";
|
|
5
|
+
import { i as f } from "./component.inputs.constants-DIuvtpIr.js";
|
|
6
6
|
const F = (a, n = c) => {
|
|
7
7
|
const s = u(n);
|
|
8
8
|
if (!a.data)
|
|
@@ -74,4 +74,4 @@ export {
|
|
|
74
74
|
M as a,
|
|
75
75
|
F as g
|
|
76
76
|
};
|
|
77
|
-
//# sourceMappingURL=pies.utils-
|
|
77
|
+
//# sourceMappingURL=pies.utils-JJQ8gWX5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pies.utils-
|
|
1
|
+
{"version":3,"file":"pies.utils-JJQ8gWX5.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-DyMeb06O.js";
|
|
2
2
|
const e = "country", t = "count", r = "average", s = "category", i = n(e, "string", { title: "Country" }), m = o(t, "number", { title: "Count" }), u = o(r, "number", { title: "Average" }), C = n(s, "string", {
|
|
3
3
|
title: "Category"
|
|
4
4
|
}), c = a(
|
|
@@ -69,4 +69,4 @@ const A = a(
|
|
|
69
69
|
export {
|
|
70
70
|
p
|
|
71
71
|
};
|
|
72
|
-
//# sourceMappingURL=preview.data.constants-
|
|
72
|
+
//# sourceMappingURL=preview.data.constants-BsS2fJxn.js.map
|
package/dist/{preview.data.constants-BHOjGaws.js.map → preview.data.constants-BsS2fJxn.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview.data.constants-
|
|
1
|
+
{"version":3,"file":"preview.data.constants-BsS2fJxn.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 measureVariantName = 'average';\nconst dimensionGroupName = 'category';\n\nconst dimension = mockDimension(dimensionName, 'string', { title: 'Country' });\nconst measure = mockMeasure(measureName, 'number', { title: 'Count' });\nconst measureVariant = mockMeasure(measureVariantName, 'number', { title: 'Average' });\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 measureVariant,\n results1Measure,\n results1MeasureVariant,\n results1Measure1Dimension,\n results1Measure1DimensionVariant,\n results1Measure2Dimensions,\n results1Measure2DimensionsVariant,\n} as const;\n"],"names":["dimensionName","measureName","measureVariantName","dimensionGroupName","dimension","mockDimension","measure","mockMeasure","measureVariant","dimensionGroup","results1Measure1Dimension","mockDataResponse","results1Measure2Dimensions","results1Measure2DimensionsVariant","results1Measure","results1MeasureVariant","dataset","previewData"],"mappings":";AAEA,MAAMA,IAAgB,WAChBC,IAAc,SACdC,IAAqB,WACrBC,IAAqB,YAErBC,IAAYC,EAAcL,GAAe,UAAU,EAAE,OAAO,WAAW,GACvEM,IAAUC,EAAYN,GAAa,UAAU,EAAE,OAAO,SAAS,GAC/DO,IAAiBD,EAAYL,GAAoB,UAAU,EAAE,OAAO,WAAW,GAC/EO,IAAiBJ,EAAcF,GAAoB,UAAU;AAAA,EACjE,OAAO;AACT,CAAC,GAEKO,IAA4BC;AAAA,EAChC,CAACX,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;AAEyCU;AAAA,EACvC,CAACX,GAAeG,GAAoBF,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,MAAMW,IAA6BD;AAAA,EACjC,CAACX,GAAeG,GAAoBF,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,GAEMY,IAAoCF;AAAA,EACxC,CAACX,GAAeG,GAAoBF,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,GAEMa,IAAkBH,EAAiB,CAACV,CAAW,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GACzDc,IAAyBJ,EAAiB,CAACV,CAAW,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAEhEe,IAAU;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB,CAAA;AAClB,GAEaC,IAAc;AAAA,EACzB,SAAAD;AAAA,EACA,WAAAZ;AAAA,EACA,gBAAAK;AAAA,EACA,SAAAH;AAAA,EACA,gBAAAE;AAAA,EACA,iBAAAM;AAAA,EACA,wBAAAC;AAAA,EACA,2BAAAL;AAAA,EAEA,4BAAAE;AAAA,EACA,mCAAAC;AACF;"}
|