@embeddable.com/remarkable-pro 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/BarChartDefaultHorizontalPro.js +25 -85
  2. package/dist/BarChartDefaultHorizontalPro.js.map +1 -1
  3. package/dist/BarChartDefaultPro.js +25 -84
  4. package/dist/BarChartDefaultPro.js.map +1 -1
  5. package/dist/BarChartGroupedHorizontalPro.js +33 -102
  6. package/dist/BarChartGroupedHorizontalPro.js.map +1 -1
  7. package/dist/BarChartGroupedPro.js +27 -95
  8. package/dist/BarChartGroupedPro.js.map +1 -1
  9. package/dist/BarChartStackedHorizontalPro.js +28 -98
  10. package/dist/BarChartStackedHorizontalPro.js.map +1 -1
  11. package/dist/BarChartStackedPro.js +28 -97
  12. package/dist/BarChartStackedPro.js.map +1 -1
  13. package/dist/{ChartCard-C7c2rTst.js → ChartCard-hWESZ2Ps.js} +27 -27
  14. package/dist/{ChartCard-C7c2rTst.js.map → ChartCard-hWESZ2Ps.js.map} +1 -1
  15. package/dist/{Color.type.emb-CSPAaucR.js → Color.type.emb-CWTlQmpX.js} +2 -2
  16. package/dist/{Color.type.emb-CSPAaucR.js.map → Color.type.emb-CWTlQmpX.js.map} +1 -1
  17. package/dist/ColorEditor.js +2 -2
  18. package/dist/{ComparisonPeriod.type.emb-DOpJ1iWj.js → ComparisonPeriod.type.emb-A4w1cgoZ.js} +2 -2
  19. package/dist/{ComparisonPeriod.type.emb-DOpJ1iWj.js.map → ComparisonPeriod.type.emb-A4w1cgoZ.js.map} +1 -1
  20. package/dist/ComparisonPeriodSelectFieldPro.js +17 -58
  21. package/dist/ComparisonPeriodSelectFieldPro.js.map +1 -1
  22. package/dist/DateRangeSelectFieldPro.js +3 -3
  23. package/dist/DonutChartPro.js +3 -3
  24. package/dist/DonutLabelChartPro.js +3 -3
  25. package/dist/EditorCard-BZ9OPW3m.js +32 -0
  26. package/dist/{EditorCard-BtlvgP9q.js.map → EditorCard-BZ9OPW3m.js.map} +1 -1
  27. package/dist/HeatMapPro.js +26 -93
  28. package/dist/HeatMapPro.js.map +1 -1
  29. package/dist/KpiChartNumberComparisonPro.js +25 -94
  30. package/dist/KpiChartNumberComparisonPro.js.map +1 -1
  31. package/dist/KpiChartNumberPro.js +14 -31
  32. package/dist/KpiChartNumberPro.js.map +1 -1
  33. package/dist/LineChartComparisonDefaultPro.js +59 -370
  34. package/dist/LineChartComparisonDefaultPro.js.map +1 -1
  35. package/dist/LineChartDefaultPro.js +31 -179
  36. package/dist/LineChartDefaultPro.js.map +1 -1
  37. package/dist/LineChartGroupedPro.js +30 -174
  38. package/dist/LineChartGroupedPro.js.map +1 -1
  39. package/dist/MultiSelectFieldPro.js +3 -3
  40. package/dist/PieChartPro.js +3 -3
  41. package/dist/PivotTablePro.js +23 -145
  42. package/dist/PivotTablePro.js.map +1 -1
  43. package/dist/SingleSelectFieldPro.js +3 -3
  44. package/dist/TableChartPaginated.js +37 -172
  45. package/dist/TableChartPaginated.js.map +1 -1
  46. package/dist/{bars.utils-JRnFN04m.js → bars.utils-wDaeYsgx.js} +7 -7
  47. package/dist/{bars.utils-JRnFN04m.js.map → bars.utils-wDaeYsgx.js.map} +1 -1
  48. package/dist/{charts.utils-DAkS2VK1.js → charts.utils-DvG9esg1.js} +4 -4
  49. package/dist/{charts.utils-DAkS2VK1.js.map → charts.utils-DvG9esg1.js.map} +1 -1
  50. package/dist/{component.constants-h6et83ck.js → component.constants-Dhb2rtRh.js} +2 -2
  51. package/dist/{component.constants-h6et83ck.js.map → component.constants-Dhb2rtRh.js.map} +1 -1
  52. package/dist/components/charts/tables/HeatMapPro/index.d.ts.map +1 -1
  53. package/dist/components/charts/tables/PivotTablePro/PivotPro.utils.d.ts +1 -4
  54. package/dist/components/charts/tables/PivotTablePro/PivotPro.utils.d.ts.map +1 -1
  55. package/dist/components/charts/tables/PivotTablePro/index.d.ts.map +1 -1
  56. package/dist/components/charts/tables/tables.hooks.d.ts +17 -0
  57. package/dist/components/charts/tables/tables.hooks.d.ts.map +1 -0
  58. package/dist/embeddable-components.json +12 -12
  59. package/dist/{formatter.utils-DXzI4Hz_.js → formatter.utils-Bdp9Y-Lv.js} +2 -2
  60. package/dist/{formatter.utils-DXzI4Hz_.js.map → formatter.utils-Bdp9Y-Lv.js.map} +1 -1
  61. package/dist/index-B-x3eR8s.js +83 -0
  62. package/dist/index-B-x3eR8s.js.map +1 -0
  63. package/dist/index-B2-si8wa.js +82 -0
  64. package/dist/index-B2-si8wa.js.map +1 -0
  65. package/dist/{index-DF-AuKua.js → index-B7H0xf_l.js} +15 -14
  66. package/dist/{index-DF-AuKua.js.map → index-B7H0xf_l.js.map} +1 -1
  67. package/dist/index-BPkkRwcA.js +159 -0
  68. package/dist/index-BPkkRwcA.js.map +1 -0
  69. package/dist/{index-CWYH2gE2.js → index-BbEkJ2Zk.js} +5 -5
  70. package/dist/{index-CWYH2gE2.js.map → index-BbEkJ2Zk.js.map} +1 -1
  71. package/dist/index-BxkGSCbn.js +81 -0
  72. package/dist/index-BxkGSCbn.js.map +1 -0
  73. package/dist/index-C4uAHg_1.js +82 -0
  74. package/dist/index-C4uAHg_1.js.map +1 -0
  75. package/dist/index-CA0eQwx6.js +95 -0
  76. package/dist/index-CA0eQwx6.js.map +1 -0
  77. package/dist/index-CEyir5HV.js +326 -0
  78. package/dist/index-CEyir5HV.js.map +1 -0
  79. package/dist/{index-B4S34Z5S.js → index-CGLsIs8j.js} +6 -6
  80. package/dist/{index-B4S34Z5S.js.map → index-CGLsIs8j.js.map} +1 -1
  81. package/dist/{index-BR6dp5RX.js → index-CK9V-wz1.js} +13 -13
  82. package/dist/{index-BR6dp5RX.js.map → index-CK9V-wz1.js.map} +1 -1
  83. package/dist/index-CMy4Riwi.js +152 -0
  84. package/dist/index-CMy4Riwi.js.map +1 -0
  85. package/dist/index-CZ9yuIpZ.js +82 -0
  86. package/dist/index-CZ9yuIpZ.js.map +1 -0
  87. package/dist/{index-C8O2asSv.js → index-CvhDbU54.js} +5 -5
  88. package/dist/{index-C8O2asSv.js.map → index-CvhDbU54.js.map} +1 -1
  89. package/dist/{index-QOVQo6ZK.js → index-D4L5OYNQ.js} +5 -5
  90. package/dist/{index-QOVQo6ZK.js.map → index-D4L5OYNQ.js.map} +1 -1
  91. package/dist/index-DSAnOSq9.js +73 -0
  92. package/dist/index-DSAnOSq9.js.map +1 -0
  93. package/dist/index-DYa6RC1f.js +89 -0
  94. package/dist/index-DYa6RC1f.js.map +1 -0
  95. package/dist/index-DZypsIb4.js +30 -0
  96. package/dist/index-DZypsIb4.js.map +1 -0
  97. package/dist/index-DyLLyX5j.js +56 -0
  98. package/dist/index-DyLLyX5j.js.map +1 -0
  99. package/dist/index-YMH6QSSf.js +163 -0
  100. package/dist/index-YMH6QSSf.js.map +1 -0
  101. package/dist/{index-Czj-HZH9.js → index-cy3SJfGM.js} +5 -5
  102. package/dist/{index-Czj-HZH9.js.map → index-cy3SJfGM.js.map} +1 -1
  103. package/dist/index-uFQScwgQ.js +72 -0
  104. package/dist/index-uFQScwgQ.js.map +1 -0
  105. package/dist/index.d.ts +28 -6
  106. package/dist/index.d.ts.map +1 -1
  107. package/dist/index.js +122 -75
  108. package/dist/index.js.map +1 -1
  109. package/dist/{pies.utils-Bl8jquyV.js → pies.utils-eND-eqpj.js} +5 -5
  110. package/dist/{pies.utils-Bl8jquyV.js.map → pies.utils-eND-eqpj.js.map} +1 -1
  111. package/dist/remarkable-pro.css +1 -1
  112. package/dist/tables.hooks-BQdyUxau.js +45 -0
  113. package/dist/tables.hooks-BQdyUxau.js.map +1 -0
  114. package/dist/{timeRange.utils-CslTQiVA.js → timeRange.utils-DLTzyLvc.js} +2 -2
  115. package/dist/{timeRange.utils-CslTQiVA.js.map → timeRange.utils-DLTzyLvc.js.map} +1 -1
  116. package/package.json +2 -2
  117. package/dist/EditorCard-BtlvgP9q.js +0 -32
