npm - @embeddable.com/remarkable-pro - Versions diffs - 0.2.2 → 0.2.4 - Mend

@embeddable.com/remarkable-pro 0.2.2 → 0.2.4

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 (381) hide show

package/dist/{definition-BXK3wnaa.js.map → definition-CzZP7HQi.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-~~BXK3wnaa~~.js","sources":["../src/components/editors/TextFieldPro/index.tsx","../src/components/editors/TextFieldPro/definition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField, useDebounce } from '@embeddable.com/remarkable-ui';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\n\nexport type TextFieldProProps = {\n value?: string;\n placeholder?: string;\n onChange?: (value: string) => void;\n} & EditorCardHeaderProps;\n\nconst TextFieldPro = (props: TextFieldProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n const { title, description, tooltip, placeholder = '' } = resolveI18nProps(props);\n const { value = '', onChange } = props;\n\n const [currentValue, setCurrentValue] = useState(value);\n\n const debouncedUpdateState = useDebounce((newValue: string) => {\n onChange?.(newValue);\n });\n\n useEffect(() => {\n debouncedUpdateState(currentValue);\n }, [currentValue, debouncedUpdateState]);\n\n return (\n <EditorCard title={title} description={description} tooltip={tooltip}>\n <TextField\n value={currentValue}\n placeholder={placeholder}\n onChange={setCurrentValue}\n clearable\n />\n </EditorCard>\n );\n};\n\nexport default TextFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from '.';\nimport { inputs } from '../../component.inputs.constants';\n\nconst meta = {\n name: 'TextFieldPro',\n label: 'Text Field',\n category: 'Inputs',\n defaultWidth: 300,\n defaultHeight: 120,\n inputs: [\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.placeholder,\n {\n ...inputs.string,\n name: 'value',\n label: 'Value',\n category: 'Pre-configured Variables',\n },\n ],\n events: [\n {\n name: 'onChange',\n label: 'Entered value updated',\n properties: [\n {\n name: 'value',\n label: 'Entered value',\n type: 'string',\n },\n ],\n },\n ],\n variables: [\n {\n name: 'text value',\n type: 'string',\n defaultValue: Value.noFilter(),\n inputs: ['value'],\n events: [{ name: 'onChange', property: 'value' }],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n placeholder: 'Enter text...',\n onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n ...inputs,\n});\n\nconst events = {\n onChange: (value: string) => ({\n value: value === '' \|\| value == null ? Value.noFilter() : value,\n }),\n};\n\nexport const textFieldPro = {\n Component,\n meta,\n preview,\n config: {\n props,\n events,\n },\n} as const;\n"],"names":["TextFieldPro","props","theme","useTheme","i18nSetup","title","description","tooltip","placeholder","resolveI18nProps","value","onChange","currentValue","setCurrentValue","useState","debouncedUpdateState","useDebounce","newValue","useEffect","jsx","EditorCard","TextField","meta","inputs","Value","preview","definePreview","Component","events","textFieldPro"],"mappings":";;;;;;AAcA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AACf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,IAAc,GAAA,IAAOC,EAAiBR,CAAK,GAC1E,EAAE,OAAAS,IAAQ,IAAI,UAAAC,EAAA,IAAaV,GAE3B,CAACW,GAAcC,CAAe,IAAIC,EAASJ,CAAK,GAEhDK,IAAuBC,EAAY,CAACC,MAAqB;AAC7D,IAAAN,KAAA,QAAAA,EAAWM;AAAA,EACb,CAAC;AAED,SAAAC,EAAU,MAAM;AACd,IAAAH,EAAqBH,CAAY;AAAA,EACnC,GAAG,CAACA,GAAcG,CAAoB,CAAC,GAGrCI,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAf,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAY,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOT;AAAA,MACP,aAAAJ;AAAA,MACA,UAAUK;AAAA,MACV,WAAS;AAAA,IAAA;AAAA,EAAA,GAEb;AAEJ;;;8CCnCMS,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,OAAO;AAAA,MAChB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,aAAa;AAAA,EACb,UAAU,MAAM;AAClB,CAAC,GAEK1B,IAAQ,CAACsB,OAAiC;AAAA,EAC9C,GAAGA;AACL,IAEMK,IAAS;AAAA,EACb,UAAU,CAAClB,OAAmB;AAAA,IAC5B,OAAOA,MAAU,MAAMA,KAAS,OAAOc,EAAM,aAAad;AAAA,EAAA;AAE9D,GAEamB,IAAe;AAAA,EAAA,WAC1BF;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAxB;AAAA,IACA,QAAA2B;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"definition-CzZP7HQi.js","sources":["../src/components/editors/TextFieldPro/index.tsx","../src/components/editors/TextFieldPro/definition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { TextField, useDebounce } from '@embeddable.com/remarkable-ui';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\n\nexport type TextFieldProProps = {\n value?: string;\n placeholder?: string;\n onChange?: (value: string) => void;\n} & EditorCardHeaderProps;\n\nconst TextFieldPro = (props: TextFieldProProps) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n const { title, description, tooltip, placeholder = '' } = resolveI18nProps(props);\n const { value = '', onChange } = props;\n\n const [currentValue, setCurrentValue] = useState(value);\n\n const debouncedUpdateState = useDebounce((newValue: string) => {\n onChange?.(newValue);\n });\n\n useEffect(() => {\n debouncedUpdateState(currentValue);\n }, [currentValue, debouncedUpdateState]);\n\n return (\n <EditorCard title={title} description={description} tooltip={tooltip}>\n <TextField\n value={currentValue}\n placeholder={placeholder}\n onChange={setCurrentValue}\n clearable\n />\n </EditorCard>\n );\n};\n\nexport default TextFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from '.';\nimport { inputs } from '../../component.inputs.constants';\n\nconst meta = {\n name: 'TextFieldPro',\n label: 'Text Field',\n category: 'Inputs',\n defaultWidth: 300,\n defaultHeight: 120,\n inputs: [\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.placeholder,\n {\n ...inputs.string,\n name: 'value',\n label: 'Value',\n category: 'Pre-configured Variables',\n },\n ],\n events: [\n {\n name: 'onChange',\n label: 'Entered value updated',\n properties: [\n {\n name: 'value',\n label: 'Entered value',\n type: 'string',\n },\n ],\n },\n ],\n variables: [\n {\n name: 'text value',\n type: 'string',\n defaultValue: Value.noFilter(),\n inputs: ['value'],\n events: [{ name: 'onChange', property: 'value' }],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n placeholder: 'Enter text...',\n onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n ...inputs,\n});\n\nconst events = {\n onChange: (value: string) => ({\n value: value === '' \|\| value == null ? Value.noFilter() : value,\n }),\n};\n\nexport const textFieldPro = {\n Component,\n meta,\n preview,\n config: {\n props,\n events,\n },\n} as const;\n"],"names":["TextFieldPro","props","theme","useTheme","i18nSetup","title","description","tooltip","placeholder","resolveI18nProps","value","onChange","currentValue","setCurrentValue","useState","debouncedUpdateState","useDebounce","newValue","useEffect","jsx","EditorCard","TextField","meta","inputs","Value","preview","definePreview","Component","events","textFieldPro"],"mappings":";;;;;;AAcA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AACf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,IAAc,GAAA,IAAOC,EAAiBR,CAAK,GAC1E,EAAE,OAAAS,IAAQ,IAAI,UAAAC,EAAA,IAAaV,GAE3B,CAACW,GAAcC,CAAe,IAAIC,EAASJ,CAAK,GAEhDK,IAAuBC,EAAY,CAACC,MAAqB;AAC7D,IAAAN,KAAA,QAAAA,EAAWM;AAAA,EACb,CAAC;AAED,SAAAC,EAAU,MAAM;AACd,IAAAH,EAAqBH,CAAY;AAAA,EACnC,GAAG,CAACA,GAAcG,CAAoB,CAAC,GAGrCI,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAf,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAY,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOT;AAAA,MACP,aAAAJ;AAAA,MACA,UAAUK;AAAA,MACV,WAAS;AAAA,IAAA;AAAA,EAAA,GAEb;AAEJ;;;8CCnCMS,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,OAAO;AAAA,MAChB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,aAAa;AAAA,EACb,UAAU,MAAM;AAClB,CAAC,GAEK1B,IAAQ,CAACsB,OAAiC;AAAA,EAC9C,GAAGA;AACL,IAEMK,IAAS;AAAA,EACb,UAAU,CAAClB,OAAmB;AAAA,IAC5B,OAAOA,MAAU,MAAMA,KAAS,OAAOc,EAAM,aAAad;AAAA,EAAA;AAE9D,GAEamB,IAAe;AAAA,EAAA,WAC1BF;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAxB;AAAA,IACA,QAAA2B;AAAA,EAAA;AAEJ;"}

