@embeddable.com/remarkable-ui 0.1.17 → 0.1.19

package/dist/{pies.utils-cOIEuHyS.js → pies.utils-hekLAU_r.js}

@@ -1,6 +1,6 @@
-import { r as u, a as g, g as h, b as i } from "./object.utils-BlUnrtY3.js";
-import { g as b } from "./formatter.utils-C_jDZCA9.js";
-import { Q as c, Z as C } from "./component.constants-DuGM1FcK.js";
+import { r as u, a as g, g as h, b as i } from "./object.utils-CaoDr05j.js";
+import { g as b } from "./formatter.utils-BaAiNARZ.js";
+import { R as c, _ as C } from "./component.constants-CL4mGURD.js";
 import "react";
 const y = (a, o = u) => {
   const n = b(o);
@@ -71,4 +71,4 @@ export {
   F as a,
   y as g
 };
-//# sourceMappingURL=pies.utils-cOIEuHyS.js.map
+//# sourceMappingURL=pies.utils-hekLAU_r.js.map

package/dist/{pies.utils-cOIEuHyS.js.map → pies.utils-hekLAU_r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pies.utils-cOIEuHyS.js","sources":["../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const themeKey = getObjectStableKey(theme);\n\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport type DefaultPieChartOptions = {\n  measure: Measure;\n  showTooltips: boolean;\n  showLegend: boolean;\n  showValueLabels: boolean;\n};\n\nexport const getDefaultPieChartOptions = (\n  options: DefaultPieChartOptions,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        display: options.showValueLabels ? 'auto' : false,\n        formatter: (value: string | number) => themeFormatter.data(options.measure, value),\n      },\n      tooltip: {\n        enabled: options.showTooltips,\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getDefaultPieChartOptions","options","context","raw","total","sum","v","pct"],"mappings":";;;;AAWO,MAAMA,IAAkB,CAC7BC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GAEnCQ,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBY;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcT,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBY;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMK,IAAQL,EAAKV,EAAM,UAAU,IAAI,GACjCgB,IAAiBb,EAAe,KAAKH,EAAM,WAAWe,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMX,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GASaI,IAA4B,CACvCC,GACAlB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,SAASkB,EAAQ,YAAY,UAAUlB,EAAM,OAAO,kBAAkB,SAAA;AAAA,MAChF,YAAY;AAAA,QACV,SAASkB,EAAQ,kBAAkB,SAAS;AAAA,QAC5C,WAAW,CAACJ,MAA2BZ,EAAe,KAAKgB,EAAQ,SAASJ,CAAK;AAAA,MAAA;AAAA,MAEnF,SAAS;AAAA,QACP,SAASI,EAAQ;AAAA,QACjB,WAAW;AAAA,UACT,MAAMC,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGnB,EAAe,KAAKgB,EAAQ,SAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UAC7D;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"pies.utils-hekLAU_r.js","sources":["../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const themeKey = getObjectStableKey(theme);\n\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport type DefaultPieChartOptions = {\n  measure: Measure;\n  showTooltips: boolean;\n  showLegend: boolean;\n  showValueLabels: boolean;\n};\n\nexport const getDefaultPieChartOptions = (\n  options: DefaultPieChartOptions,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        display: options.showValueLabels ? 'auto' : false,\n        formatter: (value: string | number) => themeFormatter.data(options.measure, value),\n      },\n      tooltip: {\n        enabled: options.showTooltips,\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getDefaultPieChartOptions","options","context","raw","total","sum","v","pct"],"mappings":";;;;AAWO,MAAMA,IAAkB,CAC7BC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GAEnCQ,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBY;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcT,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBY;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMK,IAAQL,EAAKV,EAAM,UAAU,IAAI,GACjCgB,IAAiBb,EAAe,KAAKH,EAAM,WAAWe,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMX,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GASaI,IAA4B,CACvCC,GACAlB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,SAASkB,EAAQ,YAAY,UAAUlB,EAAM,OAAO,kBAAkB,SAAA;AAAA,MAChF,YAAY;AAAA,QACV,SAASkB,EAAQ,kBAAkB,SAAS;AAAA,QAC5C,WAAW,CAACJ,MAA2BZ,EAAe,KAAKgB,EAAQ,SAASJ,CAAK;AAAA,MAAA;AAAA,MAEnF,SAAS;AAAA,QACP,SAASI,EAAQ;AAAA,QACjB,WAAW;AAAA,UACT,MAAMC,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGnB,EAAe,KAAKgB,EAAQ,SAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UAC7D;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/remarkable-pro/index.d.ts

@@ -17,4 +17,5 @@ export { EditorCard } from './components/editors/shared/EditorCard/EditorCard';
 export * as MultiSelectFieldPro from './components/editors/MultiSelectFieldPro';
 export * as SingleSelectFieldPro from './components/editors/SingleSelectFieldPro';
 export * as DateRangeSelectFieldPro from './components/editors/DateRangeSelectFieldPro';
+export { default as ComparisonPeriodType } from './components/types/ComparisonPeriod.type.emb';
 //# sourceMappingURL=index.d.ts.map

package/dist/remarkable-pro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-pro/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,aAAa,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAGlF,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAC/E,OAAO,KAAK,mBAAmB,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,oBAAoB,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,uBAAuB,MAAM,8CAA8C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-pro/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,aAAa,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAGlF,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAC/E,OAAO,KAAK,mBAAmB,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,oBAAoB,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,uBAAuB,MAAM,8CAA8C,CAAC;AAGxF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC"}

package/dist/remarkable-pro/theme/formatter/formatter.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatter.constants.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/theme/formatter/formatter.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,mBAAmB,CAAC;AAmK3B,eAAO,MAAM,wBAAwB,EAAE,cAatC,CAAC"}
+{"version":3,"file":"formatter.constants.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/theme/formatter/formatter.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,mBAAmB,CAAC;AAiK3B,eAAO,MAAM,wBAAwB,EAAE,cAatC,CAAC"}

package/dist/remarkable-ui/charts/bars/BarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAYnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoBtC,CAAC"}
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAYnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAkBjD,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoBtC,CAAC"}

package/dist/remarkable-ui/charts/bars/BarChart.stories.d.ts

@@ -1,9 +1,27 @@
 import { StoryObj } from '@storybook/react-webpack5';
 declare const meta: {
     component: import('react').FC<import('./bars.types').BaseBarChartProps>;
+    argTypes: {
+        stacked: {
+            control: {
+                type: "text";
+            };
+        };
+        yAxisRangeMin: {
+            control: {
+                type: "number";
+            };
+        };
+        yAxisRangeMax: {
+            control: {
+                type: "number";
+            };
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 export declare const Vertical: Story;
 export declare const VerticalStacked: Story;
 export declare const Horizontal: Story;

package/dist/remarkable-ui/charts/bars/BarChart.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/BarChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI;;CAEuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiBnC,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAsB7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAC"}
+{"version":3,"file":"BarChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/BarChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmBuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiBnC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuB7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC"}

package/dist/remarkable-ui/charts/bars/bars.utils.d.ts

@@ -1,5 +1,5 @@
 import { ChartData, ChartOptions } from 'chart.js';
 import { BarChartConfigurationProps } from './bars.types';
 export declare const getBarChartData: (data: ChartData<"bar">) => ChartData<"bar">;
-export declare const getBarChartOptions: (props: BarChartConfigurationProps) => Partial<ChartOptions<"bar">>;
+export declare const getBarChartOptions: (options: BarChartConfigurationProps) => Partial<ChartOptions<"bar">>;
 //# sourceMappingURL=bars.utils.d.ts.map

package/dist/remarkable-ui/charts/bars/bars.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bars.utils.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/bars.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAInD,OAAO,EAAE,0BAA0B,EAAwC,MAAM,cAAc,CAAC;AAIhG,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS,CAAC,KAAK,CAAC,KAAG,SAAS,CAAC,KAAK,CAcvE,CAAC;AAkKF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,0BAA0B,KAChC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAsC7B,CAAC"}
+{"version":3,"file":"bars.utils.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/bars/bars.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAInD,OAAO,EAAE,0BAA0B,EAAwC,MAAM,cAAc,CAAC;AAOhG,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS,CAAC,KAAK,CAAC,KAAG,SAAS,CAAC,KAAK,CAcvE,CAAC;AAgIF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,0BAA0B,KAClC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAkE7B,CAAC"}

package/dist/remarkable-ui/charts/chartjs.cartesian.constants.d.ts

@@ -0,0 +1,10 @@
+import { CartesianTickOptions, ChartOptions, GridLineOptions } from 'chart.js';
+export declare const chartjsAxisOptionsPlugins: Partial<ChartOptions['plugins']>;
+export declare const chartjsAxisOptionsScalesTicksDefault: Partial<CartesianTickOptions>;
+export declare const chartjsAxisOptionsScalesTicksMuted: Partial<CartesianTickOptions>;
+export declare const chartjsAxisOptionsScalesTitle: any;
+export declare const chartjsAxisOptionsScalesGrid: Partial<GridLineOptions>;
+export declare const chartjsAxisOptionsScales: Partial<ChartOptions['scales']>;
+export declare const chartjsAxisOptions: Partial<ChartOptions>;
+export declare const chartjsAxisOptionsLayoutPadding: number;
+//# sourceMappingURL=chartjs.cartesian.constants.d.ts.map

package/dist/remarkable-ui/charts/chartjs.cartesian.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartjs.cartesian.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-ui/charts/chartjs.cartesian.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAK/E,eAAO,MAAM,yBAAyB,EAAE,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAyBtE,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,OAAO,CAAC,oBAAoB,CAU9E,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,OAAO,CAAC,oBAAoB,CAU5E,CAAC;AAIF,eAAO,MAAM,6BAA6B,EAAE,GAS3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,OAAO,CAAC,eAAe,CAGjE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAWpE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,YAAY,CAGnD,CAAC;AAEH,eAAO,MAAM,+BAA+B,EAAE,MAAW,CAAC"}

package/dist/remarkable-ui/charts/chartjs.constants.d.ts

@@ -1,4 +1,5 @@
 import { ChartOptions } from 'chart.js';
 export declare const chartjsOptionsPlugins: Partial<ChartOptions['plugins']>;
+export declare const chartjsOptionsScales: Partial<ChartOptions['scales']>;
 export declare const chartjsOptions: Partial<ChartOptions>;
 //# sourceMappingURL=chartjs.constants.d.ts.map

package/dist/remarkable-ui/charts/chartjs.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartjs.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-ui/charts/chartjs.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CA6DlE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,YAAY,CAIhD,CAAC"}
+{"version":3,"file":"chartjs.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-ui/charts/chartjs.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CA2DlE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAWhE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,YAAY,CAKhD,CAAC"}

package/dist/remarkable-ui/charts/lines/LineChart.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { BaseLineChartProps } from './lines.types';
+export type LineChartProps = BaseLineChartProps;
+export declare const LineChart: FC<LineChartProps>;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/remarkable-ui/charts/lines/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/lines/LineChart.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,EAAE,EAAU,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAiBnD,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAEhD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAoBxC,CAAC"}

package/dist/remarkable-ui/charts/lines/LineChart.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react-webpack5';
+declare const meta: {
+    component: import('react').FC<import('./lines.types').BaseLineChartProps>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=LineChart.stories.d.ts.map

package/dist/remarkable-ui/charts/lines/LineChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/lines/LineChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI;;CAEwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC"}

package/dist/remarkable-ui/charts/lines/lines.types.d.ts

@@ -0,0 +1,18 @@
+import { ChartData, ChartOptions } from 'chart.js';
+export type LineChartConfigurationProps = {
+    showLegend?: boolean;
+    showTooltips?: boolean;
+    showValueLabels?: boolean;
+    showLogarithmicScale?: boolean;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    yAxisRangeMin?: number;
+    yAxisRangeMax?: number;
+    reverseXAxis?: boolean;
+};
+export type BaseLineChartProps = {
+    data: ChartData<'line'>;
+    options?: Partial<ChartOptions<'line'>>;
+    onSegmentClick?: (index: number | undefined) => void;
+} & LineChartConfigurationProps;
+//# sourceMappingURL=lines.types.d.ts.map

package/dist/remarkable-ui/charts/lines/lines.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lines.types.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/lines/lines.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD,GAAG,2BAA2B,CAAC"}

package/dist/remarkable-ui/charts/lines/lines.utils.d.ts

@@ -0,0 +1,5 @@
+import { ChartData, ChartOptions } from 'chart.js';
+import { LineChartConfigurationProps } from './lines.types';
+export declare const getLineChartData: (data: ChartData<"line">) => ChartData<"line", number[], unknown>;
+export declare const getLineChartOptions: (options: LineChartConfigurationProps) => Partial<ChartOptions<"line">>;
+//# sourceMappingURL=lines.utils.d.ts.map

package/dist/remarkable-ui/charts/lines/lines.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lines.utils.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/charts/lines/lines.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,YAAY,EAAE,MAAM,UAAU,CAAC;AAGjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAO5D,eAAO,MAAM,gBAAgB,GAAI,MAAM,SAAS,CAAC,MAAM,CAAC,yCAevD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,2BAA2B,KACnC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CA2D9B,CAAC"}

package/dist/remarkable-ui/styles/styles.constants.d.ts

@@ -103,6 +103,9 @@ declare const stylesBorders: {
     '--em-border-width-xl': string;
 };
 declare const stylesComponents: {
+    '--em-line-chart-point-size-default': string;
+    '--em-line-chart-point-size-hover': string;
+    '--em-line-chart-border-width-default': string;
     '--em-background-color-default': string;
     '--em-background-color-inverted': string;
     '--em-background-color-light': string;
@@ -187,6 +190,7 @@ declare const stylesComponents: {
     '--em-category-indicator-size-height': string;
     '--em-category-indicator-size-width': string;
     '--em-cc-card-icon-size-width': string;
+    '--em-line-chart-point-width-default': string;
     '--em-chart-color-1': string;
     '--em-chart-color-10': string;
     '--em-chart-color-2': string;

package/dist/remarkable-ui/styles/styles.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-ui/styles/styles.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC;AAEF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE1B,CAAC;AAEF,QAAA,MAAM,aAAa;;;;;;;;;;;;;CAalB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAybrB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;CAcrB,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;CAMjB,CAAC;AAEF,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9D,KAAK,qBAAqB,GAAG,MAAM,CAAC,MAAM,OAAO,qBAAqB,EAAE,MAAM,CAAC,CAAC;AAChF,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,MAAM,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,OAAO,gBAAgB,EAAE,MAAM,CAAC,CAAC;AACtE,KAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,OAAO,gBAAgB,EAAE,MAAM,CAAC,CAAC;AACtE,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAC;AAE9D,MAAM,MAAM,MAAM,GAAG,YAAY,GAC/B,qBAAqB,GACrB,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,MAOpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC"}
+{"version":3,"file":"styles.constants.d.ts","sourceRoot":"","sources":["../../../src/remarkable-ui/styles/styles.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC;AAEF,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE1B,CAAC;AAEF,QAAA,MAAM,aAAa;;;;;;;;;;;;;CAalB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6brB,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;CAcrB,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;CAMjB,CAAC;AAEF,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9D,KAAK,qBAAqB,GAAG,MAAM,CAAC,MAAM,OAAO,qBAAqB,EAAE,MAAM,CAAC,CAAC;AAChF,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,MAAM,CAAC,CAAC;AAChE,KAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,OAAO,gBAAgB,EAAE,MAAM,CAAC,CAAC;AACtE,KAAK,gBAAgB,GAAG,MAAM,CAAC,MAAM,OAAO,gBAAgB,EAAE,MAAM,CAAC,CAAC;AACtE,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAC;AAE9D,MAAM,MAAM,MAAM,GAAG,YAAY,GAC/B,qBAAqB,GACrB,aAAa,GACb,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,MAOpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC"}

package/dist/remarkable-ui.css

@@ -97,6 +97,9 @@
   --em-border-width-default: 1px;
   --em-border-width-l: 2px;
   --em-border-width-xl: 4px;
+  --em-line-chart-point-size-default: 4px;
+  --em-line-chart-point-size-hover: 6px;
+  --em-line-chart-border-width-default: 2px;
   --em-background-color-default: var(--em-gray-050);
   --em-background-color-inverted: var(--em-gray-900);
   --em-background-color-light: var(--em-gray-100);
@@ -181,6 +184,7 @@
   --em-category-indicator-size-height: var(--em-width-200);
   --em-category-indicator-size-width: var(--em-width-200);
   --em-cc-card-icon-size-width: var(--em-width-200);
+  --em-line-chart-point-width-default: var(--em-width-200);
   --em-chart-color-1: var(--em-orange-900);
   --em-chart-color-10: var(--em-orange-050);
   --em-chart-color-2: var(--em-orange-800);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-ui",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",