@@ -1 +1 @@
1
- {"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n getComparisonPeriodDateRange,\n getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\n\ntype KpiChartNumberComparisonProProp = {\n changeFontSize: number;\n comparisonPeriod?: string;\n description: string;\n displayChangeAsPercentage?: boolean;\n fontSize: number;\n measure: Measure;\n primaryDateRange: TimeRange;\n results: DataResponse;\n resultsComparison: DataResponse | undefined;\n reversePositiveNegativeColors?: boolean;\n title: string;\n percentageDecimalPlaces: number;\n comparisonDateRange: TimeRange;\n setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description } = resolveI18nProps(props);\n const {\n changeFontSize,\n comparisonPeriod,\n comparisonDateRange,\n displayChangeAsPercentage,\n fontSize,\n measure,\n primaryDateRange,\n results,\n resultsComparison,\n reversePositiveNegativeColors,\n percentageDecimalPlaces,\n setComparisonDateRange,\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 value: number = results.data?.[0]?.[measure.name];\n const comparisonValue = comparisonDateRange\n ? resultsComparison?.data?.[0]?.[measure.name]\n : undefined;\n\n const themeFormatter = getThemeFormatter(theme);\n const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n const resultsCombined: DataResponse = {\n isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n data:\n !results?.data && !resultsComparison?.data\n ? undefined\n : [\n ...(results.data?.length\n ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n : []),\n ...(resultsComparison?.data?.length\n ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n : []),\n ],\n };\n\n return (\n <ChartCard\n data={resultsCombined}\n dimensionsAndMeasures={[\n // Add a label dimension to distinguish primary and comparison periods in exports\n {\n name: 'label',\n title: i18n.t('charts.label'),\n nativeType: 'string',\n __type__: 'dimension',\n },\n measure,\n ]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <KpiChart\n value={value}\n comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n valueFormatter={valueFormatter}\n valueFontSize={fontSize}\n changeFontSize={changeFontSize}\n invertChangeColors={reversePositiveNegativeColors}\n showChangeAsPercentage={displayChangeAsPercentage}\n comparisonLabel={comparisonLabel}\n percentageDecimalPlaces={percentageDecimalPlaces}\n />\n </ChartCard>\n );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimensionTime,\n genericBoolean,\n genericNumber,\n genericTimeRange,\n measure,\n title,\n} from '../../../component.constants';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n name: 'KpiChartNumberComparisonPro',\n label: 'Kpi Chart - Number Comparison',\n category: 'Kpi Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionTime, name: 'timeProperty', label: 'Time Property' },\n {\n ...genericTimeRange,\n name: 'primaryDateRange',\n label: 'Primary Date Range',\n description: 'You can also connect this to a date range selector using its variable',\n category: 'Component Data',\n },\n {\n name: 'comparisonPeriod',\n type: ComparisonPeriodType,\n label: 'Comparison Period',\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n title,\n description,\n {\n ...genericBoolean,\n name: 'displayChangeAsPercentage',\n label: 'Display Change as %',\n defaultValue: false,\n },\n {\n ...genericNumber,\n name: 'percentageDecimalPlaces',\n label: 'Percentage Decimal Places',\n defaultValue: 1,\n },\n {\n ...genericBoolean,\n name: 'reversePositiveNegativeColors',\n label: 'Reverse Positive/Negative Colors',\n defaultValue: false,\n },\n { ...genericNumber, name: 'fontSize', label: 'Font Size' },\n {\n ...genericNumber,\n name: 'changeFontSize',\n label: 'Change Font Size',\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype KpiChartNumberComparisonProState = {\n comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n /* @ts-expect-error - to be fixed in @embeddable.com/react */\n props: (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n KpiChartNumberComparisonProState,\n (state: KpiChartNumberComparisonProState) => void,\n ],\n ) => {\n return {\n ...inputs,\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n results: loadData({\n from: inputs.dataset,\n select: [inputs.measure],\n limit: 1,\n filters:\n inputs.primaryDateRange && inputs.timeProperty\n ? [\n {\n property: inputs.timeProperty,\n operator: 'inDateRange',\n value: inputs.primaryDateRange,\n },\n ]\n : undefined,\n }),\n resultsComparison:\n inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n ? loadData({\n from: inputs.dataset,\n select: [inputs.measure],\n limit: 1,\n filters: [\n {\n property: inputs.timeProperty,\n operator: 'inDateRange',\n value: state.comparisonDateRange,\n },\n ],\n })\n : undefined,\n };\n },\n});\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","resolveI18nProps","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","jsx","ChartCard","KpiChart","meta","dataset","dimensionTime","genericTimeRange","ComparisonPeriodType","genericBoolean","genericNumber","KpiChartNumberComparisonPro_emb","defineComponent","inputs","state","setState","loadData"],"mappings":";;;;;;;;AA+BA,MAAMA,IAA8B,CAACC,MAA2C;;AAC9E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,MAAgBC,EAAiBN,CAAK,GAC/C;AAAA,IACJ,gBAAAO;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACElB;AAEJ,EAAAmB,EAAU,MAAM;AACd,UAAMC,IAAyBC;AAAA,MAC7BR;AAAA,MACAL;AAAA,MACAP;AAAA,IAAA;AAEF,IAAAiB,EAAuBE,CAAsB;AAAA,EAC/C,GAAG,CAACZ,GAAkB,KAAK,UAAUK,CAAgB,GAAGZ,CAAK,CAAC;AAE9D,QAAMqB,KAAgBC,KAAAC,IAAAV,EAAQ,SAAR,gBAAAU,EAAe,OAAf,gBAAAD,EAAoBX,EAAQ,OAC5Ca,IAAkBhB,KACpBiB,KAAAC,IAAAZ,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAY,EAA0B,OAA1B,gBAAAD,EAA+Bd,EAAQ,QACvC,QAEEgB,IAAiBC,EAAkB5B,CAAK,GACxC6B,IAAiB,CAACC,MAA0BH,EAAe,KAAKhB,GAASmB,CAAa,GACtFC,IAAkB,MAAMC,EAAyBzB,GAAkBP,CAAK,EAAE,aAAa,IAEvFiC,IAAgC;AAAA,IACpC,WAAW,GAAQpB,EAAQ,aAAaC,KAAA,QAAAA,EAAmB;AAAA,IAC3D,MACE,EAACD,KAAA,QAAAA,EAAS,SAAQ,EAACC,KAAA,QAAAA,EAAmB,QAClC,SACA;AAAA,MACE,IAAIoB,IAAArB,EAAQ,SAAR,QAAAqB,EAAc,SACd,CAAC,EAAE,OAAOC,EAAK,EAAE,sBAAsB,GAAG,GAAGtB,EAAQ,KAAK,CAAC,EAAA,CAAG,IAC9D,CAAA;AAAA,MACJ,IAAIuB,IAAAtB,KAAA,gBAAAA,EAAmB,SAAnB,QAAAsB,EAAyB,SACzB,CAAC,EAAE,OAAOD,EAAK,EAAE,yBAAyB,GAAG,GAAGrB,EAAkB,KAAK,CAAC,EAAA,CAAG,IAC3E,CAAA;AAAA,IAAC;AAAA,EACP;AAGR,SACEuB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML;AAAA,MACN,uBAAuB;AAAA;AAAA,QAErB;AAAA,UACE,MAAM;AAAA,UACN,OAAOE,EAAK,EAAE,cAAc;AAAA,UAC5B,YAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,QAEZxB;AAAA,MAAA;AAAA,MAEF,cAAcE,EAAQ;AAAA,MACtB,UAAUT;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAkC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAlB;AAAA,UACA,iBAAiBY,EAAgB,YAAY,SAAYT;AAAA,UACzD,gBAAAK;AAAA,UACA,eAAenB;AAAA,UACf,gBAAAJ;AAAA,UACA,oBAAoBS;AAAA,UACpB,wBAAwBN;AAAA,UACxB,iBAAAsB;AAAA,UACA,yBAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GCnGawB,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA9B;AAAA,IACA,EAAE,GAAG+B,GAAe,MAAM,gBAAgB,OAAO,gBAAA;AAAA,IACjD;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAMC;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZzC;AAAA,IACAC;AAAA,IACA;AAAA,MACE,GAAGyC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGD;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB,EAAE,GAAGC,GAAe,MAAM,YAAY,OAAO,YAAA;AAAA,IAC7C;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAMAC,KAAeC,EAAgBlD,GAA6B0C,GAAM;AAAA;AAAA,EAEhE,OAAO,CACLS,GACA,CAACC,GAAOC,CAAQ,OAKT;AAAA,IACL,GAAGF;AAAA,IACH,qBAAqBC,KAAA,gBAAAA,EAAO;AAAA,IAC5B,wBAAwB,CAAC1C,MAAmC2C,EAAS,EAAE,qBAAA3C,GAAqB;AAAA,IAC5F,SAAS4C,EAAS;AAAA,MAChB,MAAMH,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SACEA,EAAO,oBAAoBA,EAAO,eAC9B;AAAA,QACE;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB,IAEF;AAAA,IAAA,CACP;AAAA,IACD,mBACEA,EAAO,oBAAoBA,EAAO,iBAAgBC,KAAA,QAAAA,EAAO,uBACrDE,EAAS;AAAA,MACP,MAAMH,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOC,EAAM;AAAA,QAAA;AAAA,MACf;AAAA,IACF,CACD,IACD;AAAA,EAAA;AAGZ,CAAC;"}
1
+ {"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n dataset,\n description,\n dimensionTime,\n genericBoolean,\n genericNumber,\n genericTimeRange,\n measure,\n title,\n} from '../../../component.constants';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n name: 'KpiChartNumberComparisonPro',\n label: 'Kpi Chart - Number Comparison',\n category: 'Kpi Charts',\n inputs: [\n dataset,\n measure,\n { ...dimensionTime, name: 'timeProperty', label: 'Time Property' },\n {\n ...genericTimeRange,\n name: 'primaryDateRange',\n label: 'Primary Date Range',\n description: 'You can also connect this to a date range selector using its variable',\n category: 'Component Data',\n },\n {\n name: 'comparisonPeriod',\n type: ComparisonPeriodType,\n label: 'Comparison Period',\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n title,\n description,\n {\n ...genericBoolean,\n name: 'displayChangeAsPercentage',\n label: 'Display Change as %',\n defaultValue: false,\n },\n {\n ...genericNumber,\n name: 'percentageDecimalPlaces',\n label: 'Percentage Decimal Places',\n defaultValue: 1,\n },\n {\n ...genericBoolean,\n name: 'reversePositiveNegativeColors',\n label: 'Reverse Positive/Negative Colors',\n defaultValue: false,\n },\n { ...genericNumber, name: 'fontSize', label: 'Font Size' },\n {\n ...genericNumber,\n name: 'changeFontSize',\n label: 'Change Font Size',\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype KpiChartNumberComparisonProState = {\n comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n /* @ts-expect-error - to be fixed in @embeddable.com/react */\n props: (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n KpiChartNumberComparisonProState,\n (state: KpiChartNumberComparisonProState) => void,\n ],\n ) => {\n return {\n ...inputs,\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n results: loadData({\n from: inputs.dataset,\n select: [inputs.measure],\n limit: 1,\n filters:\n inputs.primaryDateRange && inputs.timeProperty\n ? [\n {\n property: inputs.timeProperty,\n operator: 'inDateRange',\n value: inputs.primaryDateRange,\n },\n ]\n : undefined,\n }),\n resultsComparison:\n inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n ? loadData({\n from: inputs.dataset,\n select: [inputs.measure],\n limit: 1,\n filters: [\n {\n property: inputs.timeProperty,\n operator: 'inDateRange',\n value: state.comparisonDateRange,\n },\n ],\n })\n : undefined,\n };\n },\n});\n"],"names":["meta","dataset","measure","dimensionTime","genericTimeRange","ComparisonPeriodType","title","description","genericBoolean","genericNumber","KpiChartNumberComparisonPro_emb","defineComponent","KpiChartNumberComparisonPro","inputs","state","setState","comparisonDateRange","loadData"],"mappings":";;;;;AAeO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAe,MAAM,gBAAgB,OAAO,gBAAA;AAAA,IACjD;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAMC;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZC;AAAA,IACAC;AAAA,IACA;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGD;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,IAAA;AAAA,IAEhB,EAAE,GAAGC,GAAe,MAAM,YAAY,OAAO,YAAA;AAAA,IAC7C;AAAA,MACE,GAAGA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAMAC,IAAeC,EAAgBC,GAA6BZ,GAAM;AAAA;AAAA,EAEhE,OAAO,CACLa,GACA,CAACC,GAAOC,CAAQ,OAKT;AAAA,IACL,GAAGF;AAAA,IACH,qBAAqBC,KAAA,gBAAAA,EAAO;AAAA,IAC5B,wBAAwB,CAACE,MAAmCD,EAAS,EAAE,qBAAAC,GAAqB;AAAA,IAC5F,SAASC,EAAS;AAAA,MAChB,MAAMJ,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SACEA,EAAO,oBAAoBA,EAAO,eAC9B;AAAA,QACE;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB,IAEF;AAAA,IAAA,CACP;AAAA,IACD,mBACEA,EAAO,oBAAoBA,EAAO,iBAAgBC,KAAA,QAAAA,EAAO,uBACrDG,EAAS;AAAA,MACP,MAAMJ,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOC,EAAM;AAAA,QAAA;AAAA,MACf;AAAA,IACF,CACD,IACD;AAAA,EAAA;AAGZ,CAAC;"}
@@ -1,46 +1,29 @@
1
- import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
2
- import { a as C, r as b, v as K, D as F, F as g, G as v, c as x } from "./component.constants-h6et83ck.js";
3
- import { j as m, K as N, l as S } from "./index-BR6dp5RX.js";
4
- import { C as j } from "./ChartCard-C7c2rTst.js";
5
- import { g as z } from "./formatter.utils-DXzI4Hz_.js";
6
- const P = (e) => {
7
- var s, o;
8
- const a = h();
9
- C(a);
10
- const { title: n, description: i, results: t, measure: r, fontSize: u } = b(e), p = (o = (s = t.data) == null ? void 0 : s[0]) == null ? void 0 : o[r.name], l = z(a), c = (d) => l.data(r, d);
11
- return /* @__PURE__ */ m.jsx(
12
- j,
13
- {
14
- data: t,
15
- dimensionsAndMeasures: [r],
16
- errorMessage: t.error,
17
- subtitle: i,
18
- title: n,
19
- children: /* @__PURE__ */ m.jsx(N, { value: p, valueFormatter: c, valueFontSize: u })
20
- }
21
- );
22
- }, D = {
1
+ import { defineComponent as r } from "@embeddable.com/react";
2
+ import { v as a, D as t, F as o, G as m, c as s } from "./component.constants-Dhb2rtRh.js";
3
+ import { K as i } from "./index-DZypsIb4.js";
4
+ import { l as p } from "./index-CK9V-wz1.js";
5
+ const n = {
23
6
  name: "KpiChartNumberPro",
24
7
  label: "Kpi Chart - Number",
25
8
  category: "Kpi Charts",
26
9
  inputs: [
27
- K,
28
- F,
29
- g,
30
- v,
31
- { ...x, name: "fontSize", label: "Font Size" }
10
+ a,
11
+ t,
12
+ o,
13
+ m,
14
+ { ...s, name: "fontSize", label: "Font Size" }
32
15
  ]
33
- }, G = f(P, D, {
16
+ }, c = r(i, n, {
34
17
  props: (e) => ({
35
18
  ...e,
36
- results: S({
19
+ results: p({
37
20
  from: e.dataset,
38
21
  select: [e.measure]
39
22
  })
40
23
  })
41
24
  });
42
25
  export {
43
- G as default,
44
- D as meta
26
+ c as default,
27
+ n as meta
45
28
  };
46
29
  //# sourceMappingURL=KpiChartNumberPro.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"KpiChartNumberPro.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx","../src/components/charts/kpis/KpiChartNumberPro/KpiChartNumberPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype KpiChartNumberProProp = {\n title: string;\n description: string;\n results: DataResponse;\n measure: Measure;\n fontSize: number;\n};\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, results, measure, fontSize } = resolveI18nProps(props);\n\n const value = results.data?.[0]?.[measure.name];\n\n const themeFormatter = getThemeFormatter(theme);\n const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n return (\n <ChartCard\n data={results}\n dimensionsAndMeasures={[measure]}\n errorMessage={results.error}\n subtitle={description}\n title={title}\n >\n <KpiChart value={value} valueFormatter={valueFormatter} valueFontSize={fontSize} />\n </ChartCard>\n );\n};\n\nexport default KpiChartNumberPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { dataset, description, genericNumber, measure, title } from '../../../component.constants';\nimport KpiChartNumberPro from './index';\nimport { loadData } from '@embeddable.com/core';\n\nexport const meta = {\n name: 'KpiChartNumberPro',\n label: 'Kpi Chart - Number',\n category: 'Kpi Charts',\n inputs: [\n dataset,\n measure,\n title,\n description,\n { ...genericNumber, name: 'fontSize', label: 'Font Size' },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(KpiChartNumberPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n from: inputs.dataset,\n select: [inputs.measure],\n }),\n };\n },\n});\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","results","measure","fontSize","resolveI18nProps","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","jsx","ChartCard","KpiChart","meta","dataset","genericNumber","KpiChartNumberPro_emb","defineComponent","inputs","loadData"],"mappings":";;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,SAAAC,GAAS,UAAAC,EAAA,IAAaC,EAAiBT,CAAK,GAE3EU,KAAQC,KAAAC,IAAAN,EAAQ,SAAR,gBAAAM,EAAe,OAAf,gBAAAD,EAAoBJ,EAAQ,OAEpCM,IAAiBC,EAAkBb,CAAK,GACxCc,IAAiB,CAACC,MAA0BH,EAAe,KAAKN,GAASS,CAAa;AAE5F,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,uBAAuB,CAACC,CAAO;AAAA,MAC/B,cAAcD,EAAQ;AAAA,MACtB,UAAUD;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAa,gBAAAA,EAAAA,IAACE,GAAA,EAAS,OAAAT,GAAc,gBAAAK,GAAgC,eAAeP,EAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGvF,GClCaY,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAd;AAAA,IACAH;AAAA,IACAC;AAAA,IACA,EAAE,GAAGiB,GAAe,MAAM,YAAY,OAAO,YAAA;AAAA,EAAY;AAE7D,GAEAC,IAAeC,EAAgBzB,GAAmBqB,GAAM;AAAA,EACtD,OAAO,CAACK,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA;AAGP,CAAC;"}
1
+ {"version":3,"file":"KpiChartNumberPro.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/KpiChartNumberPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { dataset, description, genericNumber, measure, title } from '../../../component.constants';\nimport KpiChartNumberPro from './index';\nimport { loadData } from '@embeddable.com/core';\n\nexport const meta = {\n name: 'KpiChartNumberPro',\n label: 'Kpi Chart - Number',\n category: 'Kpi Charts',\n inputs: [\n dataset,\n measure,\n title,\n description,\n { ...genericNumber, name: 'fontSize', label: 'Font Size' },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(KpiChartNumberPro, meta, {\n props: (inputs: Inputs<typeof meta>) => {\n return {\n ...inputs,\n results: loadData({\n from: inputs.dataset,\n select: [inputs.measure],\n }),\n };\n },\n});\n"],"names":["meta","dataset","measure","title","description","genericNumber","KpiChartNumberPro_emb","defineComponent","KpiChartNumberPro","inputs","loadData"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAe,MAAM,YAAY,OAAO,YAAA;AAAA,EAAY;AAE7D,GAEAC,IAAeC,EAAgBC,GAAmBR,GAAM;AAAA,EACtD,OAAO,CAACS,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA;AAGP,CAAC;"}
@@ -1,361 +1,50 @@
1
- import { useTheme as Y, defineComponent as _ } from "@embeddable.com/react";
2
- import { i as G, a as E, r as K, v as J, E as S, g as v, w as U, b as q, y as z, F as H, G as Q, I as W, J as Z, K as ee, M as ae, N as se, O as te, P as ne, S as oe, T as ie, H as re } from "./component.constants-h6et83ck.js";
3
- import { m as le, a as me, h as V, i as w, k as I, j as B, L as de, V as ce, l as F } from "./index-BR6dp5RX.js";
4
- import { C as pe } from "./ChartCard-C7c2rTst.js";
5
- import { useEffect as ue } from "react";
6
- import { g as ge } from "./timeRange.utils-CslTQiVA.js";
7
- import { g as O } from "./formatter.utils-DXzI4Hz_.js";
8
- import { g as xe, a as he } from "./object.utils-D_Zzon-H.js";
9
- import { i as be, s as Ce } from "./color.utils-BSg_DFOh.js";
10
- import { g as fe } from "./lines.utils-CFEUUo4k.js";
11
- import { u as N } from "./charts.fillGaps.hooks-YayOXVmt.js";
12
- import { C as ye } from "./ComparisonPeriod.type.emb-DOpJ1iWj.js";
13
- import { C as $ } from "./Color.type.emb-CSPAaucR.js";
14
- const R = "mainAxis", P = "comparisonAxis", j = (a, n) => {
15
- var k, h, u, A;
16
- const { data: t, measure: o, dimension: s, index: m, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = t == null ? void 0 : t.map((C) => C[s.name]), l = !!((k = o.inputs) != null && k.connectGaps), g = e ? e.map((C) => {
17
- const L = t == null ? void 0 : t.find((T) => T[s.name] === C);
18
- return (L == null ? void 0 : L[o.name]) ?? (l ? 0 : null);
19
- }) : t == null ? void 0 : t.map((C) => C[o.name] ?? (l ? 0 : null)), x = O(n), y = xe(n), i = !!((h = o.inputs) != null && h[r ? "previousLineDashed" : "lineDashed"]), d = me(), c = (u = o.inputs) == null ? void 0 : u[r ? "previousLineColor" : "lineColor"], f = be(c) ? c : he(
20
- `${y}.charts.backgroundColors`,
21
- o.name,
22
- n.charts.backgroundColors ?? d,
23
- m
24
- ), D = x.dimensionOrMeasureTitle(o);
25
- return {
26
- xAxisID: r ? P : R,
27
- labels: p,
28
- rawLabel: D,
29
- label: (r ? `${G.t("common.compared")} ` : "") + D,
30
- data: g,
31
- backgroundColor: Ce(f, 0.5),
32
- pointBackgroundColor: f,
33
- borderDash: i ? [
34
- V("--em-linechart-line-dash", "0.25rem"),
35
- V("--em-linechart-line-gap", "0.25rem")
36
- ] : void 0,
37
- borderColor: f,
38
- fill: (A = o.inputs) == null ? void 0 : A.fillUnderLine,
39
- clip: b
40
- };
41
- }, De = (a, n) => {
42
- if (!a.data)
43
- return {
44
- labels: [],
45
- datasets: [
46
- { xAxisID: R, data: [] },
47
- { xAxisID: P, data: [] }
48
- ]
49
- };
50
- const { data: t, dataComparison: o, dimension: s, measures: m, hasMinMaxYAxisRange: r } = a, e = s.nativeType === "time" ? void 0 : o ? Array.from(
51
- /* @__PURE__ */ new Set([
52
- ...t.map((g) => g[s.name]),
53
- ...(o == null ? void 0 : o.map((g) => g[s.name])) ?? []
54
- ])
55
- ) : void 0, p = m.map(
56
- (g, x) => j(
57
- {
58
- data: t,
59
- measure: g,
60
- dimension: s,
61
- labels: e,
62
- hasMinMaxYAxisRange: r,
63
- index: x
64
- },
65
- n
66
- )
67
- ), l = m.map(
68
- (g, x) => j(
69
- {
70
- data: o,
71
- measure: g,
72
- dimension: s,
73
- labels: e,
74
- hasMinMaxYAxisRange: r,
75
- index: x,
76
- isPreviousPeriod: !0
77
- },
78
- n
79
- )
80
- );
81
- return {
82
- labels: e ?? t.map((g) => g[s.name]),
83
- datasets: [...p, ...l]
84
- };
85
- }, Ae = (a, n) => {
86
- const { dimension: t, data: o, measures: s, xAxisLabel: m } = a, r = O(n);
87
- return {
88
- plugins: {
89
- legend: {
90
- labels: {
91
- filter: (e, p) => {
92
- if (!e) return !1;
93
- const l = p.datasets[e.datasetIndex];
94
- return Array.isArray(l.data) && l.data.length > 0;
95
- }
96
- }
97
- },
98
- datalabels: {
99
- labels: {
100
- value: {
101
- formatter: (e, p) => {
102
- const l = s[p.datasetIndex % s.length];
103
- return r.data(l, e);
104
- }
105
- }
106
- }
107
- },
108
- tooltip: {
109
- callbacks: {
110
- title: (e) => e[0] ? r.data(t, e[0].label) : "",
111
- label: (e) => {
112
- const p = s[e.datasetIndex % s.length], l = e.raw;
113
- return `${e.dataset.label}: ${r.data(p, l)}`;
114
- }
115
- }
116
- }
117
- },
118
- scales: {
119
- x: {
120
- display: !1
121
- },
122
- [R]: {
123
- title: {
124
- ...I(),
125
- text: m,
126
- display: !!m
127
- },
128
- grid: { display: !1 },
129
- ticks: {
130
- ...w(),
131
- callback(e) {
132
- var p;
133
- return r.data(t, (p = o.labels) == null ? void 0 : p[e]);
134
- }
135
- }
136
- },
137
- [P]: {
138
- display: !1
139
- },
140
- y: {
141
- ticks: {
142
- callback: (e) => r.data(s[0], e)
143
- }
144
- }
145
- }
146
- };
147
- }, Le = (a, n) => {
148
- var x, y;
149
- const { dimension: t, data: o, measures: s, xAxisLabel: m, showComparisonAxis: r, showDataComparison: b } = a, e = O(n), p = ((x = o.datasets.find((i) => i.xAxisID === R)) == null ? void 0 : x.labels) ?? [], l = ((y = o.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : y.labels) ?? [];
150
- return {
151
- plugins: {
152
- legend: {
153
- labels: {
154
- filter: (i, d) => {
155
- if (!i) return !1;
156
- const c = d.datasets[i.datasetIndex];
157
- return Array.isArray(c.data) && c.data.length > 0;
158
- }
159
- }
160
- },
161
- datalabels: {
162
- labels: {
163
- value: {
164
- formatter: (i, d) => {
165
- const c = s[d.datasetIndex % s.length];
166
- return e.data(c, i);
167
- }
168
- }
169
- }
170
- },
171
- tooltip: {
172
- callbacks: {
173
- title: (i) => {
174
- const d = i[0];
175
- if (!b && d)
176
- return e.data(t, d.label);
177
- const c = d == null ? void 0 : d.dataIndex;
178
- if (c === void 0) return "";
179
- const f = p[c] && e.data(t, p[c]), D = l[c] && e.data(t, l[c]);
180
- return `${f ?? "-"} vs ${D ?? "-"}`;
181
- },
182
- label: (i) => {
183
- const d = s[i.datasetIndex % s.length], c = i.raw;
184
- return `${i.dataset.label}: ${e.data(d, c)}`;
185
- }
186
- }
187
- }
188
- },
189
- scales: {
190
- x: { display: !1 },
191
- [R]: {
192
- title: {
193
- ...I(),
194
- text: m,
195
- display: !!((!r || l.length === 0) && m)
196
- },
197
- grid: { display: !1 },
198
- ticks: {
199
- ...w(),
200
- callback: (i) => e.data(t, p[Number(i)])
201
- }
202
- },
203
- [P]: {
204
- title: {
205
- ...I(),
206
- text: m,
207
- display: !!m
208
- },
209
- grid: { display: !1 },
210
- display: r && l.length > 0,
211
- ticks: {
212
- ...w(),
213
- callback: (i) => {
214
- if (l.length === 0)
215
- return "";
216
- const d = l[Number(i)];
217
- return d ? e.data(t, d) : "";
218
- }
219
- }
220
- },
221
- y: {
222
- ticks: {
223
- callback: (i) => e.data(s[0], i)
224
- }
225
- }
226
- }
227
- };
228
- }, ve = (a, n) => {
229
- var m, r;
230
- const { onLineClicked: t, dimension: o } = a, s = o.nativeType === "time" ? Le : Ae;
231
- return le(
232
- fe({ onLineClicked: t }),
233
- s(a, n),
234
- ((r = (m = n.charts) == null ? void 0 : m.lineChartComparisonDefaultPro) == null ? void 0 : r.options) || {}
235
- );
236
- }, Re = (a) => {
237
- const n = Y();
238
- E(n);
239
- const { title: t, description: o, xAxisLabel: s, yAxisLabel: m } = K(a), {
240
- comparisonPeriod: r,
241
- measures: b,
242
- xAxis: e,
243
- reverseXAxis: p,
244
- showLegend: l,
245
- showLogarithmicScale: g,
246
- showTooltips: x,
247
- showValueLabels: y,
248
- yAxisRangeMax: i,
249
- yAxisRangeMin: d,
250
- primaryDateRange: c,
251
- comparisonDateRange: f,
252
- showComparisonAxis: D,
253
- setComparisonDateRange: M,
254
- onLineClicked: k
255
- } = a;
256
- ue(() => {
257
- const X = ge(
258
- c,
259
- r,
260
- n
261
- );
262
- M(X);
263
- }, [r, JSON.stringify(c), n]);
264
- const h = N({ results: a.results, dimension: e }), u = N({
265
- results: a.resultsComparison,
266
- dimension: e,
267
- externalDateBounds: f
268
- }), A = !!(c && r), C = De(
269
- {
270
- data: h.data,
271
- dataComparison: A ? (u == null ? void 0 : u.data) ?? [] : void 0,
272
- dimension: e,
273
- measures: b,
274
- hasMinMaxYAxisRange: d != null || i != null
275
- },
276
- n
277
- ), L = ve(
278
- {
279
- data: C,
280
- dimension: e,
281
- measures: b,
282
- xAxisLabel: s,
283
- showComparisonAxis: D,
284
- showDataComparison: A,
285
- onLineClicked: k
286
- },
287
- n
288
- ), T = {
289
- isLoading: !!(h.isLoading || u != null && u.isLoading),
290
- data: !(h != null && h.data) && !(u != null && u.data) ? void 0 : [...h.data ?? [], ...(u == null ? void 0 : u.data) ?? []]
291
- };
292
- return /* @__PURE__ */ B.jsx(
293
- pe,
294
- {
295
- data: T,
296
- dimensionsAndMeasures: [...b, e],
297
- errorMessage: h.error || (u == null ? void 0 : u.error),
298
- subtitle: o,
299
- title: t,
300
- children: /* @__PURE__ */ B.jsx(
301
- de,
302
- {
303
- data: C,
304
- reverseXAxis: p,
305
- showLegend: l,
306
- showLogarithmicScale: g,
307
- showTooltips: x,
308
- showValueLabels: y,
309
- xAxisLabel: s,
310
- yAxisLabel: m,
311
- yAxisRangeMax: i,
312
- yAxisRangeMin: d,
313
- options: L
314
- }
315
- )
316
- }
317
- );
318
- }, Pe = {
1
+ import { defineComponent as p } from "@embeddable.com/react";
2
+ import { v as c, E as n, g as o, w as d, b as g, y, F as u, G as x, I as C, J as f, K as D, M as b, N as h, O as R, P as L, S as v, T as A, H as P } from "./component.constants-Dhb2rtRh.js";
3
+ import { L as T } from "./index-CEyir5HV.js";
4
+ import { V, l as s } from "./index-CK9V-wz1.js";
5
+ import { C as w } from "./ComparisonPeriod.type.emb-A4w1cgoZ.js";
6
+ import { C as l } from "./Color.type.emb-CWTlQmpX.js";
7
+ const F = {
319
8
  name: "LineChartComparisonDefaultPro",
320
9
  label: "Line Chart Comparison - Default",
321
10
  category: "Line Charts",
322
11
  inputs: [
323
- J,
12
+ c,
324
13
  {
325
- ...S,
14
+ ...n,
326
15
  inputs: [
327
- ...S.inputs,
328
- { ...v, name: "fillUnderLine", label: "Fill under line" },
16
+ ...n.inputs,
17
+ { ...o, name: "fillUnderLine", label: "Fill under line" },
329
18
  {
330
- type: $,
19
+ type: l,
331
20
  category: "Component Settings",
332
21
  name: "lineColor",
333
22
  label: "Line color"
334
23
  },
335
24
  {
336
- type: $,
25
+ type: l,
337
26
  category: "Component Settings",
338
27
  name: "previousLineColor",
339
28
  label: "Previous line color"
340
29
  },
341
30
  {
342
- ...v,
31
+ ...o,
343
32
  name: "lineDashed",
344
33
  label: "Primary line dashed",
345
34
  defaultValue: !1
346
35
  },
347
36
  {
348
- ...v,
37
+ ...o,
349
38
  name: "previousLineDashed",
350
39
  label: "Compared line dashed",
351
40
  defaultValue: !0
352
41
  },
353
- { ...v, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
42
+ { ...o, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
354
43
  ]
355
44
  },
356
- { ...U, label: "X-axis", name: "xAxis" },
45
+ { ...d, label: "X-axis", name: "xAxis" },
357
46
  {
358
- ...q,
47
+ ...g,
359
48
  name: "primaryDateRange",
360
49
  label: "Primary Date Range",
361
50
  description: "You can also connect this to a date range selector using its variable",
@@ -363,36 +52,36 @@ const R = "mainAxis", P = "comparisonAxis", j = (a, n) => {
363
52
  },
364
53
  {
365
54
  name: "comparisonPeriod",
366
- type: ye,
55
+ type: w,
367
56
  label: "Comparison Period",
368
57
  description: "You can also connect this to a comparison period selector using its variable",
369
58
  category: "Component Data"
370
59
  },
371
60
  {
372
- ...z,
61
+ ...y,
373
62
  name: "timePropertyForNonTimeDimensions",
374
63
  label: "Time property for non time dimensions",
375
64
  description: "Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.",
376
65
  required: !1
377
66
  },
378
- H,
379
- Q,
380
- W,
381
- Z,
382
- ee,
383
- ae,
384
- se,
385
- te,
386
- ne,
387
- oe,
388
- ie,
67
+ u,
68
+ x,
69
+ C,
70
+ f,
71
+ D,
72
+ b,
73
+ h,
74
+ R,
75
+ L,
76
+ v,
77
+ A,
389
78
  {
390
- ...v,
79
+ ...o,
391
80
  name: "showComparisonAxis",
392
81
  label: "Display a comparison X-axis",
393
82
  defaultValue: !0
394
83
  },
395
- re
84
+ P
396
85
  ],
397
86
  events: [
398
87
  {
@@ -407,55 +96,55 @@ const R = "mainAxis", P = "comparisonAxis", j = (a, n) => {
407
96
  ]
408
97
  }
409
98
  ]
410
- }, Xe = _(Re, Pe, {
99
+ }, G = p(T, F, {
411
100
  /* @ts-expect-error - to be fixed in @embeddable.com/react */
412
- props: (a, [n, t]) => {
413
- const o = [
101
+ props: (e, [a, t]) => {
102
+ const r = [
414
103
  {
415
- property: a.xAxis,
104
+ property: e.xAxis,
416
105
  direction: "asc"
417
106
  }
418
- ], s = a.xAxis.nativeType === "time" ? a.xAxis : a.timePropertyForNonTimeDimensions;
107
+ ], i = e.xAxis.nativeType === "time" ? e.xAxis : e.timePropertyForNonTimeDimensions;
419
108
  return {
420
- ...a,
421
- comparisonDateRange: n == null ? void 0 : n.comparisonDateRange,
109
+ ...e,
110
+ comparisonDateRange: a == null ? void 0 : a.comparisonDateRange,
422
111
  setComparisonDateRange: (m) => t({ comparisonDateRange: m }),
423
- results: F({
424
- limit: a.maxResults,
425
- from: a.dataset,
426
- select: [...a.measures, a.xAxis],
427
- orderBy: o,
428
- filters: a.primaryDateRange && s ? [
112
+ results: s({
113
+ limit: e.maxResults,
114
+ from: e.dataset,
115
+ select: [...e.measures, e.xAxis],
116
+ orderBy: r,
117
+ filters: e.primaryDateRange && i ? [
429
118
  {
430
- property: s,
119
+ property: i,
431
120
  operator: "inDateRange",
432
- value: a.primaryDateRange
121
+ value: e.primaryDateRange
433
122
  }
434
123
  ] : void 0
435
124
  }),
436
- resultsComparison: a.primaryDateRange && s && (n != null && n.comparisonDateRange) ? F({
437
- limit: a.maxResults,
438
- from: a.dataset,
439
- select: [...a.measures, a.xAxis],
440
- orderBy: o,
125
+ resultsComparison: e.primaryDateRange && i && (a != null && a.comparisonDateRange) ? s({
126
+ limit: e.maxResults,
127
+ from: e.dataset,
128
+ select: [...e.measures, e.xAxis],
129
+ orderBy: r,
441
130
  filters: [
442
131
  {
443
- property: s,
132
+ property: i,
444
133
  operator: "inDateRange",
445
- value: n.comparisonDateRange
134
+ value: a.comparisonDateRange
446
135
  }
447
136
  ]
448
137
  }) : void 0
449
138
  };
450
139
  },
451
140
  events: {
452
- onLineClicked: (a) => ({
453
- axisDimensionValue: a.dimensionValue || ce.noFilter()
141
+ onLineClicked: (e) => ({
142
+ axisDimensionValue: e.dimensionValue || V.noFilter()
454
143
  })
455
144
  }
456
145
  });
457
146
  export {
458
- Xe as default,
459
- Pe as meta
147
+ G as default,
148
+ F as meta
460
149
  };
461
150
  //# sourceMappingURL=LineChartComparisonDefaultPro.js.map