package/dist/{definition-DDiK91IJ.js → definition-D2kYtuRj.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { y as v, Q as X, R as Y, j as I, T as Z, U as $, V as ee, m as ae, l as P } from "./index-CRqo4KE4.js";
+import { y as v, R as X, T as Y, j as I, U as Z, W as $, V as ee, m as ae, l as P } from "./index-CBm5oDU7.js";
 import { useTheme as oe, definePreview as se } from "@embeddable.com/react";
 import { a as ne, r as te, i as ie } from "./component.utils-Dua9clQJ.js";
-import { C as le } from "./ChartCard-B7G4tcpW.js";
+import { C as le } from "./ChartCard-B28gklGR.js";
 import { useState as re, useRef as de, useCallback as ce, useEffect as L } from "react";
-import { g as me, a as ge } from "./tables.utils-DyBQWH2x.js";
-import { i as s, s as A } from "./component.inputs.constants-BG91ceTQ.js";
-import { p } from "./preview.data.constants-Dl21SzQi.js";
+import { g as me, a as ge } from "./tables.utils-B2EwwG22.js";
+import { i as s, s as A } from "./component.inputs.constants-CcSXGMBZ.js";
+import { p } from "./preview.data.constants-CXCiAONb.js";
 const ue = v("--em-tablechart-cell-height", "2.5rem"), pe = v("--em-tablechart-cell-height", "2.5rem"), De = v("--em-tablechart-pagination-height", "3rem");
 let j;
 const T = (a) => {
@@ -23,8 +23,8 @@ const T = (a) => {
     state: c,
     setState: h,
     onRowClicked: S
-  } = a, B = me({ dimensionsAndMeasures: w, displayNullAs: U }, e), x = (r == null ? void 0 : r.data) || [], F = ge({ rows: x, clickDimension: C }), R = de(null), { height: Q } = X(R), g = Y({
-    availableHeight: Q,
+  } = a, B = me({ dimensionsAndMeasures: w, displayNullAs: U }, e), x = (r == null ? void 0 : r.data) || [], F = ge({ rows: x, clickDimension: C }), R = de(null), { height: W } = X(R), g = Y({
+    availableHeight: W,
     headerHeight: ue,
     rowHeight: pe,
     footerHeight: De
@@ -59,7 +59,7 @@ const T = (a) => {
       j(f.data), t(!1), d({ isLoadingDownloadData: !1 });
     }
   }, [n, f, d]);
-  const W = (l) => {
+  const Q = (l) => {
     d({ sort: l });
   }, k = (c == null ? void 0 : c.page) ?? 0;
   return /* @__PURE__ */ I.jsx(
@@ -89,7 +89,7 @@ const T = (a) => {
           }),
           total: o == null ? void 0 : o.total,
           sort: c == null ? void 0 : c.sort,
-          onSortChange: W,
+          onSortChange: Q,
           onPageChange: (l) => d({ page: l })
         }
       )
@@ -239,4 +239,4 @@ export {
   ke as i,
   ye as t
 };
-//# sourceMappingURL=definition-DDiK91IJ.js.map
+//# sourceMappingURL=definition-D2kYtuRj.js.map

package/dist/{definition-DDiK91IJ.js.map → definition-D2kYtuRj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-DDiK91IJ.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n getStyleNumber,\n getTableTotalPages,\n TablePaginated,\n useTableGetRowsPerPage,\n useResizeObserver,\n TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\n/* eslint-disable @typescript-eslint/no-explicit-any /\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string \| null;\nexport type TableChartPaginatedProState = {\n page: number;\n pageSize?: number;\n sort?: { id: string; direction: OrderDirection } \| undefined;\n isLoadingDownloadData: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n allResults?: DataResponse;\n clickDimension?: Dimension;\n\n dimensionsAndMeasures: DimensionOrMeasure[];\n displayNullAs?: string;\n results: DataResponse;\n showIndex?: boolean;\n state?: TableChartPaginatedProState;\n\n totalResults?: DataResponse;\n onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n const { title, description, tooltip } = resolveI18nProps(props);\n const {\n hideMenu,\n totalResults,\n results,\n allResults,\n dimensionsAndMeasures,\n displayNullAs,\n showIndex,\n clickDimension,\n state,\n setState,\n onRowClicked,\n } = props;\n\n const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n const rows = results?.data \|\| [];\n const tableRows = getTableRows({ rows, clickDimension });\n const cardContentRef = useRef<HTMLDivElement>(null);\n const { height } = useResizeObserver(cardContentRef);\n const pageSize = useTableGetRowsPerPage({\n availableHeight: height,\n headerHeight,\n rowHeight,\n footerHeight,\n });\n\n // Stable updater for embeddable state\n const handleUpdateEmbeddableState = useCallback(\n (newState: Partial<TableChartPaginatedProState>) => {\n setState?.((prevState) => ({\n ...prevState,\n ...newState,\n }));\n },\n [setState],\n );\n\n const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsDownloadingData(true);\n handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n downloadData = (data: DataResponse['data']) =>\n onDownload({\n title,\n data,\n dimensionsAndMeasures,\n containerRef: cardContentRef,\n theme,\n });\n };\n\n const handleRowIndexClick = (rowIndex: number) => {\n if (!onRowClicked \|\| !clickDimension) return;\n\n const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n onRowClicked(rowDimensionValue);\n };\n\n // Sync page size changes to embeddable state\n useEffect(() => {\n if (pageSize) {\n handleUpdateEmbeddableState({ pageSize });\n }\n }, [pageSize, handleUpdateEmbeddableState]);\n\n // Handle data download when allResults is ready\n useEffect(() => {\n if (isDownloadingData) {\n if (!allResults \|\| allResults.isLoading) {\n // Loading data to download\n return;\n }\n\n downloadData(allResults.data);\n setIsDownloadingData(false);\n handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n }\n }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n const handleSortChange = (newSort: TableSort<any> \| undefined) => {\n handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n };\n\n const currentPage = state?.page ?? 0;\n return (\n <ChartCard\n ref={cardContentRef}\n title={title}\n description={description}\n tooltip={tooltip}\n data={results}\n dimensionsAndMeasures={dimensionsAndMeasures}\n errorMessage={results?.error}\n onCustomDownload={handleCustomDownload}\n hideMenu={hideMenu}\n >\n <TablePaginated\n onRowIndexClick={handleRowIndexClick}\n headers={headers}\n rows={tableRows}\n showIndex={showIndex}\n page={currentPage}\n pageSize={pageSize}\n paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n page: currentPage + 1,\n totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n })}\n total={totalResults?.total}\n sort={state?.sort}\n onSortChange={handleSortChange}\n onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n />\n </ChartCard>\n );\n};\n\nexport default TableChartPaginatedPro;\n","import { DataResponse, LoadDataRequest, OrderBy, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n TableChartPaginatedProOnRowClickArg,\n TableChartPaginatedProState,\n} from './index';\nimport { mergician } from 'mergician';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n name: 'TableChartPaginated',\n label: 'Table Chart - Paginated',\n category: 'Table Charts',\n inputs: [\n inputs.dataset,\n {\n ...inputs.dimensionsAndMeasures,\n label: 'Columns',\n inputs: [\n ...inputs.dimensionsAndMeasures.inputs,\n subInputs.width,\n subInputs.align,\n subInputs.tableCellStyle,\n ],\n },\n inputs.title,\n inputs.description,\n inputs.tooltip,\n {\n ...inputs.boolean,\n name: 'showIndex',\n label: 'Show index column',\n defaultValue: true,\n category: 'Component Settings',\n },\n inputs.displayNullAs,\n { ...inputs.maxResults, label: 'Max results to download' },\n {\n ...inputs.dimensionSimple,\n label: 'Dimension to set on click',\n name: 'clickDimension',\n category: 'Data Mapping for Interactions',\n required: false,\n },\n ],\n events: [\n {\n name: 'onRowClicked',\n label: 'A row is clicked',\n properties: [\n {\n name: 'rowDimensionValue',\n label: 'Clicked row dimension value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n results: {\n ...previewData.results1Measure2Dimensions,\n data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n },\n totalResults: { data: [], total: previewMaxResults, isLoading: false },\n state: {\n page: 0,\n pageSize: previewMaxResults,\n isLoadingDownloadData: false,\n hideMenu: true,\n },\n hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState: TableChartPaginatedProState = {\n page: 0,\n pageSize: undefined,\n sort: undefined,\n isLoadingDownloadData: false,\n};\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n page: number,\n pageSize: number,\n orderBy: OrderBy[],\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: dimensionsAndMeasuresToLoad,\n offset: page pageSize,\n limit: pageSize,\n orderBy,\n});\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n page: number,\n pageSize: number,\n orderBy: OrderBy[],\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n inputs: Inputs<typeof meta>,\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: dimensionsAndMeasuresToLoad,\n offset: 0,\n limit: 0,\n countRows: true,\n});\n\nconst loadDataTotalResults = (\n inputs: Inputs<typeof meta>,\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n inputs: Inputs<typeof meta>,\n orderBy: OrderBy[],\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: inputs.dimensionsAndMeasures,\n orderBy,\n limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => ({\n rowDimensionValue: rowDimensionValue !== undefined ? rowDimensionValue : Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n const orderDimensionAndMeasure = inputs.dimensionsAndMeasures.find(\n (x) => x.name === state?.sort?.id,\n );\n\n const orderBy: OrderBy[] =\n orderDimensionAndMeasure && state?.sort\n ? [{ property: orderDimensionAndMeasure, direction: state.sort.direction }]\n : [];\n\n const clickDimensionInDimensionsAndMeasures = inputs.dimensionsAndMeasures.some(\n (dimOrMeas) => dimOrMeas.name === inputs.clickDimension?.name,\n );\n\n const dimensionsAndMeasuresToLoad = [\n ...inputs.dimensionsAndMeasures,\n ...(clickDimensionInDimensionsAndMeasures ? [] : [inputs.clickDimension]),\n ];\n\n return {\n ...inputs,\n state: mergician(defaultTableChartPaginatedState, state ?? {}),\n setState,\n results: state?.pageSize\n ? loadDataResults(inputs, state.page, state.pageSize, orderBy, dimensionsAndMeasuresToLoad)\n : undefined,\n totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n allResults: state?.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n };\n};\n\nexport const tableChartPaginated = {\n Component: TablePaginatedChart,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n events,\n },\n results: {\n loadDataArgs: loadDataResultsArgs,\n loadData: loadDataResults,\n },\n totalResults: {\n loadDataArgs: loadDataTotalResultsArgs,\n loadData: loadDataTotalResults,\n },\n allResults: {\n loadDataArgs: loadDataAllResultsArgs,\n loadData: loadDataAllResults,\n },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","title","description","tooltip","resolveI18nProps","hideMenu","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","_a","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","Value","orderDimensionAndMeasure","x","clickDimensionInDimensionsAndMeasures","dimOrMeas","mergician","tableChartPaginated"],"mappings":"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"}
1	+ {"version":3,"file":"definition-D2kYtuRj.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n getStyleNumber,\n getTableTotalPages,\n TablePaginated,\n useTableGetRowsPerPage,\n useResizeObserver,\n TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\n/* eslint-disable @typescript-eslint/no-explicit-any /\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string \| null;\nexport type TableChartPaginatedProState = {\n page: number;\n pageSize?: number;\n sort?: { id: string; direction: OrderDirection } \| undefined;\n isLoadingDownloadData: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n allResults?: DataResponse;\n clickDimension?: Dimension;\n\n dimensionsAndMeasures: DimensionOrMeasure[];\n displayNullAs?: string;\n results: DataResponse;\n showIndex?: boolean;\n state?: TableChartPaginatedProState;\n\n totalResults?: DataResponse;\n onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n const { title, description, tooltip } = resolveI18nProps(props);\n const {\n hideMenu,\n totalResults,\n results,\n allResults,\n dimensionsAndMeasures,\n displayNullAs,\n showIndex,\n clickDimension,\n state,\n setState,\n onRowClicked,\n } = props;\n\n const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n const rows = results?.data \|\| [];\n const tableRows = getTableRows({ rows, clickDimension });\n const cardContentRef = useRef<HTMLDivElement>(null);\n const { height } = useResizeObserver(cardContentRef);\n const pageSize = useTableGetRowsPerPage({\n availableHeight: height,\n headerHeight,\n rowHeight,\n footerHeight,\n });\n\n // Stable updater for embeddable state\n const handleUpdateEmbeddableState = useCallback(\n (newState: Partial<TableChartPaginatedProState>) => {\n setState?.((prevState) => ({\n ...prevState,\n ...newState,\n }));\n },\n [setState],\n );\n\n const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsDownloadingData(true);\n handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n downloadData = (data: DataResponse['data']) =>\n onDownload({\n title,\n data,\n dimensionsAndMeasures,\n containerRef: cardContentRef,\n theme,\n });\n };\n\n const handleRowIndexClick = (rowIndex: number) => {\n if (!onRowClicked \|\| !clickDimension) return;\n\n const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n onRowClicked(rowDimensionValue);\n };\n\n // Sync page size changes to embeddable state\n useEffect(() => {\n if (pageSize) {\n handleUpdateEmbeddableState({ pageSize });\n }\n }, [pageSize, handleUpdateEmbeddableState]);\n\n // Handle data download when allResults is ready\n useEffect(() => {\n if (isDownloadingData) {\n if (!allResults \|\| allResults.isLoading) {\n // Loading data to download\n return;\n }\n\n downloadData(allResults.data);\n setIsDownloadingData(false);\n handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n }\n }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n const handleSortChange = (newSort: TableSort<any> \| undefined) => {\n handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n };\n\n const currentPage = state?.page ?? 0;\n return (\n <ChartCard\n ref={cardContentRef}\n title={title}\n description={description}\n tooltip={tooltip}\n data={results}\n dimensionsAndMeasures={dimensionsAndMeasures}\n errorMessage={results?.error}\n onCustomDownload={handleCustomDownload}\n hideMenu={hideMenu}\n >\n <TablePaginated\n onRowIndexClick={handleRowIndexClick}\n headers={headers}\n rows={tableRows}\n showIndex={showIndex}\n page={currentPage}\n pageSize={pageSize}\n paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n page: currentPage + 1,\n totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n })}\n total={totalResults?.total}\n sort={state?.sort}\n onSortChange={handleSortChange}\n onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n />\n </ChartCard>\n );\n};\n\nexport default TableChartPaginatedPro;\n","import { DataResponse, LoadDataRequest, OrderBy, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n TableChartPaginatedProOnRowClickArg,\n TableChartPaginatedProState,\n} from './index';\nimport { mergician } from 'mergician';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n name: 'TableChartPaginated',\n label: 'Table Chart - Paginated',\n category: 'Table Charts',\n inputs: [\n inputs.dataset,\n {\n ...inputs.dimensionsAndMeasures,\n label: 'Columns',\n inputs: [\n ...inputs.dimensionsAndMeasures.inputs,\n subInputs.width,\n subInputs.align,\n subInputs.tableCellStyle,\n ],\n },\n inputs.title,\n inputs.description,\n inputs.tooltip,\n {\n ...inputs.boolean,\n name: 'showIndex',\n label: 'Show index column',\n defaultValue: true,\n category: 'Component Settings',\n },\n inputs.displayNullAs,\n { ...inputs.maxResults, label: 'Max results to download' },\n {\n ...inputs.dimensionSimple,\n label: 'Dimension to set on click',\n name: 'clickDimension',\n category: 'Data Mapping for Interactions',\n required: false,\n },\n ],\n events: [\n {\n name: 'onRowClicked',\n label: 'A row is clicked',\n properties: [\n {\n name: 'rowDimensionValue',\n label: 'Clicked row dimension value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n results: {\n ...previewData.results1Measure2Dimensions,\n data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n },\n totalResults: { data: [], total: previewMaxResults, isLoading: false },\n state: {\n page: 0,\n pageSize: previewMaxResults,\n isLoadingDownloadData: false,\n hideMenu: true,\n },\n hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState: TableChartPaginatedProState = {\n page: 0,\n pageSize: undefined,\n sort: undefined,\n isLoadingDownloadData: false,\n};\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n page: number,\n pageSize: number,\n orderBy: OrderBy[],\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: dimensionsAndMeasuresToLoad,\n offset: page pageSize,\n limit: pageSize,\n orderBy,\n});\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n page: number,\n pageSize: number,\n orderBy: OrderBy[],\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n inputs: Inputs<typeof meta>,\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: dimensionsAndMeasuresToLoad,\n offset: 0,\n limit: 0,\n countRows: true,\n});\n\nconst loadDataTotalResults = (\n inputs: Inputs<typeof meta>,\n dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n inputs: Inputs<typeof meta>,\n orderBy: OrderBy[],\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: inputs.dimensionsAndMeasures,\n orderBy,\n limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => ({\n rowDimensionValue: rowDimensionValue !== undefined ? rowDimensionValue : Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n const orderDimensionAndMeasure = inputs.dimensionsAndMeasures.find(\n (x) => x.name === state?.sort?.id,\n );\n\n const orderBy: OrderBy[] =\n orderDimensionAndMeasure && state?.sort\n ? [{ property: orderDimensionAndMeasure, direction: state.sort.direction }]\n : [];\n\n const clickDimensionInDimensionsAndMeasures = inputs.dimensionsAndMeasures.some(\n (dimOrMeas) => dimOrMeas.name === inputs.clickDimension?.name,\n );\n\n const dimensionsAndMeasuresToLoad = [\n ...inputs.dimensionsAndMeasures,\n ...(clickDimensionInDimensionsAndMeasures ? [] : [inputs.clickDimension]),\n ];\n\n return {\n ...inputs,\n state: mergician(defaultTableChartPaginatedState, state ?? {}),\n setState,\n results: state?.pageSize\n ? loadDataResults(inputs, state.page, state.pageSize, orderBy, dimensionsAndMeasuresToLoad)\n : undefined,\n totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n allResults: state?.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n };\n};\n\nexport const tableChartPaginated = {\n Component: TablePaginatedChart,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n events,\n },\n results: {\n loadDataArgs: loadDataResultsArgs,\n loadData: loadDataResults,\n },\n totalResults: {\n loadDataArgs: loadDataTotalResultsArgs,\n loadData: loadDataTotalResults,\n },\n allResults: {\n loadDataArgs: loadDataAllResultsArgs,\n loadData: loadDataAllResults,\n },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","title","description","tooltip","resolveI18nProps","hideMenu","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","_a","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","Value","orderDimensionAndMeasure","x","clickDimensionInDimensionsAndMeasures","dimOrMeas","mergician","tableChartPaginated"],"mappings":"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"}

package/dist/{definition-gmWWckHd.js → definition-D7SGSe6g.js} RENAMED Viewed

@@ -1,12 +1,12 @@
-import { j as p, H as E, J as V, l as k } from "./index-CRqo4KE4.js";
+import { j as p, J as E, O as V, l as k } from "./index-CBm5oDU7.js";
 import { useTheme as N, definePreview as I } from "@embeddable.com/react";
 import { a as J, r as q } from "./component.utils-Dua9clQJ.js";
-import { C as K } from "./ChartCard-B7G4tcpW.js";
-import { g } from "./formatter.utils-DiP5ge3-.js";
-import { u as h } from "./charts.fillGaps.hooks-jiTiggz5.js";
+import { C as K } from "./ChartCard-B28gklGR.js";
+import { g } from "./formatter.utils-BpAQmGN5.js";
+import { u as h } from "./charts.fillGaps.hooks-BjeTpaLs.js";
 import { u as L } from "./tables.hooks-fVC_4V5K.js";
-import { i as o } from "./component.inputs.constants-BG91ceTQ.js";
-import { p as i } from "./preview.data.constants-Dl21SzQi.js";
+import { i as o } from "./component.inputs.constants-CcSXGMBZ.js";
+import { p as i } from "./preview.data.constants-CXCiAONb.js";
 import { g as Q } from "./clientContext.utils-DpB5KsfX.js";
 const f = (e, t) => {
   const n = g(t);
@@ -39,10 +39,10 @@ const f = (e, t) => {
     firstColumnWidth: R,
     showValues: F,
     minThreshold: A,
-    maxThreshold: H
+    maxThreshold: O
   } = e, j = Array.from(
     new Set((e.results.data ?? []).filter(Boolean).map((l) => l[r.name]))
-  ), O = Array.from(
+  ), H = Array.from(
     new Set((e.results.data ?? []).filter(Boolean).map((l) => l[s.name]))
   ), P = h({
     results: e.results,
@@ -53,7 +53,7 @@ const f = (e, t) => {
   }), G = L({
     results: W,
     columnOrder: j,
-    rowOrder: O,
+    rowOrder: H,
     columnDimension: r,
     rowDimension: s,
     measures: [m]
@@ -80,7 +80,7 @@ const f = (e, t) => {
           minColor: x,
           showValues: F,
           minThreshold: A,
-          maxThreshold: H,
+          maxThreshold: O,
           columnWidth: T,
           firstColumnWidth: R,
           displayNullAs: v
@@ -198,4 +198,4 @@ export {
   le as h,
   me as i
 };
-//# sourceMappingURL=definition-gmWWckHd.js.map
+//# sourceMappingURL=definition-D7SGSe6g.js.map

package/dist/{definition-gmWWckHd.js.map → definition-D7SGSe6g.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-gmWWckHd.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"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 { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n getStyle,\n HeatMap,\n HeatMapPropsDimension,\n HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\nexport type HeatMapProProps = {\n columnDimension: Dimension;\n columnWidth?: number;\n\n displayNullAs?: string;\n firstColumnWidth?: number;\n maxColor?: string;\n maxThreshold?: string;\n measure: Measure;\n midColor?: string;\n minColor?: string;\n minThreshold?: string;\n results: DataResponse;\n rowDimension: Dimension;\n showValues?: boolean;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n props: { measure: Measure },\n theme: Theme,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n key: props.measure.name,\n label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n format: (value) => {\n return themeFormatter.data(props.measure, value);\n },\n };\n};\n\nexport const getHeatDimension = (\n props: { dimension: Dimension },\n theme: Theme,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n key: props.dimension.name,\n label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n format: (value: string) => themeFormatter.data(props.dimension, value),\n };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, tooltip } = resolveI18nProps(props);\n const {\n hideMenu,\n measure,\n rowDimension,\n columnDimension,\n maxColor,\n midColor,\n minColor,\n displayNullAs,\n columnWidth,\n firstColumnWidth,\n showValues,\n minThreshold,\n maxThreshold,\n } = props;\n\n const columnOrder = Array.from(\n new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n );\n\n const rowOrder = Array.from(\n new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n );\n\n // Fill gaps for the column dimension\n const resultsColumnDimensionFillGaps = useFillGaps({\n results: props.results,\n dimension: columnDimension,\n });\n\n // Fill gaps for the row dimension\n const resultsRowColumnDimensionFillGaps = useFillGaps({\n results: resultsColumnDimensionFillGaps,\n dimension: rowDimension,\n });\n\n const results = useGetTableSortedResults({\n results: resultsRowColumnDimensionFillGaps,\n columnOrder,\n rowOrder,\n columnDimension,\n rowDimension,\n measures: [measure],\n });\n\n const pivotMeasures = getHeatMeasure({ measure }, theme);\n const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n return (\n <ChartCard\n title={title}\n description={description}\n tooltip={tooltip}\n data={props.results}\n dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n errorMessage={props.results?.error}\n hideMenu={hideMenu}\n >\n <HeatMap\n data={results}\n measure={pivotMeasures}\n rowDimension={pivotRowDimension}\n columnDimension={pivotColumnDimension}\n maxColor={maxColor}\n midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n minColor={minColor}\n showValues={showValues}\n minThreshold={minThreshold}\n maxThreshold={maxThreshold}\n columnWidth={columnWidth}\n firstColumnWidth={firstColumnWidth}\n displayNullAs={displayNullAs}\n />\n </ChartCard>\n );\n};\n\nexport default HeatMapPro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n name: 'HeatMapPro',\n label: 'Heat Map',\n category: 'Table Charts',\n inputs: [\n inputs.dataset,\n inputs.measure,\n {\n ...inputs.dimensionWithDateBounds,\n label: 'Row dimension',\n name: 'rowDimension',\n },\n {\n ...inputs.dimensionWithDateBounds,\n label: 'Column dimension',\n name: 'columnDimension',\n },\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.displayNullAs,\n {\n ...inputs.color,\n name: 'midColor',\n label: 'Mid-point color (optional)',\n },\n {\n ...inputs.color,\n name: 'maxColor',\n label: 'Max-point color (optional)',\n },\n {\n ...inputs.color,\n name: 'minColor',\n label: 'Min-point color (optional)',\n },\n {\n ...inputs.string,\n name: 'minThreshold',\n label: 'Max-point range lower limit',\n description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n category: 'Component Settings',\n },\n {\n ...inputs.string,\n name: 'maxThreshold',\n label: 'Min-point range upper limit',\n description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n category: 'Component Settings',\n },\n {\n ...inputs.boolean,\n name: 'showValues',\n label: 'Show values',\n defaultValue: true,\n category: 'Component Settings',\n },\n {\n ...inputs.number,\n name: 'firstColumnWidth',\n label: 'First column width',\n description: 'Set the width in px (e.g. 200)',\n category: 'Component Settings',\n },\n {\n ...inputs.number,\n name: 'columnWidth',\n label: 'Column width',\n description: 'Set the width in px (e.g. 200)',\n category: 'Component Settings',\n },\n inputs.maxResults,\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n rowDimension: previewData.dimension,\n columnDimension: previewData.dimensionGroup,\n measure: previewData.measure,\n results: previewData.results1Measure2Dimensions,\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n limit: inputs.maxResults,\n countRows: true,\n timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n clientContext?: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst props = (\n inputs: Inputs<typeof meta>,\n _state: unknown,\n clientContext?: ThemeClientContext,\n) => ({\n ...inputs,\n results: loadDataResults(inputs, clientContext),\n});\n\nexport const heatMapPro = {\n Component,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n },\n results: {\n loadDataArgs: loadDataResultsArgs,\n loadData: loadDataResults,\n },\n} as const;\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","hideMenu","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","heatMapPro"],"mappings":"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"}
1	+ {"version":3,"file":"definition-D7SGSe6g.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"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 { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n getStyle,\n HeatMap,\n HeatMapPropsDimension,\n HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\nexport type HeatMapProProps = {\n columnDimension: Dimension;\n columnWidth?: number;\n\n displayNullAs?: string;\n firstColumnWidth?: number;\n maxColor?: string;\n maxThreshold?: string;\n measure: Measure;\n midColor?: string;\n minColor?: string;\n minThreshold?: string;\n results: DataResponse;\n rowDimension: Dimension;\n showValues?: boolean;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n props: { measure: Measure },\n theme: Theme,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n key: props.measure.name,\n label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n format: (value) => {\n return themeFormatter.data(props.measure, value);\n },\n };\n};\n\nexport const getHeatDimension = (\n props: { dimension: Dimension },\n theme: Theme,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n key: props.dimension.name,\n label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n format: (value: string) => themeFormatter.data(props.dimension, value),\n };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n const theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const { title, description, tooltip } = resolveI18nProps(props);\n const {\n hideMenu,\n measure,\n rowDimension,\n columnDimension,\n maxColor,\n midColor,\n minColor,\n displayNullAs,\n columnWidth,\n firstColumnWidth,\n showValues,\n minThreshold,\n maxThreshold,\n } = props;\n\n const columnOrder = Array.from(\n new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n );\n\n const rowOrder = Array.from(\n new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n );\n\n // Fill gaps for the column dimension\n const resultsColumnDimensionFillGaps = useFillGaps({\n results: props.results,\n dimension: columnDimension,\n });\n\n // Fill gaps for the row dimension\n const resultsRowColumnDimensionFillGaps = useFillGaps({\n results: resultsColumnDimensionFillGaps,\n dimension: rowDimension,\n });\n\n const results = useGetTableSortedResults({\n results: resultsRowColumnDimensionFillGaps,\n columnOrder,\n rowOrder,\n columnDimension,\n rowDimension,\n measures: [measure],\n });\n\n const pivotMeasures = getHeatMeasure({ measure }, theme);\n const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n return (\n <ChartCard\n title={title}\n description={description}\n tooltip={tooltip}\n data={props.results}\n dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n errorMessage={props.results?.error}\n hideMenu={hideMenu}\n >\n <HeatMap\n data={results}\n measure={pivotMeasures}\n rowDimension={pivotRowDimension}\n columnDimension={pivotColumnDimension}\n maxColor={maxColor}\n midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n minColor={minColor}\n showValues={showValues}\n minThreshold={minThreshold}\n maxThreshold={maxThreshold}\n columnWidth={columnWidth}\n firstColumnWidth={firstColumnWidth}\n displayNullAs={displayNullAs}\n />\n </ChartCard>\n );\n};\n\nexport default HeatMapPro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n name: 'HeatMapPro',\n label: 'Heat Map',\n category: 'Table Charts',\n inputs: [\n inputs.dataset,\n inputs.measure,\n {\n ...inputs.dimensionWithDateBounds,\n label: 'Row dimension',\n name: 'rowDimension',\n },\n {\n ...inputs.dimensionWithDateBounds,\n label: 'Column dimension',\n name: 'columnDimension',\n },\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.displayNullAs,\n {\n ...inputs.color,\n name: 'midColor',\n label: 'Mid-point color (optional)',\n },\n {\n ...inputs.color,\n name: 'maxColor',\n label: 'Max-point color (optional)',\n },\n {\n ...inputs.color,\n name: 'minColor',\n label: 'Min-point color (optional)',\n },\n {\n ...inputs.string,\n name: 'minThreshold',\n label: 'Max-point range lower limit',\n description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n category: 'Component Settings',\n },\n {\n ...inputs.string,\n name: 'maxThreshold',\n label: 'Min-point range upper limit',\n description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n category: 'Component Settings',\n },\n {\n ...inputs.boolean,\n name: 'showValues',\n label: 'Show values',\n defaultValue: true,\n category: 'Component Settings',\n },\n {\n ...inputs.number,\n name: 'firstColumnWidth',\n label: 'First column width',\n description: 'Set the width in px (e.g. 200)',\n category: 'Component Settings',\n },\n {\n ...inputs.number,\n name: 'columnWidth',\n label: 'Column width',\n description: 'Set the width in px (e.g. 200)',\n category: 'Component Settings',\n },\n inputs.maxResults,\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n rowDimension: previewData.dimension,\n columnDimension: previewData.dimensionGroup,\n measure: previewData.measure,\n results: previewData.results1Measure2Dimensions,\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n from: inputs.dataset,\n select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n limit: inputs.maxResults,\n countRows: true,\n timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n clientContext?: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst props = (\n inputs: Inputs<typeof meta>,\n _state: unknown,\n clientContext?: ThemeClientContext,\n) => ({\n ...inputs,\n results: loadDataResults(inputs, clientContext),\n});\n\nexport const heatMapPro = {\n Component,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n },\n results: {\n loadDataArgs: loadDataResultsArgs,\n loadData: loadDataResults,\n },\n} as const;\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","hideMenu","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","heatMapPro"],"mappings":"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"}

package/dist/{definition-CBEP4oDs.js → definition-D7iihZ0-.js} RENAMED Viewed

@@ -1,17 +1,17 @@
-import { m as Q, t as Z, y as j, z as O, E as I, j as S, L as ee, V as ae, l as _ } from "./index-CRqo4KE4.js";
+import { m as Q, t as Z, y as j, z as O, E as I, j as S, L as ee, V as ae, l as _ } from "./index-CBm5oDU7.js";
 import { useTheme as se, definePreview as oe } from "@embeddable.com/react";
 import { i as ie, a as ne, r as te } from "./component.utils-Dua9clQJ.js";
-import { C as re } from "./ChartCard-B7G4tcpW.js";
+import { C as re } from "./ChartCard-B28gklGR.js";
 import { useEffect as le } from "react";
 import { g as me } from "./timeRange.utils-CcP33PfM.js";
-import { g as F } from "./formatter.utils-DiP5ge3-.js";
+import { g as F } from "./formatter.utils-BpAQmGN5.js";
 import { g as de } from "./styles.utils-C8CnV0SB.js";
 import { i as ce, s as pe } from "./color.utils-BSg_DFOh.js";
 import { g as ue } from "./lines.utils-CEGfmIHB.js";
-import { u as G } from "./charts.fillGaps.hooks-jiTiggz5.js";
-import { C as ge, g as he } from "./granularity.utils-6awaMPKt.js";
-import { i as d, s as L } from "./component.inputs.constants-BG91ceTQ.js";
-import { p as M } from "./preview.data.constants-Dl21SzQi.js";
+import { u as G } from "./charts.fillGaps.hooks-BjeTpaLs.js";
+import { C as ge, g as he } from "./granularity.utils-B3m_RWlr.js";
+import { i as d, s as L } from "./component.inputs.constants-CcSXGMBZ.js";
+import { p as M } from "./preview.data.constants-CXCiAONb.js";
 import { g as X } from "./clientContext.utils-DpB5KsfX.js";
 const P = "mainAxis", T = "comparisonAxis", z = (a, s) => {
   var w, k, R, A;
@@ -522,4 +522,4 @@ export {
   Ge as i,
   ze as l
 };
-//# sourceMappingURL=definition-CBEP4oDs.js.map
+//# sourceMappingURL=definition-D7iihZ0-.js.map

package/dist/{definition-CBEP4oDs.js.map → definition-D7iihZ0-.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-CBEP4oDs.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/components/charts/lines/LineChartComparisonDefaultPro/definition.ts"],"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 { getLineChartProOptionsOnClick, 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 getLineChartProOptionsOnClick({ 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\nexport type 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 {setGranularity && (\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={xAxis}\n onChange={setGranularity}\n />\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","import {\n DataResponse,\n Dimension,\n Granularity,\n LoadDataRequest,\n OrderBy,\n TimeRange,\n Value,\n loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n name: 'LineChartComparisonDefaultPro',\n label: 'Line Chart Comparison - Default',\n category: 'Line Charts',\n inputs: [\n inputs.dataset,\n {\n ...inputs.measures,\n inputs: [\n ...inputs.measures.inputs,\n { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputs.color,\n category: 'Component Settings',\n name: 'lineColor',\n label: 'Line color',\n },\n {\n ...subInputs.color,\n category: 'Component Settings',\n name: 'previousLineColor',\n label: 'Previous line color',\n },\n {\n ...subInputs.boolean,\n name: 'lineDashed',\n label: 'Primary line dashed',\n defaultValue: false,\n },\n {\n ...subInputs.boolean,\n name: 'previousLineDashed',\n label: 'Compared line dashed',\n defaultValue: true,\n },\n {\n ...subInputs.boolean,\n name: 'connectGaps',\n label: 'Connect gaps',\n defaultValue: true,\n },\n ],\n },\n { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n {\n ...inputs.timeRange,\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 ...inputs.comparisonPeriod,\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n {\n ...inputs.dimensionTime,\n name: 'timePropertyForNonTimeDimensions',\n label: 'Time property for non time dimensions',\n description:\n 'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n required: false,\n },\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.showLegend,\n inputs.showTooltips,\n inputs.showValueLabels,\n inputs.showLogarithmicScale,\n inputs.xAxisLabel,\n inputs.yAxisLabel,\n inputs.reverseXAxis,\n inputs.yAxisRangeMin,\n inputs.yAxisRangeMax,\n {\n ...inputs.boolean,\n name: 'showComparisonAxis',\n label: 'Display a comparison X-axis',\n defaultValue: true,\n category: 'Component Settings',\n },\n inputs.maxResults,\n ],\n events: [\n {\n name: 'onLineClicked',\n label: 'A line is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked axis dimension value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonDefaultProState = {\n comparisonDateRange: TimeRange;\n granularity?: Granularity;\n};\n\nconst previewConfig = {\n xAxis: previewData.dimension,\n measures: [\n {\n ...previewData.measure,\n inputs: {\n previousLineDashed: true,\n },\n },\n ],\n results: previewData.results1Measure2Dimensions,\n resultsComparison: previewData.results1Measure2DimensionsVariant,\n comparisonPeriod: 'Previous period',\n comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n xAxis?: Dimension,\n clientContext?: ThemeClientContext,\n): LoadDataRequest => {\n const resolvedXAxis = xAxis ?? inputs.xAxis;\n const orderBy: OrderBy[] = [{ property: resolvedXAxis, direction: 'asc' }];\n const timeProperty =\n resolvedXAxis.nativeType === 'time' ? resolvedXAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [...inputs.measures, resolvedXAxis],\n orderBy,\n filters:\n inputs.primaryDateRange && timeProperty\n ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n : undefined,\n timezone: getClientContextTimezone(clientContext?.timezone),\n };\n};\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n xAxis: Dimension,\n clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n inputs: Inputs<typeof meta>,\n xAxis: Dimension,\n comparisonDateRange: TimeRange,\n clientContext: ThemeClientContext,\n): LoadDataRequest => {\n const orderBy: OrderBy[] = [{ property: xAxis, direction: 'asc' }];\n const timeProperty =\n xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [...inputs.measures, xAxis],\n orderBy,\n filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n timezone: getClientContextTimezone(clientContext?.timezone),\n };\n};\n\nconst loadDataResultsComparison = (\n inputs: Inputs<typeof meta>,\n xAxis: Dimension,\n state: LineChartComparisonDefaultProState,\n clientContext: ThemeClientContext,\n): DataResponse \| undefined => {\n const timeProperty =\n xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n return loadData(\n loadDataResultsComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n );\n }\n return undefined;\n};\n\nconst events = {\n onLineClicked: (value: LineChartProOptionsClickArg) => ({\n axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n LineChartComparisonDefaultProState,\n (state: LineChartComparisonDefaultProState) => void,\n ],\n clientContext: ThemeClientContext,\n) => {\n const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n return {\n ...inputs,\n xAxis: xAxisWithGranularity,\n setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n setState({ ...state, comparisonDateRange }),\n results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n resultsComparison: loadDataResultsComparison(\n inputs,\n xAxisWithGranularity,\n state,\n clientContext,\n ),\n };\n};\n\nexport const lineChartComparisonDefaultPro = {\n Component,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n events,\n },\n results: {\n loadDataArgs: loadDataResultsArgs,\n loadData: loadDataResults,\n },\n resultsComparison: {\n loadDataArgs: loadDataResultsComparisonArgs,\n loadData: loadDataResultsComparison,\n },\n} as const;\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","getLineChartProOptionsOnClick","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","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","resolvedXAxis","orderBy","timeProperty","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","events","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartComparisonDefaultPro"],"mappings":"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"}
1	+ {"version":3,"file":"definition-D7iihZ0-.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/components/charts/lines/LineChartComparisonDefaultPro/definition.ts"],"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 { getLineChartProOptionsOnClick, 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 getLineChartProOptionsOnClick({ 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\nexport type 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 {setGranularity && (\n <ChartGranularitySelectField\n hasMarginTop={granularitySelectorHasMarginTop}\n dimension={xAxis}\n onChange={setGranularity}\n />\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","import {\n DataResponse,\n Dimension,\n Granularity,\n LoadDataRequest,\n OrderBy,\n TimeRange,\n Value,\n loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n name: 'LineChartComparisonDefaultPro',\n label: 'Line Chart Comparison - Default',\n category: 'Line Charts',\n inputs: [\n inputs.dataset,\n {\n ...inputs.measures,\n inputs: [\n ...inputs.measures.inputs,\n { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n {\n ...subInputs.color,\n category: 'Component Settings',\n name: 'lineColor',\n label: 'Line color',\n },\n {\n ...subInputs.color,\n category: 'Component Settings',\n name: 'previousLineColor',\n label: 'Previous line color',\n },\n {\n ...subInputs.boolean,\n name: 'lineDashed',\n label: 'Primary line dashed',\n defaultValue: false,\n },\n {\n ...subInputs.boolean,\n name: 'previousLineDashed',\n label: 'Compared line dashed',\n defaultValue: true,\n },\n {\n ...subInputs.boolean,\n name: 'connectGaps',\n label: 'Connect gaps',\n defaultValue: true,\n },\n ],\n },\n { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n {\n ...inputs.timeRange,\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 ...inputs.comparisonPeriod,\n description: 'You can also connect this to a comparison period selector using its variable',\n category: 'Component Data',\n },\n {\n ...inputs.dimensionTime,\n name: 'timePropertyForNonTimeDimensions',\n label: 'Time property for non time dimensions',\n description:\n 'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n required: false,\n },\n inputs.title,\n inputs.description,\n inputs.tooltip,\n inputs.showLegend,\n inputs.showTooltips,\n inputs.showValueLabels,\n inputs.showLogarithmicScale,\n inputs.xAxisLabel,\n inputs.yAxisLabel,\n inputs.reverseXAxis,\n inputs.yAxisRangeMin,\n inputs.yAxisRangeMax,\n {\n ...inputs.boolean,\n name: 'showComparisonAxis',\n label: 'Display a comparison X-axis',\n defaultValue: true,\n category: 'Component Settings',\n },\n inputs.maxResults,\n ],\n events: [\n {\n name: 'onLineClicked',\n label: 'A line is clicked',\n properties: [\n {\n name: 'axisDimensionValue',\n label: 'Clicked axis dimension value',\n type: 'string',\n },\n ],\n },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonDefaultProState = {\n comparisonDateRange: TimeRange;\n granularity?: Granularity;\n};\n\nconst previewConfig = {\n xAxis: previewData.dimension,\n measures: [\n {\n ...previewData.measure,\n inputs: {\n previousLineDashed: true,\n },\n },\n ],\n results: previewData.results1Measure2Dimensions,\n resultsComparison: previewData.results1Measure2DimensionsVariant,\n comparisonPeriod: 'Previous period',\n comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n inputs: Inputs<typeof meta>,\n xAxis?: Dimension,\n clientContext?: ThemeClientContext,\n): LoadDataRequest => {\n const resolvedXAxis = xAxis ?? inputs.xAxis;\n const orderBy: OrderBy[] = [{ property: resolvedXAxis, direction: 'asc' }];\n const timeProperty =\n resolvedXAxis.nativeType === 'time' ? resolvedXAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [...inputs.measures, resolvedXAxis],\n orderBy,\n filters:\n inputs.primaryDateRange && timeProperty\n ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n : undefined,\n timezone: getClientContextTimezone(clientContext?.timezone),\n };\n};\n\nconst loadDataResults = (\n inputs: Inputs<typeof meta>,\n xAxis: Dimension,\n clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n inputs: Inputs<typeof meta>,\n xAxis: Dimension,\n comparisonDateRange: TimeRange,\n clientContext: ThemeClientContext,\n): LoadDataRequest => {\n const orderBy: OrderBy[] = [{ property: xAxis, direction: 'asc' }];\n const timeProperty =\n xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n return {\n limit: inputs.maxResults,\n from: inputs.dataset,\n select: [...inputs.measures, xAxis],\n orderBy,\n filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n timezone: getClientContextTimezone(clientContext?.timezone),\n };\n};\n\nconst loadDataResultsComparison = (\n inputs: Inputs<typeof meta>,\n xAxis: Dimension,\n state: LineChartComparisonDefaultProState,\n clientContext: ThemeClientContext,\n): DataResponse \| undefined => {\n const timeProperty =\n xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n return loadData(\n loadDataResultsComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n );\n }\n return undefined;\n};\n\nconst events = {\n onLineClicked: (value: LineChartProOptionsClickArg) => ({\n axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n }),\n};\n\nconst props = (\n inputs: Inputs<typeof meta>,\n [state, setState]: [\n LineChartComparisonDefaultProState,\n (state: LineChartComparisonDefaultProState) => void,\n ],\n clientContext: ThemeClientContext,\n) => {\n const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n return {\n ...inputs,\n xAxis: xAxisWithGranularity,\n setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n comparisonDateRange: state?.comparisonDateRange,\n setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n setState({ ...state, comparisonDateRange }),\n results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n resultsComparison: loadDataResultsComparison(\n inputs,\n xAxisWithGranularity,\n state,\n clientContext,\n ),\n };\n};\n\nexport const lineChartComparisonDefaultPro = {\n Component,\n meta,\n preview,\n previewConfig,\n config: {\n props,\n events,\n },\n results: {\n loadDataArgs: loadDataResultsArgs,\n loadData: loadDataResults,\n },\n resultsComparison: {\n loadDataArgs: loadDataResultsComparisonArgs,\n loadData: loadDataResultsComparison,\n },\n} as const;\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","getLineChartProOptionsOnClick","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","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","resolvedXAxis","orderBy","timeProperty","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","events","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartComparisonDefaultPro"],"mappings":"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"}

package/dist/{definition-CYJQEg8m.js → definition-DGnt_l1B.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { definePreview as a } from "@embeddable.com/react";
-import { j as i, a6 as s, J as l } from "./index-CRqo4KE4.js";
-import { i as t } from "./component.inputs.constants-BG91ceTQ.js";
+import { j as i, a7 as s, O as l } from "./index-CBm5oDU7.js";
+import { i as t } from "./component.inputs.constants-CcSXGMBZ.js";
 const c = "_horizontalDividerContainer_y6kms_1", d = {
   horizontalDividerContainer: c
 }, o = (e) => {
@@ -40,4 +40,4 @@ export {
   D as h,
   z as i
 };
-//# sourceMappingURL=definition-CYJQEg8m.js.map
+//# sourceMappingURL=definition-DGnt_l1B.js.map

package/dist/{definition-CYJQEg8m.js.map → definition-DGnt_l1B.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definition-~~CYJQEg8m~~.js","sources":["../src/components/shared/HorizontalDividerPro/index.tsx","../src/components/shared/HorizontalDividerPro/definition.ts"],"sourcesContent":["import { Divider } from '@embeddable.com/remarkable-ui';\nimport styles from './HorizontalDividerPro.module.css';\n\ntype HorizontalDividerProProps = {\n color?: string;\n thickness?: number;\n};\n\nconst HorizontalDividerPro = (props: HorizontalDividerProProps) => {\n const { color, thickness } = props;\n\n return (\n <div className={styles.horizontalDividerContainer}>\n <Divider color={color} thickness={thickness} />\n </div>\n );\n};\n\nexport default HorizontalDividerPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nconst meta = {\n name: 'HorizontalDividerPro',\n label: 'Horizontal Divider',\n category: 'Layout',\n defaultWidth: 450,\n defaultHeight: 120,\n inputs: [\n {\n ...inputs.number,\n name: 'thickness',\n label: 'Thickness',\n category: 'Component Settings',\n description: 'Thickness of the divider in pixels',\n },\n { ...inputs.color, defaultValue: getStyle('--em-divider-color', '#e4e4ea') },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n ...inputs,\n color: inputs.color as string \| undefined,\n});\n\nexport const horizontalDividerPro = {\n Component,\n meta,\n preview,\n config: {\n props,\n },\n} as const;\n"],"names":["HorizontalDividerPro","props","color","thickness","jsx","styles","Divider","meta","inputs","getStyle","preview","definePreview","Component","horizontalDividerPro"],"mappings":";;;;;GAQMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAE7B,SACEG,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,4BACrB,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAJ,GAAc,WAAAC,EAAA,CAAsB,EAAA,CAC/C;AAEJ;;;8CCXMI,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN;AAAA,MACE,GAAGC,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGA,EAAO,OAAO,cAAcC,EAAS,sBAAsB,SAAS,EAAA;AAAA,EAAE;AAE/E,GAEMC,IAAUC,EAAcC,GAAW,EAAE,GAErCX,IAAQ,CAACO,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,OAAOA,EAAO;AAChB,IAEaK,IAAuB;AAAA,EAAA,WAClCD;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAT;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"definition-DGnt_l1B.js","sources":["../src/components/shared/HorizontalDividerPro/index.tsx","../src/components/shared/HorizontalDividerPro/definition.ts"],"sourcesContent":["import { Divider } from '@embeddable.com/remarkable-ui';\nimport styles from './HorizontalDividerPro.module.css';\n\ntype HorizontalDividerProProps = {\n color?: string;\n thickness?: number;\n};\n\nconst HorizontalDividerPro = (props: HorizontalDividerProProps) => {\n const { color, thickness } = props;\n\n return (\n <div className={styles.horizontalDividerContainer}>\n <Divider color={color} thickness={thickness} />\n </div>\n );\n};\n\nexport default HorizontalDividerPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nconst meta = {\n name: 'HorizontalDividerPro',\n label: 'Horizontal Divider',\n category: 'Layout',\n defaultWidth: 450,\n defaultHeight: 120,\n inputs: [\n {\n ...inputs.number,\n name: 'thickness',\n label: 'Thickness',\n category: 'Component Settings',\n description: 'Thickness of the divider in pixels',\n },\n { ...inputs.color, defaultValue: getStyle('--em-divider-color', '#e4e4ea') },\n ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n ...inputs,\n color: inputs.color as string \| undefined,\n});\n\nexport const horizontalDividerPro = {\n Component,\n meta,\n preview,\n config: {\n props,\n },\n} as const;\n"],"names":["HorizontalDividerPro","props","color","thickness","jsx","styles","Divider","meta","inputs","getStyle","preview","definePreview","Component","horizontalDividerPro"],"mappings":";;;;;GAQMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAE7B,SACEG,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,4BACrB,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAJ,GAAc,WAAAC,EAAA,CAAsB,EAAA,CAC/C;AAEJ;;;8CCXMI,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN;AAAA,MACE,GAAGC,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGA,EAAO,OAAO,cAAcC,EAAS,sBAAsB,SAAS,EAAA;AAAA,EAAE;AAE/E,GAEMC,IAAUC,EAAcC,GAAW,EAAE,GAErCX,IAAQ,CAACO,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,OAAOA,EAAO;AAChB,IAEaK,IAAuB;AAAA,EAAA,WAClCD;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAT;AAAA,EAAA;AAEJ;"}

package/dist/{definition-Bs3OzndS.js → definition-DONQKXIw.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { useTheme as P, definePreview as y } from "@embeddable.com/react";
-import { c as b, j as c, S as C, V as p } from "./index-CRqo4KE4.js";
-import { g as S, u as F, a as R } from "./dates.utils-C39oH1yT.js";
+import { c as b, j as c, S as C, V as p } from "./index-CBm5oDU7.js";
+import { g as S, u as F, a as R } from "./dates.utils-BJCRShK6.js";
 import { b as M, a as j, r as O, i as k } from "./component.utils-Dua9clQJ.js";
-import { E as x } from "./EditorCard-CMJ7shGD.js";
+import { E as x } from "./EditorCard-Ay5OE28n.js";
 import { useMemo as T, useEffect as D } from "react";
-import { C as d, i as t } from "./component.inputs.constants-BG91ceTQ.js";
+import { C as d, i as t } from "./component.inputs.constants-CcSXGMBZ.js";
 /**
  * @license @tabler/icons-react v3.41.1 - MIT
  *
@@ -119,4 +119,4 @@ export {
   I as g,
   K as i
 };
-//# sourceMappingURL=definition-Bs3OzndS.js.map
+//# sourceMappingURL=definition-DONQKXIw.js.map