@embeddable.com/remarkable-pro 0.1.1 → 0.1.3

package/dist/index-DffpQwrs.js

@@ -1,82 +0,0 @@
-import { m as P, j as o, B as L } from "./Color.type.emb-De2K8PVb.js";
-import { useTheme as S } from "@embeddable.com/react";
-import { a as w, r as T } from "./component.inputs.constants-DzpzJ9Na.js";
-import { C as _ } from "./ChartCard-CfVMn37p.js";
-import { a as v, b as D } from "./bars.utils-7WiIKMS8.js";
-import { u as G } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { C as I } from "./ChartGranularitySelectField-C_6Mugcw.js";
-const O = (s) => {
-  var m, u;
-  const e = S();
-  w(e);
-  const {
-    measures: r,
-    yAxisRangeMin: h,
-    xAxisMaxItems: c,
-    yAxisRangeMax: d,
-    showLegend: x,
-    showTooltips: p,
-    showLogarithmicScale: f,
-    showValueLabels: g,
-    reverseXAxis: C,
-    hideMenu: b,
-    dimension: a,
-    setGranularity: M,
-    onBarClicked: j
-  } = s, { description: i, title: n, xAxisLabel: y, yAxisLabel: A } = T(s), t = G({
-    results: s.results,
-    dimension: a
-  }), l = v(
-    { data: t.data, dimension: a, measures: r, maxItems: c },
-    e
-  ), B = P(
-    D({ measures: r, horizontal: !1, onBarClicked: j, data: l, dimension: a }, e),
-    // Format Y axis based on first measure
-    ((u = (m = e.charts) == null ? void 0 : m.barChartDefaultPro) == null ? void 0 : u.options) || {}
-  );
-  return /* @__PURE__ */ o.jsxs(
-    _,
-    {
-      data: t,
-      dimensionsAndMeasures: [a, ...r],
-      errorMessage: t.error,
-      description: i,
-      title: n,
-      hideMenu: b,
-      children: [
-        /* @__PURE__ */ o.jsx(
-          I,
-          {
-            hasMarginTop: !n && !i,
-            dimension: a,
-            onChange: M
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          L,
-          {
-            data: l,
-            showLegend: x,
-            showTooltips: p,
-            showValueLabels: g,
-            showLogarithmicScale: f,
-            xAxisLabel: y,
-            yAxisLabel: A,
-            reverseXAxis: C,
-            yAxisRangeMin: h,
-            yAxisRangeMax: d,
-            options: B
-          }
-        )
-      ]
-    }
-  );
-}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: O
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  O as B,
-  q as i
-};
-//# sourceMappingURL=index-DffpQwrs.js.map

