@embeddable.com/remarkable-ui 1.0.5 → 2.0.1

package/dist/tables.module-WFOONEPQ.module.css

@@ -0,0 +1,183 @@
+.tableFullContainer {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.tableContainer {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  background: var(--em-tablechart-header-background, #fff);
+  border: var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);
+  border-radius: var(--em-tablechart-border-radius, 0.75rem);
+}
+
+.tableAdjustedContainer {
+  max-width: 100%;
+  max-height: 100%;
+  width: fit-content;
+  height: fit-content;
+  overflow-x: auto;
+  overflow-y: auto;
+  position: relative;
+  box-sizing: border-box;
+  border: var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);
+  border-radius: var(--em-tablechart-border-radius, 0.75rem);
+}
+
+.tableContainerScroll {
+  overflow-x: auto;
+  overflow-y: hidden;
+  flex: 1;
+}
+
+.tableAdjustedContainer.fullWidth {
+  width: 100%;
+}
+
+.tableAdjustedContainer.fullWidth .table {
+  width: 100%;
+}
+
+.table {
+  width: 100%;
+  border-spacing: 0;
+  box-sizing: border-box;
+}
+
+.table thead {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+
+.table th,
+.table td {
+  cursor: pointer;
+  position: relative;
+  box-sizing: border-box;
+  padding: var(--em-tablechart-cell-padding, 0.5rem)
+    calc(
+      var(--em-tablechart-cell-padding, 0.5rem) + var(--em-tablechart-padding-left-right, 0.25rem)
+    );
+  border-bottom: var(--em-tablechart-border-width, 1px) solid
+    var(--em-tablechart-border-color, #ededf1);
+  border-right: var(--em-tablechart-border-width, 1px) solid
+    var(--em-tablechart-border-color, #ededf1);
+  height: var(--em-tablechart-cell-height, 2.5rem);
+  max-height: var(--em-tablechart-cell-height, 2.5rem);
+}
+
+.table th {
+  background: var(--em-tablechart-header-background, #fff);
+}
+
+.table td {
+  background: var(--em-tablechart-cell-background, #fff);
+}
+
+.table thead th:last-of-type,
+.table tbody td:last-of-type {
+  border-right: unset;
+}
+
+.table th:hover {
+  background-color: var(--em-tablechart-cell-background--hover, #f7f7f8);
+}
+
+.table tr:has(td:hover) td {
+  background-color: var(--em-tablechart-cell-background--hover, #f7f7f8);
+}
+
+.table tbody tr:last-of-type th,
+.table tbody tr:last-of-type td {
+  border-bottom: unset;
+}
+
+/* Defaults */
+.table th,
+.table td {
+  font-style: normal;
+  font-family: var(--em-tablechart-font-family, sans-serif);
+  font-size: var(--em-tablechart-font-size, 0.75rem);
+  line-height: var(--em-tablechart-line-height, 0.875rem);
+}
+
+/* Header cells */
+.table tr th {
+  color: var(--em-tablechart-color, #212129);
+  font-weight: var(--em-tablechart-font-weight--medium, 500);
+}
+
+/* Body cells */
+.table tr td {
+  color: var(--em-tablechart-color, #212129);
+  font-weight: var(--em-tablechart-font-weight, 400);
+}
+
+/* Bolt cells */
+.table .boltCell {
+  color: var(--em-tablechart-color, #212129);
+  font-weight: var(--em-tablechart-font-weight--bold, 700);
+}
+
+/* Muted Cells */
+.table .mutedCell {
+  color: var(--em-tablechart-color--muted, #5c5c66);
+  font-weight: var(--em-tablechart-font-weight, 400);
+}
+
+/* Sticky first column */
+.table .stickyFirstColumn {
+  left: 0;
+  z-index: 1;
+  text-align: left;
+  position: sticky;
+  font-style: normal;
+  pointer-events: none;
+}
+
+.stickyFirstColumn::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: calc(-1 * var(--em-tablechart-border-width, 1px));
+  width: var(--em-tablechart-border-width, 1px);
+  background: var(--em-tablechart-border-color, #ededf1);
+}
+
+.table {
+  border-spacing: 0;
+  box-sizing: content-box;
+}
+
+/* Sticky last row */
+.table tbody tr.stickyLastRow {
+  bottom: 0;
+  top: 0;
+  z-index: 1;
+  position: sticky;
+  font-style: normal;
+  pointer-events: none;
+}
+
+.table tbody tr.stickyLastRow th::before,
+.table tbody tr.stickyLastRow td::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: calc(-1 * var(--em-tablechart-border-width, 1px));
+  height: var(--em-tablechart-border-width, 1px);
+  background: var(--em-tablechart-border-color, #ededf1);
+}
+
+.table tbody tr.tableLastRow td {
+  border-bottom: var(--em-tablechart-border-width, 1px) solid
+    var(--em-tablechart-border-color, #ededf1);
+}

package/package.json

@@ -1,10 +1,20 @@
 {
   "name": "@embeddable.com/remarkable-ui",
-  "author": "embeddable (https://embeddable.com)",
-  "version": "1.0.5",
+  "version": "2.0.1",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles": {
+      "import": "./dist/styles.js",
+      "types": "./dist/styles.d.ts"
+    }
+  },
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "README.md"
@@ -13,34 +23,27 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsc",
-    "process:css-variables": "node scripts/process-css-variables.js",
+    "build": "tsup --config tsup.config.ts",
+    "prepublishOnly": "npm run build",
     "build-storybook": "storybook build",
     "circular:check": "madge --circular .",
     "deploy-storybook": "gh-pages -d storybook-static",
-    "embeddable:build": "embeddable build",
-    "embeddable:dev": "embeddable dev",
-    "embeddable:login": "embeddable login",
-    "embeddable:package": "embeddable buildPackage && npm run process:css-variables",
-    "embeddable:push": "embeddable push",
-    "embeddable:upgrade": "npx npm-check-updates -u \"/embeddable/\"",
     "eslint:check": "eslint .",
     "eslint:fix": "eslint --fix --quiet .",
     "lint:staged": "lint-staged",
     "prepare": "husky",
     "prettier:check": "prettier . --check",
     "prettier:write": "prettier . --write",
-    "release": "npm run embeddable:package && changeset publish",
+    "release": "npm run prepublishOnly && changeset publish",
     "storybook": "storybook dev -p 6006",
-    "types:check": "tsc --noEmit --incremental false",
-    "postinstall": "node -e \"try{require('child_process').execSync('xattr -dr com.apple.quarantine node_modules/@swc || true',{stdio:'inherit'})}catch(e){}\""
+    "types:check": "tsc --noEmit --incremental false"
   },
   "keywords": [
+    "remarkable-ui",
+    "remarkable-components",
     "embeddable",
-    "embeddable-components",
     "embeddable-ui",
-    "remarkable-components",
-    "remarkable-ui"
+    "embeddable-components"
   ],
   "engines": {
     "npm": ">=9.0.0",
@@ -56,33 +59,20 @@
   },
   "dependencies": {
     "@changesets/cli": "^2.29.6",
-    "@embeddable.com/core": "^2.13.0",
-    "@embeddable.com/react": "^2.12.0",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@tabler/icons-react": "^3.34.1",
     "chart.js": "^4.5.0",
     "chartjs-plugin-annotation": "^3.1.0",
     "chartjs-plugin-datalabels": "^2.2.0",
-    "chroma-js": "^3.1.2",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.14",
-    "dom-to-image-more": "^3.6.3",
-    "i18next": "^25.3.2",
     "mergician": "^2.0.2",
-    "react-chartjs-2": "^5.3.0",
-    "xlsx": "^0.18.5"
+    "react-chartjs-2": "^5.3.0"
   },
   "devDependencies": {
-    "@embeddable.com/sdk-core": "^4.1.3",
-    "@embeddable.com/sdk-react": "^4.0.7",
     "@eslint/css": "^0.13.0",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
     "@storybook/react": "^9.0.18",
     "@storybook/react-webpack5": "^9.0.17",
-    "@swc-node/core": "1.14.1",
-    "@swc/cli": "^0.4.0",
-    "@swc/core": "1.13.5",
-    "@types/chroma-js": "^3.1.1",
     "@types/react": "^19.1.9",
     "@types/react-dom": "^19.1.7",
     "esbuild-register": "^3.6.0",
@@ -102,6 +92,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "storybook": "^9.0.17",
+    "tsup": "^8.5.1",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.37.0"
   },

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,117 +0,0 @@
-import { i as L, r as w, m as M, j as l, B as V, d as y, a as z, b as P, t as k, c as v, s as H, e as R, f as j, g as I, x as S, y as T, h as Y, k as F, l as E, n as G, V as O, o as W } from "./component.constants-B5vygi6l.js";
-import { useTheme as _, defineComponent as q } from "@embeddable.com/react";
-import { C as J } from "./ChartCard-BzLW_64B.js";
-import "react";
-import { g as K, a as N } from "./bars.utils-CAMiF7iA.js";
-import { u as Q } from "./charts.fillGaps.hooks-5WclK2CD.js";
-const U = (a) => {
-  var i, n;
-  const s = _();
-  L(s);
-  const {
-    description: m,
-    dimension: e,
-    measures: t,
-    reverseYAxis: x,
-    showLegend: u,
-    showLogarithmicScale: h,
-    showTooltips: d,
-    showValueLabels: c,
-    title: p,
-    xAxisLabel: C,
-    xAxisRangeMax: g,
-    xAxisRangeMin: b,
-    yAxisLabel: A,
-    yAxisMaxItems: f,
-    onBarClicked: B
-  } = w(a), r = Q({
-    results: a.results,
-    dimension: e
-  }), o = K(
-    { data: r.data, dimension: e, measures: t, maxItems: f },
-    s
-  ), D = M(
-    N({ measures: t, horizontal: !0, onBarClicked: B, data: o, dimension: e }, s),
-    // Format X axis based on first measure
-    ((n = (i = s.charts) == null ? void 0 : i.barChartDefaultHorizontalPro) == null ? void 0 : n.options) || {}
-  );
-  return /* @__PURE__ */ l.jsx(
-    J,
-    {
-      data: r,
-      dimensionsAndMeasures: [e, ...t],
-      errorMessage: r.error,
-      subtitle: m,
-      title: p,
-      children: /* @__PURE__ */ l.jsx(
-        V,
-        {
-          horizontal: !0,
-          data: o,
-          options: D,
-          reverseYAxis: x,
-          showLegend: u,
-          showLogarithmicScale: h,
-          showTooltips: d,
-          showValueLabels: c,
-          xAxisLabel: C,
-          xAxisRangeMax: g,
-          xAxisRangeMin: b,
-          yAxisLabel: A
-        }
-      )
-    }
-  );
-}, X = {
-  name: "BarChartDefaultHorizontalPro",
-  label: "Bar Chart - Default Horizontal",
-  category: "Bar Charts",
-  inputs: [
-    y,
-    z,
-    { ...P, label: "Y-axis" },
-    k,
-    v,
-    H,
-    R,
-    j,
-    I,
-    S,
-    T,
-    Y,
-    F,
-    E,
-    G
-  ],
-  events: [
-    {
-      name: "onBarClicked",
-      label: "A bar is clicked",
-      properties: [
-        {
-          name: "axisDimensionValue",
-          label: "Clicked Axis Dimension Value",
-          type: "string"
-        }
-      ]
-    }
-  ]
-}, ra = q(U, X, {
-  props: (a) => ({
-    ...a,
-    results: W({
-      from: a.dataset,
-      select: [...a.measures, a.dimension]
-    })
-  }),
-  events: {
-    onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || O.noFilter()
-    })
-  }
-});
-export {
-  ra as default,
-  X as meta
-};
-//# sourceMappingURL=BarChartDefaultHorizontalPro.js.map

package/dist/BarChartDefaultHorizontalPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChartDefaultHorizontalPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartDefaultHorizontalPro/BarChartDefaultHorizontalPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartDefaultHorizontalProProps = {\n  description: string;\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisLabel: string;\n  yAxisMaxItems: number;\n  onBarClicked: (args: { axisDimensionValue: string | null }) => void;\n};\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    title,\n    xAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisLabel,\n    yAxisMaxItems,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: true, onBarClicked, data, dimension }, theme), // Format X axis based on first measure\n    theme.charts?.barChartDefaultHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        horizontal\n        data={data}\n        options={options}\n        reverseYAxis={reverseYAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        xAxisRangeMax={xAxisRangeMax}\n        xAxisRangeMin={xAxisRangeMin}\n        yAxisLabel={yAxisLabel}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultHorizontalPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartDefaultHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measures,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n  yAxisMaxItems,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartDefaultHorizontalPro',\n  label: 'Bar Chart - Default Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measures,\n    { ...dimensionWithDateBounds, label: 'Y-axis' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    yAxisMaxItems,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar 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 default defineComponent(BarChartDefaultHorizontalPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","description","dimension","measures","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","title","xAxisLabel","xAxisRangeMax","xAxisRangeMin","yAxisLabel","yAxisMaxItems","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","BarChartDefaultHorizontalPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":";;;;;;AA8BA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAUC,EAAY;AAAA,IAC1B,SAASrB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKiB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUW,EAAA;AAAA,IACrDhB;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAApB,GAAU,YAAY,IAAM,cAAAY,GAAc,MAAAI,GAAM,WAAAjB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC1F0B,KAAAC,IAAA3B,EAAM,WAAN,gBAAA2B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcc,EAAQ;AAAA,MACtB,UAAUhB;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,MAAAT;AAAA,UACA,SAAAE;AAAA,UACA,cAAAjB;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAE;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GCtEagB,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA3B;AAAA,IACA,EAAE,GAAG4B,GAAyB,OAAO,SAAA;AAAA,IACrCtB;AAAA,IACAR;AAAA,IACAI;AAAA,IACAE;AAAA,IACAC;AAAA,IACAF;AAAA,IACAI;AAAA,IACAG;AAAA,IACAT;AAAA,IACAQ;AAAA,IACAD;AAAA,IACAG;AAAA,EAAA;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;AAEJ,GAEAkB,KAAeC,EAAgBrC,GAA8BiC,GAAM;AAAA,EACjE,OAAO,CAACK,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/BarChartDefaultPro.js

@@ -1,116 +0,0 @@
-import { i as L, r as y, m as w, j as l, B as M, d as V, a as P, b as v, t as k, c as R, s as j, e as I, f as S, g as T, x as X, y as F, p as q, q as z, u as E, v as G, V as O, o as W } from "./component.constants-B5vygi6l.js";
-import { useTheme as _, defineComponent as H } from "@embeddable.com/react";
-import { C as J } from "./ChartCard-BzLW_64B.js";
-import "react";
-import { g as K, a as N } from "./bars.utils-CAMiF7iA.js";
-import { u as Q } from "./charts.fillGaps.hooks-5WclK2CD.js";
-const U = (a) => {
-  var o, n;
-  const s = _();
-  L(s);
-  const {
-    description: m,
-    dimension: e,
-    measures: t,
-    title: x,
-    xAxisLabel: u,
-    xAxisMaxItems: d,
-    yAxisLabel: c,
-    yAxisRangeMin: h,
-    yAxisRangeMax: p,
-    showLegend: C,
-    showLogarithmicScale: g,
-    showTooltips: b,
-    showValueLabels: f,
-    reverseXAxis: A,
-    onBarClicked: B
-  } = y(a), r = Q({
-    results: a.results,
-    dimension: e
-  }), i = K(
-    { data: r.data, dimension: e, measures: t, maxItems: d },
-    s
-  ), D = w(
-    N({ measures: t, horizontal: !1, onBarClicked: B, data: i, dimension: e }, s),
-    // Format Y axis based on first measure
-    ((n = (o = s.charts) == null ? void 0 : o.barChartDefaultPro) == null ? void 0 : n.options) || {}
-  );
-  return /* @__PURE__ */ l.jsx(
-    J,
-    {
-      data: r,
-      dimensionsAndMeasures: [e, ...t],
-      errorMessage: r.error,
-      subtitle: m,
-      title: x,
-      children: /* @__PURE__ */ l.jsx(
-        M,
-        {
-          data: i,
-          showLegend: C,
-          showTooltips: b,
-          showValueLabels: f,
-          showLogarithmicScale: g,
-          xAxisLabel: u,
-          yAxisLabel: c,
-          reverseXAxis: A,
-          yAxisRangeMin: h,
-          yAxisRangeMax: p,
-          options: D
-        }
-      )
-    }
-  );
-}, Y = {
-  name: "BarChartDefaultPro",
-  label: "Bar Chart - Default",
-  category: "Bar Charts",
-  inputs: [
-    V,
-    P,
-    { ...v, label: "X-axis" },
-    k,
-    R,
-    j,
-    I,
-    S,
-    T,
-    X,
-    F,
-    q,
-    z,
-    E,
-    G
-  ],
-  events: [
-    {
-      name: "onBarClicked",
-      label: "A bar is clicked",
-      properties: [
-        {
-          name: "axisDimensionValue",
-          label: "Clicked Axis Dimension Value",
-          type: "string"
-        }
-      ]
-    }
-  ]
-}, ra = H(U, Y, {
-  props: (a) => ({
-    ...a,
-    results: W({
-      from: a.dataset,
-      select: [...a.measures, a.dimension]
-    })
-  }),
-  events: {
-    onBarClicked: (a) => ({
-      axisDimensionValue: a.axisDimensionValue || O.noFilter()
-    })
-  }
-});
-export {
-  ra as default,
-  Y as meta
-};
-//# sourceMappingURL=BarChartDefaultPro.js.map

package/dist/BarChartDefaultPro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BarChartDefaultPro.js","sources":["../src/remarkable-pro/components/charts/bars/BarChartDefaultPro/index.tsx","../src/remarkable-pro/components/charts/bars/BarChartDefaultPro/BarChartDefaultPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '../../../../../remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartDefaultProProps = {\n  description: string;\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  title: string;\n  xAxisLabel: string;\n  xAxisMaxItems: number;\n  yAxisLabel: string;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  reverseXAxis: boolean;\n  onBarClicked: (args: { axisDimensionValue: string | null }) => void;\n};\n\nconst BarChartDefaultPro = (props: BarChartDefaultProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    title,\n    xAxisLabel,\n    xAxisMaxItems,\n    yAxisLabel,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    reverseXAxis,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: xAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: false, onBarClicked, data, dimension }, theme), // Format Y axis based on first measure\n    theme.charts?.barChartDefaultPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartDefaultPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measures,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseXAxis,\n  yAxisRangeMin,\n  yAxisRangeMax,\n  xAxisMaxItems,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartDefaultPro',\n  label: 'Bar Chart - Default',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measures,\n    { ...dimensionWithDateBounds, label: 'X-axis' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    xAxisMaxItems,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar 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 default defineComponent(BarChartDefaultPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartDefaultPro","props","theme","useTheme","i18nSetup","description","dimension","measures","title","xAxisLabel","xAxisMaxItems","yAxisLabel","yAxisRangeMin","yAxisRangeMax","showLegend","showLogarithmicScale","showTooltips","showValueLabels","reverseXAxis","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","BarChartDefaultPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":";;;;;;AA8BA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAUC,EAAY;AAAA,IAC1B,SAASrB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKiB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUG,EAAA;AAAA,IACrDR;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAApB,GAAU,YAAY,IAAO,cAAAY,GAAc,MAAAI,GAAM,WAAAjB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC3F0B,KAAAC,IAAA3B,EAAM,WAAN,gBAAA2B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcc,EAAQ;AAAA,MACtB,UAAUhB;AAAA,MACV,OAAAG;AAAA,MAEA,UAAAsB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAT;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAC;AAAA,UACA,sBAAAF;AAAA,UACA,YAAAN;AAAA,UACA,YAAAE;AAAA,UACA,cAAAO;AAAA,UACA,eAAAN;AAAA,UACA,eAAAC;AAAA,UACA,SAAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GCrEaQ,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA3B;AAAA,IACA,EAAE,GAAG4B,GAAyB,OAAO,SAAA;AAAA,IACrC3B;AAAA,IACAH;AAAA,IACAS;AAAA,IACAE;AAAA,IACAC;AAAA,IACAF;AAAA,IACAN;AAAA,IACAE;AAAA,IACAO;AAAA,IACAN;AAAA,IACAC;AAAA,IACAH;AAAA,EAAA;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;AAEJ,GAEA0B,KAAeC,EAAgBrC,GAAoBiC,GAAM;AAAA,EACvD,OAAO,CAACK,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,cAAc,CAACE,OACN;AAAA,MACL,oBAAoBA,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,134 +0,0 @@
-import { i as L, r as w, m as k, j as m, B as z, d as G, w as P, b as R, z as M, t as H, c as j, A as v, s as S, e as T, f as F, g as Y, x as E, y as I, h as O, k as W, l as _, V as u, o as q } from "./component.constants-B5vygi6l.js";
-import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
-import { C as N } from "./ChartCard-BzLW_64B.js";
-import "react";
-import { b as Q, a as U } from "./bars.utils-CAMiF7iA.js";
-import { u as X } from "./charts.fillGaps.hooks-5WclK2CD.js";
-const Z = (e) => {
-  var n, l;
-  const a = J();
-  L(a);
-  const {
-    description: d,
-    groupBy: i,
-    measure: s,
-    reverseYAxis: x,
-    showLegend: p,
-    showLogarithmicScale: h,
-    showTooltips: c,
-    showTotalLabels: g,
-    showValueLabels: b,
-    title: A,
-    yAxis: o,
-    xAxisLabel: C,
-    yAxisLabel: B,
-    xAxisRangeMax: y,
-    xAxisRangeMin: V,
-    onBarClicked: D
-  } = w(e), r = X({
-    results: e.results,
-    dimension: e.yAxis
-  }), t = Q(
-    {
-      data: r.data,
-      dimension: o,
-      groupDimension: i,
-      measure: s
-    },
-    a
-  ), f = k(
-    U(
-      { measures: [s], horizontal: !0, onBarClicked: D, data: t, dimension: o },
-      a
-    ),
-    ((l = (n = a.charts) == null ? void 0 : n.barChartGroupedHorizontalPro) == null ? void 0 : l.options) || {}
-  );
-  return /* @__PURE__ */ m.jsx(
-    N,
-    {
-      data: r,
-      dimensionsAndMeasures: [s, o, i],
-      errorMessage: r.error,
-      subtitle: d,
-      title: A,
-      children: /* @__PURE__ */ m.jsx(
-        z,
-        {
-          data: t,
-          showLegend: p,
-          showTooltips: c,
-          showValueLabels: b,
-          showLogarithmicScale: h,
-          xAxisLabel: C,
-          yAxisLabel: B,
-          reverseYAxis: x,
-          xAxisRangeMin: V,
-          xAxisRangeMax: y,
-          showTotalLabels: g,
-          options: f,
-          horizontal: !0
-        }
-      )
-    }
-  );
-}, $ = {
-  name: "BarChartGroupedHorizontalPro",
-  label: "Bar Chart - Grouped Horizontal",
-  category: "Bar Charts",
-  inputs: [
-    G,
-    P,
-    { ...R, name: "yAxis", label: "Y-axis" },
-    { ...M, name: "groupBy", label: "Group by" },
-    H,
-    j,
-    v,
-    S,
-    T,
-    { ...F, defaultValue: !1 },
-    Y,
-    E,
-    I,
-    O,
-    W,
-    _
-  ],
-  events: [
-    {
-      name: "onBarClicked",
-      label: "A bar is clicked",
-      properties: [
-        {
-          name: "axisDimensionValue",
-          label: "Clicked Axis Dimension Value",
-          type: "string"
-        },
-        {
-          name: "groupingDimensionValue",
-          label: "Clicked Grouping Dimension Value",
-          type: "string"
-        }
-      ]
-    }
-  ]
-}, te = K(Z, $, {
-  props: (e) => ({
-    ...e,
-    results: q({
-      limit: e.maxResults,
-      from: e.dataset,
-      select: [e.yAxis, e.groupBy, e.measure]
-    })
-  }),
-  events: {
-    onBarClicked: (e) => ({
-      axisDimensionValue: e.axisDimensionValue || u.noFilter(),
-      groupingDimensionValue: e.groupingDimensionValue || u.noFilter()
-    })
-  }
-});
-export {
-  te as default,
-  $ as meta
-};
-//# sourceMappingURL=BarChartGroupedHorizontalPro.js.map