@embeddable.com/remarkable-ui 0.0.5 → 0.0.7

package/dist/DateRangeSelectFieldPro.js

@@ -1,16 +1,16 @@
 import { defineComponent as l } from "@embeddable.com/react";
-import { w as o, x as n, E as r, V as a } from "./component.constants-ChubamQR.js";
-import { D as i, l as t } from "./index-CdKU0sfg.js";
-const s = {
+import { w as o, x as n, E as r, V as t } from "./component.constants-ChubamQR.js";
+import { D as i, l as a } from "./index-CdKU0sfg.js";
+const d = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",
   category: "Dropdowns",
-  defaultWidth: 200,
+  defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
     { ...o },
     { ...n },
-    { ...r, defaultValue: "Pick a date" },
+    { ...r, defaultValue: "Select a date-range" },
     {
       name: "selectedValue",
       type: "timeRange",
@@ -21,10 +21,11 @@ const s = {
   events: [
     {
       name: "onChange",
-      label: "Change",
+      label: "selected date-range updated",
       properties: [
         {
           name: "value",
+          label: "selected date-range",
           type: "timeRange"
         }
       ]
@@ -32,30 +33,30 @@ const s = {
   ],
   variables: [
     {
-      name: "Date-range-select value",
+      name: "date-range value",
       type: "timeRange",
-      defaultValue: a.noFilter(),
+      defaultValue: t.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, p = l(i, s, {
+}, p = l(i, d, {
   props: (e) => ({
     ...e
   }),
   events: {
     onChange: (e) => ({
       value: e ? {
-        from: e.from ? t(e.from) : void 0,
-        to: e.to ? t(e.to) : void 0,
+        from: e.from ? a(e.from) : void 0,
+        to: e.to ? a(e.to) : void 0,
         relativeTimeString: ""
         // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)
-      } : a.noFilter()
+      } : t.noFilter()
     })
   }
 });
 export {
   p as default,
-  s as meta
+  d as meta
 };
 //# sourceMappingURL=DateRangeSelectFieldPro.js.map

package/dist/DateRangeSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport { localToUtcDate } from '../../../utils.ts/date.utils';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date Range Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Pick a date' },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Date-range-select value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => {\n      return {\n        value: range\n          ? {\n              from: range.from ? localToUtcDate(range.from) : undefined,\n              to: range.to ? localToUtcDate(range.to) : undefined,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range","localToUtcDate"],"mappings":";;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,cAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,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,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,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBP,GAAM;AAAA,EAC3D,OAAO,CAACQ,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,MAAMA,EAAM,OAAOC,EAAeD,EAAM,IAAI,IAAI;AAAA,QAChD,IAAIA,EAAM,KAAKC,EAAeD,EAAM,EAAE,IAAI;AAAA,QAC1C,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}
+{"version":3,"file":"DateRangeSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport DateTimeSelectFieldPro from './index';\nimport { description, placeholder, title } from '../../component.constants';\nimport { localToUtcDate } from '../../../utils.ts/date.utils';\n\nexport const meta = {\n  name: 'DateRangeSelectFieldPro',\n  label: 'Date Range Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    { ...title },\n    { ...description },\n    { ...placeholder, defaultValue: 'Select a date-range' },\n    {\n      name: 'selectedValue',\n      type: 'timeRange',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected date-range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(DateTimeSelectFieldPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n    };\n  },\n  events: {\n    onChange: (range) => {\n      return {\n        value: range\n          ? {\n              from: range.from ? localToUtcDate(range.from) : undefined,\n              to: range.to ? localToUtcDate(range.to) : undefined,\n              relativeTimeString: '', // This is prioritised over the from and to dates, so we don't pass this for now (as we don't want Cube parsing this instead of using the calculated dates)\n            }\n          : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","title","description","placeholder","Value","DateRangeSelectFieldPro_emb","defineComponent","DateTimeSelectFieldPro","inputs","range","localToUtcDate"],"mappings":";;;AAMO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,EAAA;AAAA,IACL,EAAE,GAAGC,GAAa,cAAc,sBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,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,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEAC,IAAeC,EAAgBC,GAAwBP,GAAM;AAAA,EAC3D,OAAO,CAACQ,OACC;AAAA,IACL,GAAGA;AAAA,EAAA;AAAA,EAGP,QAAQ;AAAA,IACN,UAAU,CAACC,OACF;AAAA,MACL,OAAOA,IACH;AAAA,QACE,MAAMA,EAAM,OAAOC,EAAeD,EAAM,IAAI,IAAI;AAAA,QAChD,IAAIA,EAAM,KAAKC,EAAeD,EAAM,EAAE,IAAI;AAAA,QAC1C,oBAAoB;AAAA;AAAA,MAAA,IAEtBL,EAAM,SAAA;AAAA,IAAS;AAAA,EAEvB;AAEJ,CAAC;"}

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
 import { t as a, v as s, u as t, w as o, x as n, y as r, B as i, z as m, A as l, V as d, F as u } from "./component.constants-ChubamQR.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-CfE1mzTX.js";
+import { D as p } from "./index-DNYvAEqq.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,6 +1,6 @@
 import { t as n, v as a, u as s, w as r, x as o, y as l, B as i, z as m, A as d, V as u, F as t } from "./component.constants-ChubamQR.js";
 import { defineComponent as b } from "@embeddable.com/react";
-import { D as c } from "./index-Bv2G17nj.js";
+import { D as c } from "./index-CLL3UkRg.js";
 const p = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/MultiSelectFieldPro.js

@@ -1,47 +1,52 @@
-import { defineComponent as r } from "@embeddable.com/react";
-import { t as s, u as l, w as d, x as u, E as m, V as n, F as p } from "./component.constants-ChubamQR.js";
-import { a as c, b as f } from "./index-DeM-YRml.js";
+import { defineComponent as i } from "@embeddable.com/react";
+import { t as r, u as s, w as d, x as u, E as m, V as t, F as c } from "./component.constants-ChubamQR.js";
+import { a as p, b as f } from "./index-DeM-YRml.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",
   category: "Dropdowns",
-  defaultWidth: 200,
+  defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
-    s,
-    { ...l, label: "Dimension (to load Dropdown values)" },
-    {
-      ...l,
-      required: !1,
-      name: "optionalSecondDimension",
-      label: "Optional second dimension for filtering",
-      description: "A hidden dimension applied for filtering instead of the main dimension. Must be unique."
-    },
+    r,
+    { ...s, label: "Dimension (to load Dropdown values)" },
     d,
     u,
-    { ...m, defaultValue: "Select value..." },
+    { ...m, defaultValue: "Select values..." },
+    {
+      name: "maxOptions",
+      type: "number",
+      label: "Maximum options",
+      category: "Component Settings",
+      defaultValue: p
+    },
     {
       name: "selectedValues",
       type: "string",
       array: !0,
       label: "Selected Values",
-      category: "Pre-configured variables"
+      category: "Pre-configured Variables"
     },
     {
-      name: "maxOptions",
-      type: "number",
-      label: "Maximum options",
-      category: "Pre-configured variables",
-      defaultValue: c
+      type: "dimension",
+      config: {
+        dataset: "dataset"
+      },
+      required: !1,
+      name: "optionalSecondDimension",
+      label: "Optional secondary dimension",
+      category: "Data Mapping for Interactions",
+      description: "Send a different dimension to embeddable when the user clicks. Must be unique."
     }
   ],
   events: [
     {
       name: "onChange",
-      label: "Change",
+      label: "selected values updated",
       properties: [
         {
           name: "value",
+          label: "selected values",
           type: "string",
           array: !0
         }
@@ -50,28 +55,28 @@ const g = {
   ],
   variables: [
     {
-      name: "Multi-select values",
+      name: "multi-select values",
       type: "string",
       array: !0,
-      defaultValue: n.noFilter(),
+      defaultValue: t.noFilter(),
       inputs: ["selectedValues"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, y = r(f, g, {
-  props: (e, [a, i]) => {
-    const o = e.dimension.nativeType === "string" ? "contains" : "equals";
+}, h = i(f, g, {
+  props: (e, [a, l]) => {
+    const n = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
       ...e,
       maxOptions: e.maxOptions,
-      setSearchValue: (t) => i({ searchValue: t }),
-      results: p({
+      setSearchValue: (o) => l({ searchValue: o }),
+      results: c({
         limit: e.maxOptions,
         from: e.dataset,
         select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
         filters: a != null && a.searchValue ? [
           {
-            operator: o,
+            operator: n,
             property: e.dimension,
             value: a.searchValue
           }
@@ -81,12 +86,12 @@ const g = {
   },
   events: {
     onChange: (e) => ({
-      value: e.length ? e : n.noFilter()
+      value: e.length ? e : t.noFilter()
     })
   }
 });
 export {
-  y as default,
+  h as default,
   g as meta
 };
 //# sourceMappingURL=MultiSelectFieldPro.js.map

package/dist/MultiSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport MultiSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValues',\n      type: 'string',\n      array: true,\n      label: 'Selected Values',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(MultiSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValues: string[]) => {\n      return {\n        value: selectedValues.length ? selectedValues : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","MultiSelectFieldPro_emb","defineComponent","MultiSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValues"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvB;AAAA,MACE,GAAGA;AAAA,MACH,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,gBAAgB;AAAA,MACzB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAqBV,GAAM;AAAA,EACxD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAAa;AAAA,MACjE,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,EAAe,SAASA,IAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}
+{"version":3,"file":"MultiSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport MultiSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select values...' },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      name: 'selectedValues',\n      type: 'string',\n      array: true,\n      label: 'Selected Values',\n      category: 'Pre-configured Variables',\n    },\n    {\n      type: 'dimension',\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected values updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected values',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(MultiSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValues: string[]) => {\n      return {\n        value: selectedValues.length ? selectedValues : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","MultiSelectFieldPro_emb","defineComponent","MultiSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValues"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvBC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,mBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EACf;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,UACN,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,gBAAgB;AAAA,MACzB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAqBV,GAAM;AAAA,EACxD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAAa;AAAA,MACjE,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,EAAe,SAASA,IAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/PieChartPro.js

@@ -1,6 +1,6 @@
 import { t as a, v as s, u as t, w as o, x as n, y as i, B as r, z as m, A as l, V as d, F as c } from "./component.constants-ChubamQR.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-BmXdKHMF.js";
+import { P as u } from "./index-2YPRQATw.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/SingleSelectFieldPro.js

@@ -1,46 +1,51 @@
-import { defineComponent as r } from "@embeddable.com/react";
-import { t as s, u as n, w as d, x as m, E as u, V as l, F as p } from "./component.constants-ChubamQR.js";
-import { M as c, S as f } from "./index-CoGUszim.js";
-const g = {
+import { defineComponent as i } from "@embeddable.com/react";
+import { t as s, u as r, w as d, x as m, E as c, V as n, F as u } from "./component.constants-ChubamQR.js";
+import { M as p, S as g } from "./index-CoGUszim.js";
+const f = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",
   category: "Dropdowns",
-  defaultWidth: 200,
+  defaultWidth: 300,
   defaultHeight: 120,
   inputs: [
     s,
-    { ...n, label: "Dimension (to load Dropdown values)" },
-    {
-      ...n,
-      required: !1,
-      name: "optionalSecondDimension",
-      label: "Optional second dimension for filtering",
-      description: "A hidden dimension applied for filtering instead of the main dimension. Must be unique."
-    },
+    { ...r, label: "Dimension (to load Dropdown values)" },
     d,
     m,
-    { ...u, defaultValue: "Select value..." },
+    { ...c, defaultValue: "Select value..." },
+    {
+      name: "maxOptions",
+      type: "number",
+      label: "Maximum options",
+      category: "Component Settings",
+      defaultValue: p
+    },
     {
       name: "selectedValue",
       type: "string",
       label: "Selected Value",
-      category: "Pre-configured variables"
+      category: "Pre-configured Variables"
     },
     {
-      name: "maxOptions",
-      type: "number",
-      label: "Maximum options",
-      category: "Pre-configured variables",
-      defaultValue: c
+      type: "dimension",
+      config: {
+        dataset: "dataset"
+      },
+      required: !1,
+      name: "optionalSecondDimension",
+      label: "Optional secondary dimension",
+      category: "Data Mapping for Interactions",
+      description: "Send a different dimension to embeddable when the user clicks. Must be unique."
     }
   ],
   events: [
     {
       name: "onChange",
-      label: "Change",
+      label: "selected value updated",
       properties: [
         {
           name: "value",
+          label: "selected Value",
           type: "string"
         }
       ]
@@ -48,27 +53,27 @@ const g = {
   ],
   variables: [
     {
-      name: "Single-select value",
+      name: "single-select value",
       type: "string",
-      defaultValue: l.noFilter(),
+      defaultValue: n.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, h = r(f, g, {
-  props: (e, [a, i]) => {
-    const o = e.dimension.nativeType === "string" ? "contains" : "equals";
+}, y = i(g, f, {
+  props: (e, [a, l]) => {
+    const t = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
       ...e,
       maxOptions: e.maxOptions,
-      setSearchValue: (t) => i({ searchValue: t }),
-      results: p({
+      setSearchValue: (o) => l({ searchValue: o }),
+      results: u({
         limit: e.maxOptions,
         from: e.dataset,
         select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
         filters: a != null && a.searchValue ? [
           {
-            operator: o,
+            operator: t,
             property: e.dimension,
             value: a.searchValue
           }
@@ -78,12 +83,12 @@ const g = {
   },
   events: {
     onChange: (e) => ({
-      value: e || l.noFilter()
+      value: e || n.noFilter()
     })
   }
 });
 export {
-  h as default,
-  g as meta
+  y as default,
+  f as meta
 };
 //# sourceMappingURL=SingleSelectFieldPro.js.map

package/dist/SingleSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValue',\n      type: 'string',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","SingleSelectFieldPro_emb","defineComponent","SingleSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValue"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvB;AAAA,MACE,GAAGA;AAAA,MACH,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,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,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAsBV,GAAM;AAAA,EACzD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAA0B;AAAA,MAC9E,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,KAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3C;AAEJ,CAAC;"}
+{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      name: 'selectedValue',\n      type: 'string',\n      label: 'Selected Value',\n      category: 'Pre-configured Variables',\n    },\n    {\n      type: 'dimension',\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'selected value updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'selected Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","SingleSelectFieldPro_emb","defineComponent","SingleSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValue"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvBC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EACf;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,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAsBV,GAAM;AAAA,EACzD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAA0B;AAAA,MAC9E,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,KAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3C;AAEJ,CAAC;"}

package/dist/embeddable-components.json

@@ -3,9 +3,9 @@
     "DateRangeSelectFieldPro",
     "MultiSelectFieldPro",
     "SingleSelectFieldPro",
-    "DonutChartPro",
+    "DonutLabelChartPro",
     "PieChartPro",
-    "DonutLabelChartPro"
+    "DonutChartPro"
   ],
   "editors": [],
   "plugin": "react"