package/dist/index-DffpQwrs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DffpQwrs.js","sources":["../src/components/charts/bars/BarChartDefaultPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\ntype BarChartDefaultProProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\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  setGranularity: (granularity: Granularity) => void;\n  onBarClicked?: (args: { axisDimensionValue: string | null }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartDefaultPro = (props: BarChartDefaultProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measures,\n    yAxisRangeMin,\n    xAxisMaxItems,\n    yAxisRangeMax,\n    showLegend,\n    showTooltips,\n    showLogarithmicScale,\n    showValueLabels,\n    reverseXAxis,\n    hideMenu,\n    dimension,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const { description, title, xAxisLabel, yAxisLabel } = 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      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <ChartGranularitySelectField\n        hasMarginTop={!title && !description}\n        dimension={dimension}\n        onChange={setGranularity}\n      />\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultPro;\n"],"names":["BarChartDefaultPro","props","theme","useTheme","i18nSetup","measures","yAxisRangeMin","xAxisMaxItems","yAxisRangeMax","showLegend","showTooltips","showLogarithmicScale","showValueLabels","reverseXAxis","hideMenu","dimension","setGranularity","onBarClicked","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AA8BA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,UAAAG;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEhB,GAEE,EAAE,aAAAiB,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBrB,CAAK,GAEvEsB,IAAUC,EAAY;AAAA,IAC1B,SAASvB,EAAM;AAAA,IACf,WAAAc;AAAA,EAAA,CACD,GAEKU,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAR,GAAW,UAAAV,GAAU,UAAUE,EAAA;AAAA,IACrDL;AAAA,EAAA,GAGIyB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAAxB,GAAU,YAAY,IAAO,cAAAY,GAAc,MAAAQ,GAAM,WAAAV,EAAA,GAAab,CAAK;AAAA;AAAA,MAC3F4B,KAAAC,IAAA7B,EAAM,WAAN,gBAAA6B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACR,GAAW,GAAGV,CAAQ;AAAA,MAC9C,cAAckB,EAAQ;AAAA,MACtB,aAAAL;AAAA,MACA,OAAAC;AAAA,MACA,UAAAL;AAAA,MAEA,UAAA;AAAA,QAAAoB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAc,CAAChB,KAAS,CAACD;AAAA,YACzB,WAAAH;AAAA,YACA,UAAUC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZkB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAX;AAAA,YACA,YAAAhB;AAAA,YACA,cAAAC;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAD;AAAA,YACA,YAAAS;AAAA,YACA,YAAAC;AAAA,YACA,cAAAR;AAAA,YACA,eAAAP;AAAA,YACA,eAAAE;AAAA,YACA,SAAAmB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}

package/dist/index-mtJHlsB1.js

@@ -1,47 +0,0 @@
-import { j as r, S as b } from "./Color.type.emb-De2K8PVb.js";
-import { g as O } from "./formatter.utils-CiN6axbW.js";
-import { useTheme as j } from "@embeddable.com/react";
-import { E as v } from "./EditorCard-B9UFM_uA.js";
-import { r as x, i as F } from "./component.inputs.constants-DzpzJ9Na.js";
-const M = 200, _ = (l) => {
-  var a, i;
-  const m = j(), c = O(m), {
-    title: d,
-    description: p,
-    dimension: t,
-    optionalSecondDimension: n,
-    placeholder: u,
-    results: o,
-    selectedValue: g,
-    setSearchValue: S,
-    onChange: s
-  } = x(l), h = ((a = o.data) == null ? void 0 : a.map((e) => ({
-    value: n ? e[n.name] : e[t.name],
-    label: c.data(t, e[t.name])
-  }))) ?? [], f = !o.isLoading && (((i = o.data) == null ? void 0 : i.length) ?? 0) === 0;
-  return /* @__PURE__ */ r.jsx(v, { title: d, subtitle: p, children: /* @__PURE__ */ r.jsx(
-    b,
-    {
-      clearable: !0,
-      searchable: !0,
-      isLoading: o.isLoading,
-      value: g,
-      options: h,
-      placeholder: u,
-      noOptionsMessage: f ? F.t("common.noOptionsFound") : void 0,
-      onChange: (e) => s == null ? void 0 : s(e),
-      onSearch: S,
-      avoidCollisions: !1
-    }
-  ) });
-}, C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  MAX_OPTIONS: M,
-  default: _
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  M,
-  _ as S,
-  C as i
-};
-//# sourceMappingURL=index-mtJHlsB1.js.map

package/dist/index-mtJHlsB1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-mtJHlsB1.js","sources":["../src/components/editors/SingleSelectFieldPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\n\nexport const MAX_OPTIONS = 200;\n\ntype SingleSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValue?: string;\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (selectedValue: string) => void;\n} & ChartCardHeaderProps;\n\nconst SingleSelectFieldPro = (props: SingleSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValue,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        clearable\n        searchable\n        isLoading={results.isLoading}\n        value={selectedValue}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValue: string) => onChange?.(newValue)}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default SingleSelectFieldPro;\n"],"names":["MAX_OPTIONS","SingleSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","placeholder","results","selectedValue","setSearchValue","onChange","resolveI18nProps","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","SingleSelectField","i18n","newValue"],"mappings":";;;;;AAUO,MAAMA,IAAc,KAarBC,IAAuB,CAACC,MAAqC;;AACjE,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GAExC;AAAA,IACJ,OAAAI;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,MACJC,IAAAN,EAAQ,SAAR,gBAAAM,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOT,IAA0BS,EAAKT,EAAwB,IAAI,IAAIS,EAAKV,EAAU,IAAI;AAAA,IACzF,OAAOJ,EAAe,KAAKI,GAAWU,EAAKV,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFW,IAA+B,CAACR,EAAQ,gBAAcS,IAAAT,EAAQ,SAAR,gBAAAS,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAClC,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,YAAU;AAAA,MACV,WAAWZ,EAAQ;AAAA,MACnB,OAAOC;AAAA,MACP,SAAAI;AAAA,MACA,aAAAN;AAAA,MACA,kBAAkBS,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAqBX,KAAA,gBAAAA,EAAWW;AAAA,MAC3C,UAAUZ;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;;;"}