@embeddable.com/remarkable-ui 0.1.35 → 0.1.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BarChartDefaultHorizontalPro.js +2 -2
- package/dist/BarChartDefaultPro.js +2 -2
- package/dist/BarChartGroupedHorizontalPro.js +2 -2
- package/dist/BarChartGroupedPro.js +2 -2
- package/dist/BarChartStackedHorizontalPro.js +2 -2
- package/dist/BarChartStackedPro.js +2 -2
- package/dist/ComparisonPeriodSelectFieldPro.js +2 -2
- package/dist/DateRangeSelectFieldPro.js +1 -1
- package/dist/DonutChartPro.js +1 -1
- package/dist/DonutLabelChartPro.js +1 -1
- package/dist/EditorCard-VE-lXcu3.js +76 -0
- package/dist/EditorCard-VE-lXcu3.js.map +1 -0
- package/dist/LineChartComparisonDefaultPro.js +2 -2
- package/dist/LineChartDefaultPro.js +2 -2
- package/dist/LineChartGroupedPro.js +2 -2
- package/dist/MultiSelectFieldPro.js +1 -1
- package/dist/PieChartPro.js +1 -1
- package/dist/SingleSelectField-Dzx78rCq.js +107 -0
- package/dist/SingleSelectField-Dzx78rCq.js.map +1 -0
- package/dist/SingleSelectFieldPro.js +1 -1
- package/dist/{bars.utils-D2ZNn4I1.js → bars.utils-CTqUglN7.js} +3 -3
- package/dist/{bars.utils-D2ZNn4I1.js.map → bars.utils-CTqUglN7.js.map} +1 -1
- package/dist/{charts.newFillGaps.hooks-8oF8pYjr.js → charts.newFillGaps.hooks-YXEKFvmz.js} +2 -2
- package/dist/{charts.newFillGaps.hooks-8oF8pYjr.js.map → charts.newFillGaps.hooks-YXEKFvmz.js.map} +1 -1
- package/dist/{charts.utils-BFYHGiMZ.js → charts.utils-CgwyTiTH.js} +2 -2
- package/dist/{charts.utils-BFYHGiMZ.js.map → charts.utils-CgwyTiTH.js.map} +1 -1
- package/dist/component.constants-D59iJ42U.js.map +1 -1
- package/dist/embeddable-components.json +12 -12
- package/dist/embeddable-lifecycle.js +6 -5
- package/dist/{index-DWhYhJ0M.js → index-BGwJ9TYS.js} +2 -2
- package/dist/{index-DWhYhJ0M.js.map → index-BGwJ9TYS.js.map} +1 -1
- package/dist/{index-CWufi8Tg.js → index-BlqpkSit.js} +3 -3
- package/dist/{index-CWufi8Tg.js.map → index-BlqpkSit.js.map} +1 -1
- package/dist/index-CVw4TFfQ.js +220 -0
- package/dist/index-CVw4TFfQ.js.map +1 -0
- package/dist/{index-fW1psiZu.js → index-DKUEiV33.js} +2 -2
- package/dist/{index-fW1psiZu.js.map → index-DKUEiV33.js.map} +1 -1
- package/dist/{index-BsjrQxtw.js → index-DdEgKFPe.js} +2 -2
- package/dist/{index-BsjrQxtw.js.map → index-DdEgKFPe.js.map} +1 -1
- package/dist/{index-D10laZQ1.js → index-IjB-3gUH.js} +3 -3
- package/dist/{index-D10laZQ1.js.map → index-IjB-3gUH.js.map} +1 -1
- package/dist/index.js +12 -12
- package/dist/object.utils-Cae_z0QB.js +69 -0
- package/dist/object.utils-Cae_z0QB.js.map +1 -0
- package/dist/{pies.utils-D6CRlUd4.js → pies.utils-DArVf3EJ.js} +3 -3
- package/dist/{pies.utils-D6CRlUd4.js.map → pies.utils-DArVf3EJ.js.map} +1 -1
- package/dist/remarkable-pro/theme/styles/styles.utils.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts +2 -2
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts +1 -0
- package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts +2 -2
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts +1 -0
- package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory.d.ts +7 -0
- package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory.d.ts.map +1 -0
- package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.d.ts +3 -0
- package/dist/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.d.ts.map +1 -1
- package/dist/remarkable-ui/editors/select/shared/SelectList/selectList.utils.d.ts +7 -0
- package/dist/remarkable-ui/editors/select/shared/SelectList/selectList.utils.d.ts.map +1 -0
- package/dist/remarkable-ui.css +1 -1
- package/package.json +1 -1
- package/dist/EditorCard-B7s7sQ-B.js +0 -62
- package/dist/EditorCard-B7s7sQ-B.js.map +0 -1
- package/dist/SingleSelectField-DXVRxF0n.js +0 -96
- package/dist/SingleSelectField-DXVRxF0n.js.map +0 -1
- package/dist/index-Ba7NiFTr.js +0 -209
- package/dist/index-Ba7NiFTr.js.map +0 -1
- package/dist/object.utils-BNKDL7Y9.js +0 -67
- package/dist/object.utils-BNKDL7Y9.js.map +0 -1
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { g as O } from "./utc-B2gCnkBk.js";
|
|
2
|
+
var p = { exports: {} }, b = p.exports, l;
|
|
3
|
+
function j() {
|
|
4
|
+
return l || (l = 1, (function(r, o) {
|
|
5
|
+
(function(e, s) {
|
|
6
|
+
r.exports = s();
|
|
7
|
+
})(b, (function() {
|
|
8
|
+
var e = "day";
|
|
9
|
+
return function(s, t, i) {
|
|
10
|
+
var y = function(n) {
|
|
11
|
+
return n.add(4 - n.isoWeekday(), e);
|
|
12
|
+
}, d = t.prototype;
|
|
13
|
+
d.isoWeekYear = function() {
|
|
14
|
+
return y(this).year();
|
|
15
|
+
}, d.isoWeek = function(n) {
|
|
16
|
+
if (!this.$utils().u(n)) return this.add(7 * (n - this.isoWeek()), e);
|
|
17
|
+
var a, u, f, h, w = y(this), m = (a = this.isoWeekYear(), u = this.$u, f = (u ? i.utc : i)().year(a).startOf("year"), h = 4 - f.isoWeekday(), f.isoWeekday() > 4 && (h += 7), f.add(h, e));
|
|
18
|
+
return w.diff(m, "week") + 1;
|
|
19
|
+
}, d.isoWeekday = function(n) {
|
|
20
|
+
return this.$utils().u(n) ? this.day() || 7 : this.day(this.day() % 7 ? n : n - 7);
|
|
21
|
+
};
|
|
22
|
+
var k = d.startOf;
|
|
23
|
+
d.startOf = function(n, a) {
|
|
24
|
+
var u = this.$utils(), f = !!u.u(a) || a;
|
|
25
|
+
return u.p(n) === "isoweek" ? f ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : k.bind(this)(n, a);
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
}));
|
|
29
|
+
})(p)), p.exports;
|
|
30
|
+
}
|
|
31
|
+
var S = j();
|
|
32
|
+
const $ = /* @__PURE__ */ O(S), c = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), W = "embeddable", v = () => {
|
|
33
|
+
const r = {};
|
|
34
|
+
for (const [o, e] of c)
|
|
35
|
+
r[o] = Object.fromEntries(e);
|
|
36
|
+
sessionStorage.setItem(W, JSON.stringify(r));
|
|
37
|
+
}, x = () => {
|
|
38
|
+
if (typeof window > "u" || typeof document > "u") return;
|
|
39
|
+
const r = sessionStorage.getItem(W);
|
|
40
|
+
if (!r) return;
|
|
41
|
+
const o = JSON.parse(r);
|
|
42
|
+
for (const e in o) {
|
|
43
|
+
const s = new Map(Object.entries(o[e] ?? {}));
|
|
44
|
+
c.set(e, s), g.set(e, new Set(s.values()));
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
x();
|
|
48
|
+
const A = (r, o, e, s) => {
|
|
49
|
+
if (typeof window > "u" || typeof document > "u") return "";
|
|
50
|
+
c.has(r) || (c.set(r, /* @__PURE__ */ new Map()), g.set(r, /* @__PURE__ */ new Set()));
|
|
51
|
+
const t = c.get(r);
|
|
52
|
+
if (t.has(o)) return t.get(o);
|
|
53
|
+
const i = e[s % e.length];
|
|
54
|
+
if (typeof i != "string")
|
|
55
|
+
throw new Error("No valid color found in palette");
|
|
56
|
+
return t.set(o, i), v(), i;
|
|
57
|
+
}, E = (r) => {
|
|
58
|
+
const o = (t) => t && typeof t == "object" && !Array.isArray(t) ? "{" + Object.keys(t).sort().map((i) => `"${i}":${o(t[i])}`).join(",") + "}" : Array.isArray(t) ? "[" + t.map(o).join(",") + "]" : JSON.stringify(t), e = o(r);
|
|
59
|
+
let s = 2166136261;
|
|
60
|
+
for (let t = 0; t < e.length; t++)
|
|
61
|
+
s ^= e.charCodeAt(t), s += (s << 1) + (s << 4) + (s << 7) + (s << 8) + (s << 24);
|
|
62
|
+
return (s >>> 0).toString(16);
|
|
63
|
+
};
|
|
64
|
+
export {
|
|
65
|
+
A as a,
|
|
66
|
+
E as g,
|
|
67
|
+
$ as i
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=object.utils-Cae_z0QB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"object.utils-Cae_z0QB.js","sources":["../node_modules/dayjs/plugin/isoWeek.js","../src/remarkable-pro/theme/styles/styles.utils.ts","../src/remarkable-pro/utils.ts/object.utils.ts"],"sourcesContent":["!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isoWeek=t()}(this,(function(){\"use strict\";var e=\"day\";return function(t,i,s){var a=function(t){return t.add(4-t.isoWeekday(),e)},d=i.prototype;d.isoWeekYear=function(){return a(this).year()},d.isoWeek=function(t){if(!this.$utils().u(t))return this.add(7*(t-this.isoWeek()),e);var i,d,n,o,r=a(this),u=(i=this.isoWeekYear(),d=this.$u,n=(d?s.utc:s)().year(i).startOf(\"year\"),o=4-n.isoWeekday(),n.isoWeekday()>4&&(o+=7),n.add(o,e));return r.diff(u,\"week\")+1},d.isoWeekday=function(e){return this.$utils().u(e)?this.day()||7:this.day(this.day()%7?e:e-7)};var n=d.startOf;d.startOf=function(e,t){var i=this.$utils(),s=!!i.u(t)||t;return\"isoweek\"===i.p(e)?s?this.date(this.date()-(this.isoWeekday()-1)).startOf(\"day\"):this.date(this.date()-1-(this.isoWeekday()-1)+7).endOf(\"day\"):n.bind(this)(e,t)}}}));","const generateCssVariables = (variables: Record<string, string>) => {\n let textContent = '';\n Object.keys(variables).forEach((key) => {\n const value = variables[key];\n textContent += `${key}: ${value};\\n`;\n });\n return textContent;\n};\n\n// TODO: check the possibility of injecting via CSS (future)\nexport const injectCssVariables = (styles: Record<string, string>) => {\n const css = `:root {\\n${generateCssVariables(styles)}}`;\n const styleId = 'remarkable-ui-embeddable-style';\n let styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n\n if (styleEl) {\n // Overwrite the old vars\n styleEl.textContent = css;\n } else {\n styleEl = document.createElement('style');\n styleEl.id = styleId;\n styleEl.textContent = css;\n document.head.appendChild(styleEl);\n }\n\n return () => styleEl?.remove();\n};\n\nconst colorsMap = new Map<string, Map<string, string>>();\nconst colorsInUse = new Map<string, Set<string>>();\n\n/* \nWe save the colors to session storage so that they are persistent across refreshes. \nThis is important, for example, if the user is looking at multiple tabs, or if the user refreshes the page.\n*/\nconst STORAGE_KEY = 'embeddable';\n\nconst saveColorsMap = () => {\n const obj: Record<string, Record<string, string>> = {};\n for (const [cat, m] of colorsMap) {\n obj[cat] = Object.fromEntries(m);\n }\n sessionStorage.setItem(STORAGE_KEY, JSON.stringify(obj));\n};\n\nconst loadColorMap = () => {\n if (typeof window === 'undefined' || typeof document === 'undefined') return;\n\n const data = sessionStorage.getItem(STORAGE_KEY);\n if (!data) return;\n const obj: Record<string, Record<string, string>> = JSON.parse(data);\n for (const cat in obj) {\n const m = new Map(Object.entries(obj[cat] ?? {}));\n colorsMap.set(cat, m);\n colorsInUse.set(cat, new Set(m.values()));\n }\n};\n\nloadColorMap();\n\nexport const getColor = (key: string, value: string, palette: string[], idx: number): string => {\n if (typeof window === 'undefined' || typeof document === 'undefined') return '';\n\n // Initialize structures if needed\n if (!colorsMap.has(key)) {\n colorsMap.set(key, new Map());\n colorsInUse.set(key, new Set());\n }\n\n const catMap = colorsMap.get(key)!;\n\n // Return existing color if already assigned\n if (catMap.has(value)) return catMap.get(value)!;\n\n // Find first colorsInUse color, fallback to indexed one\n const color = palette[idx % palette.length];\n\n if (typeof color !== 'string') {\n throw new Error('No valid color found in palette');\n }\n\n // Save mapping and mark as colorsInUse\n catMap.set(value, color);\n saveColorsMap();\n\n return color;\n};\n","export const getObjectStableKey = (obj: unknown): string => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const stableStringify = (o: any): string => {\n if (o && typeof o === 'object' && !Array.isArray(o)) {\n return (\n '{' +\n Object.keys(o)\n .sort()\n .map((k) => `\"${k}\":${stableStringify(o[k])}`)\n .join(',') +\n '}'\n );\n } else if (Array.isArray(o)) {\n return '[' + o.map(stableStringify).join(',') + ']';\n }\n return JSON.stringify(o);\n };\n\n const json = stableStringify(obj);\n\n // FNV-1a 32-bit hash\n let hash = 0x811c9dc5;\n for (let i = 0; i < json.length; i++) {\n hash ^= json.charCodeAt(i);\n hash += (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24);\n }\n\n return (hash >>> 0).toString(16);\n};\n"],"names":["t","module","this","i","s","a","d","n","o","r","u","e","colorsMap","colorsInUse","STORAGE_KEY","saveColorsMap","obj","cat","m","loadColorMap","data","getColor","key","value","palette","idx","catMap","color","getObjectStableKey","stableStringify","k","json","hash"],"mappings":";;;;AAAA,KAAC,SAAS,GAAEA,GAAE;AAAsD,MAAAC,EAAA,UAAeD;IAAkI,GAAEE,IAAM,WAAU;AAAc,UAAI,IAAE;AAAM,aAAO,SAASF,GAAEG,GAAEC,GAAE;AAAC,YAAIC,IAAE,SAASL,GAAE;AAAC,iBAAOA,EAAE,IAAI,IAAEA,EAAE,cAAa,CAAC;AAAA,QAAC,GAAE,IAAEG,EAAE;AAAU,UAAE,cAAY,WAAU;AAAC,iBAAOE,EAAE,IAAI,EAAE,KAAI;AAAA,QAAE,GAAE,EAAE,UAAQ,SAASL,GAAE;AAAC,cAAG,CAAC,KAAK,OAAM,EAAG,EAAEA,CAAC,EAAE,QAAO,KAAK,IAAI,KAAGA,IAAE,KAAK,QAAO,IAAI,CAAC;AAAE,cAAIG,GAAEG,GAAEC,GAAEC,GAAEC,IAAEJ,EAAE,IAAI,GAAEK,KAAGP,IAAE,KAAK,YAAW,GAAGG,IAAE,KAAK,IAAGC,KAAGD,IAAEF,EAAE,MAAIA,GAAC,EAAI,KAAKD,CAAC,EAAE,QAAQ,MAAM,GAAEK,IAAE,IAAED,EAAE,WAAU,GAAGA,EAAE,WAAU,IAAG,MAAIC,KAAG,IAAGD,EAAE,IAAIC,GAAE,CAAC;AAAG,iBAAOC,EAAE,KAAKC,GAAE,MAAM,IAAE;AAAA,QAAC,GAAE,EAAE,aAAW,SAASC,GAAE;AAAC,iBAAO,KAAK,OAAM,EAAG,EAAEA,CAAC,IAAE,KAAK,SAAO,IAAE,KAAK,IAAI,KAAK,IAAG,IAAG,IAAEA,IAAEA,IAAE,CAAC;AAAA,QAAC;AAAE,YAAIJ,IAAE,EAAE;AAAQ,UAAE,UAAQ,SAASI,GAAEX,GAAE;AAAC,cAAIG,IAAE,KAAK,OAAM,GAAGC,IAAE,CAAC,CAACD,EAAE,EAAEH,CAAC,KAAGA;AAAE,iBAAkBG,EAAE,EAAEQ,CAAC,MAAjB,YAAmBP,IAAE,KAAK,KAAK,KAAK,UAAQ,KAAK,WAAU,IAAG,EAAE,EAAE,QAAQ,KAAK,IAAE,KAAK,KAAK,KAAK,KAAI,IAAG,KAAG,KAAK,eAAa,KAAG,CAAC,EAAE,MAAM,KAAK,IAAEG,EAAE,KAAK,IAAI,EAAEI,GAAEX,CAAC;AAAA,QAAC;AAAA,MAAC;AAAA,IAAC;;;;gCC4B79BY,wBAAgB,IAAA,GAChBC,wBAAkB,IAAA,GAMlBC,IAAc,cAEdC,IAAgB,MAAM;AAC1B,QAAMC,IAA8C,CAAA;AACpD,aAAW,CAACC,GAAKC,CAAC,KAAKN;AACrB,IAAAI,EAAIC,CAAG,IAAI,OAAO,YAAYC,CAAC;AAEjC,iBAAe,QAAQJ,GAAa,KAAK,UAAUE,CAAG,CAAC;AACzD,GAEMG,IAAe,MAAM;AACzB,MAAI,OAAO,SAAW,OAAe,OAAO,WAAa,IAAa;AAEtE,QAAMC,IAAO,eAAe,QAAQN,CAAW;AAC/C,MAAI,CAACM,EAAM;AACX,QAAMJ,IAA8C,KAAK,MAAMI,CAAI;AACnE,aAAWH,KAAOD,GAAK;AACrB,UAAME,IAAI,IAAI,IAAI,OAAO,QAAQF,EAAIC,CAAG,KAAK,CAAA,CAAE,CAAC;AAChD,IAAAL,EAAU,IAAIK,GAAKC,CAAC,GACpBL,EAAY,IAAII,GAAK,IAAI,IAAIC,EAAE,OAAA,CAAQ,CAAC;AAAA,EAC1C;AACF;AAEAC,EAAA;AAEO,MAAME,IAAW,CAACC,GAAaC,GAAeC,GAAmBC,MAAwB;AAC9F,MAAI,OAAO,SAAW,OAAe,OAAO,WAAa,IAAa,QAAO;AAG7E,EAAKb,EAAU,IAAIU,CAAG,MACpBV,EAAU,IAAIU,GAAK,oBAAI,IAAA,CAAK,GAC5BT,EAAY,IAAIS,GAAK,oBAAI,IAAA,CAAK;AAGhC,QAAMI,IAASd,EAAU,IAAIU,CAAG;AAGhC,MAAII,EAAO,IAAIH,CAAK,EAAG,QAAOG,EAAO,IAAIH,CAAK;AAG9C,QAAMI,IAAQH,EAAQC,IAAMD,EAAQ,MAAM;AAE1C,MAAI,OAAOG,KAAU;AACnB,UAAM,IAAI,MAAM,iCAAiC;AAInD,SAAAD,EAAO,IAAIH,GAAOI,CAAK,GACvBZ,EAAA,GAEOY;AACT,GCtFaC,IAAqB,CAACZ,MAAyB;AAE1D,QAAMa,IAAkB,CAACrB,MACnBA,KAAK,OAAOA,KAAM,YAAY,CAAC,MAAM,QAAQA,CAAC,IAE9C,MACA,OAAO,KAAKA,CAAC,EACV,OACA,IAAI,CAACsB,MAAM,IAAIA,CAAC,KAAKD,EAAgBrB,EAAEsB,CAAC,CAAC,CAAC,EAAE,EAC5C,KAAK,GAAG,IACX,MAEO,MAAM,QAAQtB,CAAC,IACjB,MAAMA,EAAE,IAAIqB,CAAe,EAAE,KAAK,GAAG,IAAI,MAE3C,KAAK,UAAUrB,CAAC,GAGnBuB,IAAOF,EAAgBb,CAAG;AAGhC,MAAIgB,IAAO;AACX,WAAS7B,IAAI,GAAGA,IAAI4B,EAAK,QAAQ5B;AAC/B,IAAA6B,KAAQD,EAAK,WAAW5B,CAAC,GACzB6B,MAASA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ;AAG3E,UAAQA,MAAS,GAAG,SAAS,EAAE;AACjC;","x_google_ignoreList":[0]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as u, g as b } from "./charts.utils-
|
|
1
|
+
import { r as u, g as b } from "./charts.utils-CgwyTiTH.js";
|
|
2
2
|
import { g } from "./formatter.utils-DDLdrAl9.js";
|
|
3
|
-
import { g as h, a as i } from "./object.utils-
|
|
3
|
+
import { g as h, a as i } from "./object.utils-Cae_z0QB.js";
|
|
4
4
|
import { T as c, U as f } from "./component.constants-D59iJ42U.js";
|
|
5
5
|
import "react";
|
|
6
6
|
const y = (a, o = u) => {
|
|
@@ -72,4 +72,4 @@ export {
|
|
|
72
72
|
F as a,
|
|
73
73
|
y as g
|
|
74
74
|
};
|
|
75
|
-
//# sourceMappingURL=pies.utils-
|
|
75
|
+
//# sourceMappingURL=pies.utils-DArVf3EJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pies.utils-
|
|
1
|
+
{"version":3,"file":"pies.utils-DArVf3EJ.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;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.utils.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/theme/styles/styles.utils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAgBhE,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.utils.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/theme/styles/styles.utils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAgBhE,CAAC;AAkCF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,MAAM,KAAG,MA0BrF,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { SelectListOptionProps } from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';
|
|
2
|
+
import { SelectListOptionProps, SelectListOptionPropsWithCategory } from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';
|
|
3
3
|
export type MultiSelectFieldProps = {
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
isClearable?: boolean;
|
|
6
6
|
isLoading?: boolean;
|
|
7
7
|
isSearchable?: boolean;
|
|
8
8
|
noOptionsMessage?: string;
|
|
9
|
-
options: SelectListOptionProps[];
|
|
9
|
+
options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];
|
|
10
10
|
placeholder?: string;
|
|
11
11
|
submitLabel?: string;
|
|
12
12
|
values?: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AACjE,OAAO,EAEL,qBAAqB,
|
|
1
|
+
{"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AACjE,OAAO,EAEL,qBAAqB,EACrB,iCAAiC,EAClC,MAAM,0EAA0E,CAAC;AAelF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,CAAC,qBAAqB,GAAG,iCAAiC,CAAC,EAAE,CAAC;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiLtD,CAAC"}
|
|
@@ -11,4 +11,5 @@ export declare const NoOptions: Story;
|
|
|
11
11
|
export declare const WithState: Story;
|
|
12
12
|
export declare const WithError: Story;
|
|
13
13
|
export declare const WithErrorAndValue: Story;
|
|
14
|
+
export declare const WithCategories: Story;
|
|
14
15
|
//# sourceMappingURL=MultiSelectField.stories.d.ts.map
|
package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAQhE,QAAA,MAAM,IAAI;;CAE+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAenC,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAeF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { SelectListOptionProps } from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';
|
|
2
|
+
import { SelectListOptionProps, SelectListOptionPropsWithCategory } from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';
|
|
3
3
|
import { TablerIcon } from '@tabler/icons-react';
|
|
4
4
|
export type SingleSelectFieldProps = {
|
|
5
|
-
options: SelectListOptionProps[];
|
|
5
|
+
options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];
|
|
6
6
|
startIcon?: TablerIcon;
|
|
7
7
|
value?: string;
|
|
8
8
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAMjE,OAAO,EAEL,qBAAqB,
|
|
1
|
+
{"version":3,"file":"SingleSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAMjE,OAAO,EAEL,qBAAqB,EACrB,iCAAiC,EAClC,MAAM,0EAA0E,CAAC;AAIlF,OAAO,EAAc,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAK7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,CAAC,qBAAqB,GAAG,iCAAiC,CAAC,EAAE,CAAC;IACvE,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgIxD,CAAC"}
|
|
@@ -14,4 +14,5 @@ export declare const WithStartIcon: Story;
|
|
|
14
14
|
export declare const WithState: Story;
|
|
15
15
|
export declare const WithError: Story;
|
|
16
16
|
export declare const WithErrorAndValue: Story;
|
|
17
|
+
export declare const WithCategories: Story;
|
|
17
18
|
//# sourceMappingURL=SingleSelectField.stories.d.ts.map
|
package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"SingleSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAShE,QAAA,MAAM,IAAI;;CAEgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkDnC,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAUhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,+CAUrC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAeF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectListCategory.d.ts","sourceRoot":"","sources":["../../../../../../../../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListCategory/SelectListCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAM1D,CAAC"}
|
|
@@ -10,6 +10,9 @@ export type SelectListOptionProps = {
|
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
12
12
|
};
|
|
13
|
+
export type SelectListOptionPropsWithCategory = SelectListOptionProps & {
|
|
14
|
+
category: string;
|
|
15
|
+
};
|
|
13
16
|
export declare const SelectListOption: FC<SelectListOptionProps>;
|
|
14
17
|
export {};
|
|
15
18
|
//# sourceMappingURL=SelectListOption.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectListOption.d.ts","sourceRoot":"","sources":["../../../../../../../../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKxD,KAAK,oBAAoB,GACrB,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0BtD,CAAC"}
|
|
1
|
+
{"version":3,"file":"SelectListOption.d.ts","sourceRoot":"","sources":["../../../../../../../../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOption/SelectListOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKxD,KAAK,oBAAoB,GACrB,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D,CAAC;AACF,MAAM,MAAM,iCAAiC,GAAG,qBAAqB,GAAG;IACtE,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0BtD,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SelectListOptionProps, SelectListOptionPropsWithCategory } from './SelectListOptions/SelectListOption/SelectListOption';
|
|
2
|
+
type GroupedOptions = {
|
|
3
|
+
[category: string]: SelectListOptionPropsWithCategory[];
|
|
4
|
+
};
|
|
5
|
+
export declare const groupOptionsByCategory: (options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[]) => GroupedOptions | null;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=selectList.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selectList.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-ui/editors/select/shared/SelectList/selectList.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,iCAAiC,EAClC,MAAM,uDAAuD,CAAC;AAE/D,KAAK,cAAc,GAAG;IACpB,CAAC,QAAQ,EAAE,MAAM,GAAG,iCAAiC,EAAE,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,SAAS,CAAC,qBAAqB,GAAG,iCAAiC,CAAC,EAAE,KACrE,cAAc,GAAG,IAcnB,CAAC"}
|
package/dist/remarkable-ui.css
CHANGED
|
@@ -584,4 +584,4 @@
|
|
|
584
584
|
--em-box-shadow-default-position-y: 1px;
|
|
585
585
|
--em-box-shadow-default-spread: 0px;
|
|
586
586
|
}
|
|
587
|
-
._card_ekfxn_1{position:relative;display:flex;flex-direction:column;gap:var(--em-card-gap-default, 2rem);padding:var(--em-card-padding-default, 2rem);border-radius:var(--em-card-border-radius-default, 2rem);background:var(--em-background-color-default, #f7f7f8);box-sizing:border-box}._content_ekfxn_12{display:flex;flex-direction:column;flex-grow:1;overflow:auto}._header_ekfxn_19{width:100%;display:flex;gap:var(--em-card-title-padding-default, 1rem);justify-content:space-between;position:relative;align-items:center}._titles_ekfxn_28{display:flex;flex-direction:column;gap:var(--em-card-title-padding-default, 1rem)}._title_ekfxn_28{color:var(--em-card-title-color-default, #212129);font-size:var(--em-card-title-font-size, 1.25rem);font-style:normal;font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-font-line-height, 1.1875rem)}._subtitle_ekfxn_42{color:var(--em-foreground-color-muted, #5c5c66);font-family:var(--em-card-subtitle-font-font-family, Inter);font-size:var(--em-card-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-font-line-height, .875rem)}._typography_1vbmb_1{font-family:var(--em-font-default, "Inter", sans-serif);margin:unset}._info_11vdf_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-info-padding-default, .75rem)}._title_11vdf_9{color:var(--em-card-empty-title-color-default, #212129);text-align:center;font-size:var(--em-card-empty-title-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-title-font-weight, 500);line-height:var(--em-card-empty-title-font-line-height, 1rem)}._message_11vdf_18{color:var(--em-card-empty-subtitle-color-default, #5c5c66);text-align:center;font-size:var(--em-card-empty-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-subtitle-font-weight, 400);line-height:var(--em-card-empty-subtitle-font-line-height, 1rem)}._errorMessage_1cos3_1{color:var(--em-text-input-label-color-error, #bc1010);font-family:var(--em-text-input-label-font-font-family, Inter);font-size:var(--em-text-input-label-font-size, .75rem);font-weight:var(--em-text-input-label-font-weight-default, 500)}._iconButton_134uf_1{width:var(--em-icon-btn-size-width, 1.25rem);height:var(--em-icon-btn-size-height, 2rem);padding:var(--em-icon-btn-padding-top, .5rem) var(--em-icon-btn-padding-right, .125rem) var(--em-icon-btn-padding-bottom, .5rem) var(--em-icon-btn-padding-left, .125rem)}._icon_134uf_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._baseButton_zbrmc_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}._baseButton_zbrmc_1:disabled{cursor:unset;pointer-events:none}._primary_zbrmc_15{background:var(--em-primary-btn-background-color-default, #5c5c66);color:var(--em-primary-btn-label-color-default, #fff);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._primary_zbrmc_15:hover,._primary_zbrmc_15:focus{background:var(--em-primary-btn-background-color-hover, #212129)}._primary_zbrmc_15:active{background:var(--em-primary-btn-background-color-pressed, #000)}._primary_zbrmc_15:disabled{background:var(--em-primary-btn-background-color-disabled, #ededf1);color:var(--em-primary-btn-label-color-disabled, #b8b8bd)}._secondary_zbrmc_34{background:var(--em-secondary-btn-background-color-default, #ededf1);color:var(--em-secondary-btn-label-color-default, #212129);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._secondary_zbrmc_34:hover,._secondary_zbrmc_34:focus{background:var(--em-secondary-btn-background-color-hover, #e4e4ea)}._secondary_zbrmc_34:active{background:var(--em-secondary-btn-background-color-pressed, #d2d2d5)}._secondary_zbrmc_34:disabled{background:var(--em-secondary-btn-background-color-disabled, #ededf1);color:var(--em-secondary-btn-label-color-disabled, #b8b8bd)}._icon_zbrmc_55{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._listItem_1yck8_1{box-sizing:border-box;height:var(--em-select-list-item-size-height, 2rem);max-height:var(--em-select-list-item-size-height, 2rem);padding:var(--em-select-list-item-padding-default, .5rem);border-radius:var(--em-select-list-item-border-radius-default, .5rem);background:var(--em-select-list-item-background-color-default, #fff);color:var(--em-select-list-item-label-color-default, #212129);font-style:normal;display:flex;outline:none;cursor:pointer;align-items:center;justify-content:space-between;width:100%;overflow:hidden}._listItem_1yck8_1 ._leftContent_1yck8_20{flex:1 1 auto;min-width:0;overflow:hidden;display:flex}._listItem_1yck8_1 ._rightContent_1yck8_27{flex:0 0 auto;max-width:50%;display:flex}._listItem_1yck8_1 ._leftContent_1yck8_20 p,._listItem_1yck8_1 ._rightContent_1yck8_27 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listItem_1yck8_1:hover,._listItem_1yck8_1:focus{background:var(--em-select-list-item-background-color-hover, #f7f7f8)}._listItem_1yck8_1:active{background:var(--em-select-list-item-background-color-pressed, #ededf1)}._listItem_1yck8_1._disabled_1yck8_49{color:var(--em-select-list-item-label-color-disabled, #b8b8bd);pointer-events:none;-webkit-user-select:none;user-select:none}._listItem_1yck8_1 ._leftContent_1yck8_20 p{padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-left-label-font-size, .75rem);font-weight:var(--em-select-list-item-left-label-font-weight, 500);line-height:var(--em-select-list-item-left-label-font-line-height, .875rem)}._listItem_1yck8_1 ._rightContent_1yck8_27 p{color:var(--em-select-list-item-right-label-color-default, #5c5c66);padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-right-label-font-size, .75rem);font-weight:var(--em-select-list-item-right-label-font-weight, 400);line-height:var(--em-select-list-item-right-label-font-line-height, .875rem)}._listItem_1yck8_1._selected_1yck8_72{background:var(--em-select-list-item-background-color-selected, #212129);color:var(--em-select-list-item-left-label-color-selected, #fff)}._listItem_1yck8_1._selected_1yck8_72 ._leftContent_1yck8_20 p,._listItem_1yck8_1._selected_1yck8_72 ._rightContent_1yck8_27 p{color:inherit}._listItem_1yck8_1 svg,._listItem_1yck8_1 img{width:var(--em-select-list-item-icon-size-width, 1rem);height:var(--em-select-list-item-icon-size-height, 1rem);color:inherit}._button_10cpl_1{display:flex;align-items:center;justify-content:space-between;padding:var(--em-select-menu-padding-default, .75rem);border-radius:var(--em-select-menu-border-radius-default, .75rem);border:var(--em-select-menu-border-width-default, 1px) solid var(--em-select-menu-border-color-default, #d2d2d5);background:var(--em-select-menu-background-color-default, #fff);cursor:pointer;color:var(--em-select-menu-label-color-default, #212129);height:var(--em-select-menu-size-height-default, 2rem);max-height:var(--em-select-menu-size-height-default, 2rem);min-width:var(--em-select-menu-size-width-min-width, 10rem);width:100%;outline:none}._button_10cpl_1 ._rightContent_10cpl_19{flex-shrink:0}._button_10cpl_1 ._leftContent_10cpl_23{display:flex;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._button_10cpl_1 ._leftContent_10cpl_23 span{text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-select-menu-label-padding-default, .5rem);font-size:var(--em-select-menu-label-font-size, .75rem);font-style:normal;font-weight:var(--em-select-menu-label-font-weight, 500);line-height:var(--em-select-menu-label-font-line-height, .875rem)}._button_10cpl_1:hover,._button_10cpl_1:focus{background:var(--em-select-menu-background-color-hover, #f7f7f8)}._button_10cpl_1:active{background:var(--em-select-menu-background-color-pressed, #ededf1)}._button_10cpl_1._hasValue_10cpl_55{background:var(--em-select-menu-background-color-selected, #212129);color:var(--em-select-menu-label-color-selected, #fff)}._button_10cpl_1:disabled{background:var(--em-select-menu-background-color-disabled, #fff);color:var(--em-select-menu-label-color-disabled, #b8b8bd);cursor:unset}._button_10cpl_1 span svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}@keyframes _spin_10cpl_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_10cpl_80{animation:_spin_10cpl_1 1s linear infinite}._buttonError_10cpl_84{border:var(--em-text-input-border-width-error, 2px) solid var(--em-status-negative-foreground, #bc1010)}._list_18km3_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-select-menu-size-width-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);padding:var(--em-select-menu-list-padding-default, .5rem);max-height:var(--em-select-menu-list-size-max-height, 20rem);gap:var(--em-select-menu-list-gap-default, .5rem);border-radius:var(--em-select-menu-list-border-radius-default, .75rem);background:var(--em-background-color-neutral, #fff);box-shadow:var(--em-box-shadow-default-position-x, 0) var(--em-box-shadow-default-position-y, 1px) var(--em-box-shadow-default-blur, 40px) var(--em-box-shadow-default-spread, 0) var(--em-box-shadow-default-color, rgba(33, 33, 41, .25))}._input_ties8_1{display:flex;align-items:center;box-sizing:border-box;height:var(--em-text-input-size-height, 2rem);width:100%;padding:var(--em-text-input-padding-default, .5rem);border-radius:var(--em-text-input-border-radius-default, .5rem);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-default, #f7f7f8);color:var(--em-text-input-label-color-filled, #212129)}._input_ties8_1:hover{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-hover, #5c5c66)}._input_ties8_1:focus-within{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1 svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}._input_ties8_1 input{border:none;background:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;color:inherit;width:100%;padding:0 var(--em-text-input-padding-default, .5rem);font-size:var(--em-text-input-label-font-size, .75rem);font-style:normal;font-weight:var(--em-text-input-label-font-weight, 500);line-height:var(--em-text-input-label-font-line-height, .875rem)}._input_ties8_1 input:focus{color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1:has(input:disabled){color:var(--em-text-input-label-color-disabled, #b8b8bd);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-disabled, #fff)}._input_ties8_1 input::placeholder{color:var(--em-text-input-label-color-default, #5c5c66)}._input_ties8_1 input:disabled::placeholder{color:var(--em-text-input-label-color-disabled, #b8b8bd)}._input_ties8_1 div{display:flex}._clearIcon_ties8_71{cursor:pointer}._inputContainer_ties8_75{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._requiredText_ties8_81{padding-bottom:var(--em-form-padding-small, .5rem);display:flex;align-items:center;justify-content:flex-end;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._inputError_ties8_92{border:var(--em-text-input-border-width-error, 2px) solid var(--em-text-input-border-color-error, #bc1010)}._textField_aiklj_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._textField_aiklj_1 ._characterCount_aiklj_5{display:flex;justify-content:flex-start;font-family:var(--em-form-section-font-font-family, Inter);font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._tableContainer_ih7qn_1{background:var(--em-table-background-color-default-header, #fff);display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;border-radius:var(--em-table-border-radius-default, .75rem)}._scrollX_ih7qn_14{overflow-x:auto;overflow-y:hidden;flex:1}._table_ih7qn_1{width:100%;border-collapse:collapse}._table_ih7qn_1 th,._table_ih7qn_1 td{border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;cursor:pointer;height:var(--em-table-size-cell-height_R, 2.5rem);max-height:var(--em-table-size-cell-height_R, 2.5rem);min-width:var(--em-table-size-min-width_R, 3rem);padding:var(--em-table-padding-medium_R, .5rem)}._table_ih7qn_1 th:hover,._table_ih7qn_1 th:focus-within{background:var(--em-table-background-color-hover-header_R, #f7f7f8)}._table_ih7qn_1 tr:has(td:hover){background:var(--em-table-background-color-hover-row_R, #fafafa)}._table_ih7qn_1 th:first-child,._table_ih7qn_1 td:first-child{border-left:none}._table_ih7qn_1 th:last-child,._table_ih7qn_1 td:last-child{border-right:none}._table_ih7qn_1 tr:first-child th,._table_ih7qn_1 tr:first-child td{border-top:none}._tablePagination_eu6nu_1{height:3rem;display:flex;justify-content:center;align-items:center;width:100%}._tablePaginationCentral_eu6nu_10{gap:1rem;display:flex;align-items:center;color:var(--em-table-text-default_R, #212129);font-size:var(--em-table-font-font-size_R, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium_R, 500);line-height:var(--em-table-font-line-height_R, .875rem)}._tablePaginationCentralButtons_eu6nu_24{display:flex;align-items:center;gap:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th{padding:unset}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4{position:sticky;left:0;z-index:1;pointer-events:none;min-width:var(--em-table-size-min-width_R, 3rem);width:var(--em-table-size-min-width_R, 3rem);background:var(--em-table-background-color-default-header_R, #fff)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4 button p{color:var(--em-table-text-muted, #5c5c66)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29{cursor:pointer;width:100%;border:unset;background-color:unset;display:flex;justify-content:space-between;padding:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 svg{width:var(--em-table-icon-size-width, 1rem);height:var(--em-table-icon-size-height, 1rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium, 500);line-height:var(--em-table-font-line-height, .875rem)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1{position:sticky;left:0;z-index:1;pointer-events:none;background:var(--em-table-background-color-default-header_R, #fff)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1 p{color:var(--em-table-text-muted, #5c5c66)}._tableBodyCell_zz1co_1{position:relative}._tableBodyCell_zz1co_1 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-weight-regular, 400);line-height:.875rem}._copyButton_zz1co_38{position:absolute;top:50%;right:var(--em-table-padding-medium_R, .5rem);transform:translateY(-50%);opacity:0}._copyButton_zz1co_38._leftAlign_zz1co_46{left:var(--em-table-padding-medium_R, .5rem);right:auto}._tableBodyCell_zz1co_1:hover ._copyButton_zz1co_38{opacity:1}@keyframes _shimmer_12e7h_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_12e7h_10{animation:_shimmer_12e7h_1 1.5s infinite;background:linear-gradient(90deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-border-radius-300, 12px)}._chartCard_hyfnm_1{height:100%;width:100%}._error_hyfnm_6 svg,._error_hyfnm_6 h2,._error_hyfnm_6 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._rightContent_hyfnm_12{position:absolute;position:relative;right:0}._fixedContent_hyfnm_18{z-index:1;background:var(--em-background-color-default, #f7f7f8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._fixedContent_hyfnm_18._loading_hyfnm_27{z-index:2}@keyframes _spin_7lgag_1{to{transform:rotate(360deg)}}._loading_7lgag_7{padding:var(--em-card-loader-padding-default, .25rem);border-radius:var(--em-card-loader-border-radius-default, 9999px);background:var(--em-background-color-default, #f7f7f8);width:var(--em-card-loader-icon-size-width, 1.5rem);height:var(--em-card-loader-icon-size-height, 1.5rem);animation:_spin_7lgag_1 2s linear infinite}._list_mwshn_1{width:auto}._kpiChartContainer_joxtc_1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}._kpiChartContainer_joxtc_1>p{width:100%;font-size:52px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpi-kpi-font-font-color, #212129);font-style:normal;font-weight:var(--em-kpi-kpi-font-font-weight, 700);line-height:normal}._kpiComparisonContainer_joxtc_26{align-items:center;display:flex;flex-direction:column;padding:var(--em-chart-grid-padding-lg, 1rem) 0 0 0;gap:var(--em-chart-grid-padding-default, .5rem);font-size:var(--em-kpi-trend-font-font-size, 1rem)}._kpiComparisonContainer_joxtc_26>p{text-align:center;color:var(--em-chart-grid-font-color-default, #000);font-size:.875em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500)}._kpiChangeHidden_joxtc_47{visibility:hidden}._kpiChartChangeContainer_13m4l_1{display:flex;align-items:center;gap:var(--em-chart-grid-padding-default, .5rem);color:var(--em-chart-grid-font-color-default, #000)}._kpiChartChangeContainer_13m4l_1>p{font-size:.875em;color:inherit}._kpiChangeBadge_13m4l_13{display:flex;justify-content:center;align-items:center;padding:var(--em-kpi-trend-padding-default, .25rem);border-radius:var(--em-kpi-trend-border-radius-default, .375rem)}._kpiChangeBadge_13m4l_13>svg{width:1em;height:1em}._kpiChangeBadge_13m4l_13>p{padding:0 var(--em-kpi-trend-padding-default, .25rem);font-size:1em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500);line-height:var(--em-kpi-trend-font-line-height, 1rem)}._kpiChangeBadge_13m4l_13._positive_13m4l_36{background:var(--em-kpi-trend-background-color-positive, #e1f0e9);color:var(--em-kpi-trend-label-color-positive, #0f955a)}._kpiChangeBadge_13m4l_13._negative_13m4l_41{background:var(--em-kpi-trend-background-color-negative, #f6e2e2);color:var(--em-kpi-trend-label-color-negative, #bc1010)}._listOptions_2o1ip_1{height:100%;overflow:auto}._listOptions_2o1ip_1._disabled_2o1ip_6{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}._error_1xvr5_1 svg,._error_1xvr5_1 h2,._error_1xvr5_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._card_1xvr5_7{background:unset;padding:unset}._selectField_73cni_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._icon_14m1u_1{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._buttonMedium_14m1u_6{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._buttonSmall_14m1u_14{height:var(--em-primary-btn-size-small-height, 2rem);padding:var(--em-primary-btn-padding-small-top, .375rem) var(--em-primary-btn-padding-small-right, .375rem) var(--em-primary-btn-padding-small-bottom, .375rem) var(--em-primary-btn-padding-small-left, .375rem)}._buttonText_14m1u_22{padding:0 var(--em-primary-btn-label-padding-default, .5rem)}._buttonTextMedium_14m1u_26{font-size:var(--em-primary-btn-label-font-default-size, .875rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-default-weight, 700);line-height:var(--em-primary-btn-label-font-default-line-height, 1rem)}._buttonTextSmall_14m1u_35{font-size:var(--em-primary-btn-label-font-small-size, .75rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-small-weight, 500);line-height:var(--em-primary-btn-label-font-small-line-height, .875rem)}._submitButton_gpe2a_1{justify-content:center}._selectField_gpe2a_5{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._container_436fl_1{width:100%;height:100%;display:flex;gap:var(--em-empty-state-padding-default, 1rem);overflow:hidden;box-sizing:border-box}._column_436fl_10{display:flex;flex-direction:column;gap:var(--em-empty-state-padding-default, 1rem);min-width:var(--em-empty-state-skeleton-size-min-width, 8rem);max-width:var(--em-empty-state-skeleton-size-max-width, 16rem);flex:1;height:100%}._box_436fl_20{background-color:var(--em-empty-state-background-color-default, #f7f7f8);border-radius:var(--em-card-border-radius-default, 2rem);opacity:var(--em-empty-state-opacity-default, .6)}._short_436fl_26{width:100%;aspect-ratio:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem);max-height:var(--em-empty-state-skeleton-size-max-width, 16rem);flex-shrink:0}._tall_436fl_34{width:100%;flex:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem)}._icon_bk4b5_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._iconPrimary_bk4b5_6{color:var(--em-primary-btn-icon-color-default, #ffffff)}._iconSecondary_bk4b5_9{color:var(--em-secondary-btn-icon-color-default, #212129)}._buttonIcon_bk4b5_12{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._ghostButton_1cvh9_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;height:var(--em-ghost-btn-size-height, 1.25rem);padding:var(--em-ghost-btn-padding-default, .125rem);flex-shrink:0;background:transparent;color:var(--em-ghost-btn-label-color-default, #212129);font-family:var(--em-ghost-btn-label-font-default-font-family, Inter);font-size:var(--em-ghost-btn-label-font-default-size, .75rem);font-style:normal;font-weight:var(--em-ghost-btn-label-font-default-weight, 400);line-height:var(--em-ghost-btn-label-font-default-line-height, .875rem)}._ghostButton_1cvh9_1:hover,._ghostButton_1cvh9_1:focus{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-hover, #f7f7f8)}._ghostButton_1cvh9_1:active{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-pressed, #ededf1)}._ghostButton_1cvh9_1:disabled{cursor:unset;pointer-events:none;background:transparent;color:var(--em-ghost-btn-label-color-disabled, #b8b8bd)}._icon_1cvh9_38{width:var(--em-ghost-btn-icon-size-width, .75rem);height:var(--em-ghost-btn-icon-size-height, .75rem)}._label_1cvh9_42{display:flex;padding:0 var(--em-ghost-btn-label-padding-default, .25rem);align-items:center}._overlay_1wzuc_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--em-foreground-color-neutral);z-index:9999;display:flex;align-items:center;justify-content:center}._actions_pvzr9_1{display:flex;gap:var(--em-form-padding-small, .5rem);justify-content:flex-end;padding-top:var(--em-card-padding-default);overflow:unset}._switchContainer_nupfs_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--em-switch-container-gap, .75rem)}._switchLabel_nupfs_8{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}._switchLabel_nupfs_8 ._switchInput_nupfs_14{position:absolute;opacity:0;width:0;height:0}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default) solid var(--em-switch-focus-color, #0066cc);outline-offset:var(--em-border-width-default)}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus:not(:focus-visible)+._switchTrack_nupfs_21{outline:none}@media(prefers-contrast:high){._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default, .0625rem) solid;outline-offset:var(--em-border-width-default, .0625rem)}}._switchLabel_nupfs_8 ._switchTrack_nupfs_21{position:relative;display:inline-flex;justify-content:flex-end;align-items:center;width:var(--em-switch-size-width, 2rem);height:var(--em-switch-size-height, 1rem);border-radius:var(--em-border-radius-500, 624.9375rem);background:var(--em-switch-background-color-off, #e4e4ea);transition:all .2s ease-in-out;vertical-align:middle}._switchLabel_nupfs_8 ._switchTrack_nupfs_21 ._switchThumb_nupfs_51{position:absolute;top:50%;left:var(--em-switch-thumb-padding, .125rem);transform:translateY(-50%);background:var(--em-switch-thumb-background-color, #ffffff);border-radius:50%;transition:all .2s ease-in-out;box-shadow:var(--em-switch-thumb-shadow, 0 2px 4px rgba(0, 0, 0, .1));width:var(--em-switch-slider-size-width, .75rem);height:var(--em-switch-slider-size-height, .75rem)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchTrack_nupfs_21{background:var(--em-switch-background-color-on, #212129)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchThumb_nupfs_51{left:calc(100% - var(--em-switch-padding, .125rem));transform:translate(-100%,-50%)}._switchLabel_nupfs_8:not(._disabled_nupfs_78):hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover, #e4e4ea)}._switchLabel_nupfs_8:not(._disabled_nupfs_78)._checked_nupfs_66:hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover-checked, #212129)}._switchLabel_nupfs_8._disabled_nupfs_78{cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-disabled, #f5f5f6);cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchThumb_nupfs_51{background:var(--em-switch-thumb-background-color-disabled, #d2d2d5);box-shadow:none}._switchLabel_nupfs_8._disabled_nupfs_78 ._labelText_nupfs_100{color:var(--em-switch-label-color-disabled, #b8b8bd);cursor:not-allowed}._switchLabel_nupfs_8 ._labelText_nupfs_100{color:var(--em-form-section-font-font-color, #212129);font-size:var(--em-form-form-font-font-size-title, .875rem);font-style:normal;font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);display:inline-block;vertical-align:middle;margin-left:var(--em-form-padding-small, .5rem)}@media(prefers-reduced-motion:reduce){._switchTrack_nupfs_21,._switchThumb_nupfs_51{transition:none}}
|
|
587
|
+
._card_ekfxn_1{position:relative;display:flex;flex-direction:column;gap:var(--em-card-gap-default, 2rem);padding:var(--em-card-padding-default, 2rem);border-radius:var(--em-card-border-radius-default, 2rem);background:var(--em-background-color-default, #f7f7f8);box-sizing:border-box}._content_ekfxn_12{display:flex;flex-direction:column;flex-grow:1;overflow:auto}._header_ekfxn_19{width:100%;display:flex;gap:var(--em-card-title-padding-default, 1rem);justify-content:space-between;position:relative;align-items:center}._titles_ekfxn_28{display:flex;flex-direction:column;gap:var(--em-card-title-padding-default, 1rem)}._title_ekfxn_28{color:var(--em-card-title-color-default, #212129);font-size:var(--em-card-title-font-size, 1.25rem);font-style:normal;font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-font-line-height, 1.1875rem)}._subtitle_ekfxn_42{color:var(--em-foreground-color-muted, #5c5c66);font-family:var(--em-card-subtitle-font-font-family, Inter);font-size:var(--em-card-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-font-line-height, .875rem)}._typography_1vbmb_1{font-family:var(--em-font-default, "Inter", sans-serif);margin:unset}._info_11vdf_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-info-padding-default, .75rem)}._title_11vdf_9{color:var(--em-card-empty-title-color-default, #212129);text-align:center;font-size:var(--em-card-empty-title-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-title-font-weight, 500);line-height:var(--em-card-empty-title-font-line-height, 1rem)}._message_11vdf_18{color:var(--em-card-empty-subtitle-color-default, #5c5c66);text-align:center;font-size:var(--em-card-empty-subtitle-font-size, .875rem);font-style:normal;font-weight:var(--em-card-empty-subtitle-font-weight, 400);line-height:var(--em-card-empty-subtitle-font-line-height, 1rem)}._errorMessage_1cos3_1{color:var(--em-text-input-label-color-error, #bc1010);font-family:var(--em-text-input-label-font-font-family, Inter);font-size:var(--em-text-input-label-font-size, .75rem);font-weight:var(--em-text-input-label-font-weight-default, 500)}._iconButton_134uf_1{width:var(--em-icon-btn-size-width, 1.25rem);height:var(--em-icon-btn-size-height, 2rem);padding:var(--em-icon-btn-padding-top, .5rem) var(--em-icon-btn-padding-right, .125rem) var(--em-icon-btn-padding-bottom, .5rem) var(--em-icon-btn-padding-left, .125rem)}._icon_134uf_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._baseButton_zbrmc_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}._baseButton_zbrmc_1:disabled{cursor:unset;pointer-events:none}._primary_zbrmc_15{background:var(--em-primary-btn-background-color-default, #5c5c66);color:var(--em-primary-btn-label-color-default, #fff);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._primary_zbrmc_15:hover,._primary_zbrmc_15:focus{background:var(--em-primary-btn-background-color-hover, #212129)}._primary_zbrmc_15:active{background:var(--em-primary-btn-background-color-pressed, #000)}._primary_zbrmc_15:disabled{background:var(--em-primary-btn-background-color-disabled, #ededf1);color:var(--em-primary-btn-label-color-disabled, #b8b8bd)}._secondary_zbrmc_34{background:var(--em-secondary-btn-background-color-default, #ededf1);color:var(--em-secondary-btn-label-color-default, #212129);border-radius:var(--em-primary-btn-border-radius-default, 624.9375rem)}._secondary_zbrmc_34:hover,._secondary_zbrmc_34:focus{background:var(--em-secondary-btn-background-color-hover, #e4e4ea)}._secondary_zbrmc_34:active{background:var(--em-secondary-btn-background-color-pressed, #d2d2d5)}._secondary_zbrmc_34:disabled{background:var(--em-secondary-btn-background-color-disabled, #ededf1);color:var(--em-secondary-btn-label-color-disabled, #b8b8bd)}._icon_zbrmc_55{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._listItem_1yck8_1{box-sizing:border-box;height:var(--em-select-list-item-size-height, 2rem);max-height:var(--em-select-list-item-size-height, 2rem);padding:var(--em-select-list-item-padding-default, .5rem);border-radius:var(--em-select-list-item-border-radius-default, .5rem);background:var(--em-select-list-item-background-color-default, #fff);color:var(--em-select-list-item-label-color-default, #212129);font-style:normal;display:flex;outline:none;cursor:pointer;align-items:center;justify-content:space-between;width:100%;overflow:hidden}._listItem_1yck8_1 ._leftContent_1yck8_20{flex:1 1 auto;min-width:0;overflow:hidden;display:flex}._listItem_1yck8_1 ._rightContent_1yck8_27{flex:0 0 auto;max-width:50%;display:flex}._listItem_1yck8_1 ._leftContent_1yck8_20 p,._listItem_1yck8_1 ._rightContent_1yck8_27 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listItem_1yck8_1:hover,._listItem_1yck8_1:focus{background:var(--em-select-list-item-background-color-hover, #f7f7f8)}._listItem_1yck8_1:active{background:var(--em-select-list-item-background-color-pressed, #ededf1)}._listItem_1yck8_1._disabled_1yck8_49{color:var(--em-select-list-item-label-color-disabled, #b8b8bd);pointer-events:none;-webkit-user-select:none;user-select:none}._listItem_1yck8_1 ._leftContent_1yck8_20 p{padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-left-label-font-size, .75rem);font-weight:var(--em-select-list-item-left-label-font-weight, 500);line-height:var(--em-select-list-item-left-label-font-line-height, .875rem)}._listItem_1yck8_1 ._rightContent_1yck8_27 p{color:var(--em-select-list-item-right-label-color-default, #5c5c66);padding:0 var(--em-select-list-item-label-padding-default, .5rem);font-size:var(--em-select-list-item-right-label-font-size, .75rem);font-weight:var(--em-select-list-item-right-label-font-weight, 400);line-height:var(--em-select-list-item-right-label-font-line-height, .875rem)}._listItem_1yck8_1._selected_1yck8_72{background:var(--em-select-list-item-background-color-selected, #212129);color:var(--em-select-list-item-left-label-color-selected, #fff)}._listItem_1yck8_1._selected_1yck8_72 ._leftContent_1yck8_20 p,._listItem_1yck8_1._selected_1yck8_72 ._rightContent_1yck8_27 p{color:inherit}._listItem_1yck8_1 svg,._listItem_1yck8_1 img{width:var(--em-select-list-item-icon-size-width, 1rem);height:var(--em-select-list-item-icon-size-height, 1rem);color:inherit}._button_10cpl_1{display:flex;align-items:center;justify-content:space-between;padding:var(--em-select-menu-padding-default, .75rem);border-radius:var(--em-select-menu-border-radius-default, .75rem);border:var(--em-select-menu-border-width-default, 1px) solid var(--em-select-menu-border-color-default, #d2d2d5);background:var(--em-select-menu-background-color-default, #fff);cursor:pointer;color:var(--em-select-menu-label-color-default, #212129);height:var(--em-select-menu-size-height-default, 2rem);max-height:var(--em-select-menu-size-height-default, 2rem);min-width:var(--em-select-menu-size-width-min-width, 10rem);width:100%;outline:none}._button_10cpl_1 ._rightContent_10cpl_19{flex-shrink:0}._button_10cpl_1 ._leftContent_10cpl_23{display:flex;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._button_10cpl_1 ._leftContent_10cpl_23 span{text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-select-menu-label-padding-default, .5rem);font-size:var(--em-select-menu-label-font-size, .75rem);font-style:normal;font-weight:var(--em-select-menu-label-font-weight, 500);line-height:var(--em-select-menu-label-font-line-height, .875rem)}._button_10cpl_1:hover,._button_10cpl_1:focus{background:var(--em-select-menu-background-color-hover, #f7f7f8)}._button_10cpl_1:active{background:var(--em-select-menu-background-color-pressed, #ededf1)}._button_10cpl_1._hasValue_10cpl_55{background:var(--em-select-menu-background-color-selected, #212129);color:var(--em-select-menu-label-color-selected, #fff)}._button_10cpl_1:disabled{background:var(--em-select-menu-background-color-disabled, #fff);color:var(--em-select-menu-label-color-disabled, #b8b8bd);cursor:unset}._button_10cpl_1 span svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}@keyframes _spin_10cpl_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_10cpl_80{animation:_spin_10cpl_1 1s linear infinite}._buttonError_10cpl_84{border:var(--em-text-input-border-width-error, 2px) solid var(--em-status-negative-foreground, #bc1010)}._list_18km3_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-select-menu-size-width-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);padding:var(--em-select-menu-list-padding-default, .5rem);max-height:var(--em-select-menu-list-size-max-height, 20rem);gap:var(--em-select-menu-list-gap-default, .5rem);border-radius:var(--em-select-menu-list-border-radius-default, .75rem);background:var(--em-background-color-neutral, #fff);box-shadow:var(--em-box-shadow-default-position-x, 0) var(--em-box-shadow-default-position-y, 1px) var(--em-box-shadow-default-blur, 40px) var(--em-box-shadow-default-spread, 0) var(--em-box-shadow-default-color, rgba(33, 33, 41, .25))}._input_ties8_1{display:flex;align-items:center;box-sizing:border-box;height:var(--em-text-input-size-height, 2rem);width:100%;padding:var(--em-text-input-padding-default, .5rem);border-radius:var(--em-text-input-border-radius-default, .5rem);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-default, #f7f7f8);color:var(--em-text-input-label-color-filled, #212129)}._input_ties8_1:hover{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-hover, #5c5c66)}._input_ties8_1:focus-within{background:var(--em-text-input-background-color-hover, #e4e4ea);color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1 svg{width:var(--em-select-menu-icon-size-width, 1rem);height:var(--em-select-menu-icon-size-height, 1rem)}._input_ties8_1 input{border:none;background:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;color:inherit;width:100%;padding:0 var(--em-text-input-padding-default, .5rem);font-size:var(--em-text-input-label-font-size, .75rem);font-style:normal;font-weight:var(--em-text-input-label-font-weight, 500);line-height:var(--em-text-input-label-font-line-height, .875rem)}._input_ties8_1 input:focus{color:var(--em-text-input-label-color-focused, #212129)}._input_ties8_1:has(input:disabled){color:var(--em-text-input-label-color-disabled, #b8b8bd);border:var(--em-text-input-border-width-default, 1px) solid var(--em-text-input-border-color-default, #d2d2d5);background:var(--em-text-input-background-color-disabled, #fff)}._input_ties8_1 input::placeholder{color:var(--em-text-input-label-color-default, #5c5c66)}._input_ties8_1 input:disabled::placeholder{color:var(--em-text-input-label-color-disabled, #b8b8bd)}._input_ties8_1 div{display:flex}._clearIcon_ties8_71{cursor:pointer}._inputContainer_ties8_75{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._requiredText_ties8_81{padding-bottom:var(--em-form-padding-small, .5rem);display:flex;align-items:center;justify-content:flex-end;font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._inputError_ties8_92{border:var(--em-text-input-border-width-error, 2px) solid var(--em-text-input-border-color-error, #bc1010)}._textField_aiklj_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._textField_aiklj_1 ._characterCount_aiklj_5{display:flex;justify-content:flex-start;font-family:var(--em-form-section-font-font-family, Inter);font-size:var(--em-form-form-font-font-size-required, .75rem);font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);color:var(--em-form-section-font-font-color, #212129)}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._tableContainer_ih7qn_1{background:var(--em-table-background-color-default-header, #fff);display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;border-radius:var(--em-table-border-radius-default, .75rem)}._scrollX_ih7qn_14{overflow-x:auto;overflow-y:hidden;flex:1}._table_ih7qn_1{width:100%;border-collapse:collapse}._table_ih7qn_1 th,._table_ih7qn_1 td{border:var(--em-table-border-width-default, 1px) solid var(--em-table-border-color-default, #ededf1);box-sizing:border-box;cursor:pointer;height:var(--em-table-size-cell-height_R, 2.5rem);max-height:var(--em-table-size-cell-height_R, 2.5rem);min-width:var(--em-table-size-min-width_R, 3rem);padding:var(--em-table-padding-medium_R, .5rem)}._table_ih7qn_1 th:hover,._table_ih7qn_1 th:focus-within{background:var(--em-table-background-color-hover-header_R, #f7f7f8)}._table_ih7qn_1 tr:has(td:hover){background:var(--em-table-background-color-hover-row_R, #fafafa)}._table_ih7qn_1 th:first-child,._table_ih7qn_1 td:first-child{border-left:none}._table_ih7qn_1 th:last-child,._table_ih7qn_1 td:last-child{border-right:none}._table_ih7qn_1 tr:first-child th,._table_ih7qn_1 tr:first-child td{border-top:none}._tablePagination_eu6nu_1{height:3rem;display:flex;justify-content:center;align-items:center;width:100%}._tablePaginationCentral_eu6nu_10{gap:1rem;display:flex;align-items:center;color:var(--em-table-text-default_R, #212129);font-size:var(--em-table-font-font-size_R, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium_R, 500);line-height:var(--em-table-font-line-height_R, .875rem)}._tablePaginationCentralButtons_eu6nu_24{display:flex;align-items:center;gap:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th{padding:unset}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4{position:sticky;left:0;z-index:1;pointer-events:none;min-width:var(--em-table-size-min-width_R, 3rem);width:var(--em-table-size-min-width_R, 3rem);background:var(--em-table-background-color-default-header_R, #fff)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4 button p{color:var(--em-table-text-muted, #5c5c66)}._tableHead_1wclr_1 tr th._tableHeadIndex_1wclr_4:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29{cursor:pointer;width:100%;border:unset;background-color:unset;display:flex;justify-content:space-between;padding:var(--em-table-padding-medium_R, .5rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 svg{width:var(--em-table-icon-size-width, 1rem);height:var(--em-table-icon-size-height, 1rem)}._tableHead_1wclr_1 tr th ._tableHeadCell_1wclr_29 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-font-weight-medium, 500);line-height:var(--em-table-font-line-height, .875rem)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1{position:sticky;left:0;z-index:1;pointer-events:none;background:var(--em-table-background-color-default-header_R, #fff)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-table-border-width-default, 1px));width:var(--em-table-border-width-default, 1px);background:var(--em-table-border-color-default, #ededf1)}._tableBody_zz1co_1 td._tableBodyCellIndex_zz1co_1 p{color:var(--em-table-text-muted, #5c5c66)}._tableBodyCell_zz1co_1{position:relative}._tableBodyCell_zz1co_1 p{white-space:nowrap;padding:0 var(--em-table-padding-small, .25rem);color:var(--em-table-text-default, #212129);font-size:var(--em-table-font-size, .75rem);font-style:normal;font-weight:var(--em-table-font-weight-regular, 400);line-height:.875rem}._copyButton_zz1co_38{position:absolute;top:50%;right:var(--em-table-padding-medium_R, .5rem);transform:translateY(-50%);opacity:0}._copyButton_zz1co_38._leftAlign_zz1co_46{left:var(--em-table-padding-medium_R, .5rem);right:auto}._tableBodyCell_zz1co_1:hover ._copyButton_zz1co_38{opacity:1}@keyframes _shimmer_12e7h_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_12e7h_10{animation:_shimmer_12e7h_1 1.5s infinite;background:linear-gradient(90deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-border-radius-300, 12px)}._chartCard_hyfnm_1{height:100%;width:100%}._error_hyfnm_6 svg,._error_hyfnm_6 h2,._error_hyfnm_6 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._rightContent_hyfnm_12{position:absolute;position:relative;right:0}._fixedContent_hyfnm_18{z-index:1;background:var(--em-background-color-default, #f7f7f8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._fixedContent_hyfnm_18._loading_hyfnm_27{z-index:2}@keyframes _spin_7lgag_1{to{transform:rotate(360deg)}}._loading_7lgag_7{padding:var(--em-card-loader-padding-default, .25rem);border-radius:var(--em-card-loader-border-radius-default, 9999px);background:var(--em-background-color-default, #f7f7f8);width:var(--em-card-loader-icon-size-width, 1.5rem);height:var(--em-card-loader-icon-size-height, 1.5rem);animation:_spin_7lgag_1 2s linear infinite}._list_mwshn_1{width:auto}._kpiChartContainer_joxtc_1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}._kpiChartContainer_joxtc_1>p{width:100%;font-size:52px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpi-kpi-font-font-color, #212129);font-style:normal;font-weight:var(--em-kpi-kpi-font-font-weight, 700);line-height:normal}._kpiComparisonContainer_joxtc_26{align-items:center;display:flex;flex-direction:column;padding:var(--em-chart-grid-padding-lg, 1rem) 0 0 0;gap:var(--em-chart-grid-padding-default, .5rem);font-size:var(--em-kpi-trend-font-font-size, 1rem)}._kpiComparisonContainer_joxtc_26>p{text-align:center;color:var(--em-chart-grid-font-color-default, #000);font-size:.875em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500)}._kpiChangeHidden_joxtc_47{visibility:hidden}._kpiChartChangeContainer_13m4l_1{display:flex;align-items:center;gap:var(--em-chart-grid-padding-default, .5rem);color:var(--em-chart-grid-font-color-default, #000)}._kpiChartChangeContainer_13m4l_1>p{font-size:.875em;color:inherit}._kpiChangeBadge_13m4l_13{display:flex;justify-content:center;align-items:center;padding:var(--em-kpi-trend-padding-default, .25rem);border-radius:var(--em-kpi-trend-border-radius-default, .375rem)}._kpiChangeBadge_13m4l_13>svg{width:1em;height:1em}._kpiChangeBadge_13m4l_13>p{padding:0 var(--em-kpi-trend-padding-default, .25rem);font-size:1em;font-style:normal;font-weight:var(--em-kpi-trend-font-font-weight, 500);line-height:var(--em-kpi-trend-font-line-height, 1rem)}._kpiChangeBadge_13m4l_13._positive_13m4l_36{background:var(--em-kpi-trend-background-color-positive, #e1f0e9);color:var(--em-kpi-trend-label-color-positive, #0f955a)}._kpiChangeBadge_13m4l_13._negative_13m4l_41{background:var(--em-kpi-trend-background-color-negative, #f6e2e2);color:var(--em-kpi-trend-label-color-negative, #bc1010)}._listOptions_2o1ip_1{height:100%;overflow:auto}._listOptions_2o1ip_1._disabled_2o1ip_6{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}._category_1govg_1{display:flex;padding:var(--em-select-list-item-isolate-padding-default, 4px);flex:1 0 0;border-radius:var(--em-select-list-item-isolate-border-radius-default, 2px);background:var(--em-select-list-item-isolate-background-color-default, #ededf1)}._categoryLabel_1govg_9{color:var(--em-select-list-item-isolate-label-color-default, #212129);font-family:var(--em-select-list-item-isolate-label-font-font-family, Inter);font-size:var(--em-select-list-item-isolate-label-font-size, 12px);font-weight:var(--em-select-list-item-isolate-label-font-weight, 500);line-height:var(--em-select-list-item-isolate-label-font-line-height, 16px)}._error_1xvr5_1 svg,._error_1xvr5_1 h2,._error_1xvr5_1 p{color:var(--em-card-error-subtitle-color-default, #d03109)}._card_1xvr5_7{background:unset;padding:unset}._selectField_73cni_1{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._icon_14m1u_1{width:var(--em-primary-btn-icon-size-width, 1rem);height:var(--em-primary-btn-icon-size-height, 1rem)}._buttonMedium_14m1u_6{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._buttonSmall_14m1u_14{height:var(--em-primary-btn-size-small-height, 2rem);padding:var(--em-primary-btn-padding-small-top, .375rem) var(--em-primary-btn-padding-small-right, .375rem) var(--em-primary-btn-padding-small-bottom, .375rem) var(--em-primary-btn-padding-small-left, .375rem)}._buttonText_14m1u_22{padding:0 var(--em-primary-btn-label-padding-default, .5rem)}._buttonTextMedium_14m1u_26{font-size:var(--em-primary-btn-label-font-default-size, .875rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-default-weight, 700);line-height:var(--em-primary-btn-label-font-default-line-height, 1rem)}._buttonTextSmall_14m1u_35{font-size:var(--em-primary-btn-label-font-small-size, .75rem);font-style:normal;font-weight:var(--em-primary-btn-label-font-small-weight, 500);line-height:var(--em-primary-btn-label-font-small-line-height, .875rem)}._submitButton_gpe2a_1{justify-content:center}._selectField_gpe2a_5{display:flex;flex-direction:column;gap:var(--em-form-padding-small, .5rem)}._container_436fl_1{width:100%;height:100%;display:flex;gap:var(--em-empty-state-padding-default, 1rem);overflow:hidden;box-sizing:border-box}._column_436fl_10{display:flex;flex-direction:column;gap:var(--em-empty-state-padding-default, 1rem);min-width:var(--em-empty-state-skeleton-size-min-width, 8rem);max-width:var(--em-empty-state-skeleton-size-max-width, 16rem);flex:1;height:100%}._box_436fl_20{background-color:var(--em-empty-state-background-color-default, #f7f7f8);border-radius:var(--em-card-border-radius-default, 2rem);opacity:var(--em-empty-state-opacity-default, .6)}._short_436fl_26{width:100%;aspect-ratio:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem);max-height:var(--em-empty-state-skeleton-size-max-width, 16rem);flex-shrink:0}._tall_436fl_34{width:100%;flex:1;min-height:var(--em-empty-state-skeleton-size-min-width, 8rem)}._icon_bk4b5_1{width:var(--em-icon-btn-icon-size-width, 1rem);height:var(--em-icon-btn-icon-size-height, 1rem)}._iconPrimary_bk4b5_6{color:var(--em-primary-btn-icon-color-default, #ffffff)}._iconSecondary_bk4b5_9{color:var(--em-secondary-btn-icon-color-default, #212129)}._buttonIcon_bk4b5_12{height:var(--em-primary-btn-size-default-height, 2.5rem);padding:var(--em-primary-btn-padding-default-top, .75rem) var(--em-primary-btn-padding-default-right, .75rem) var(--em-primary-btn-padding-default-bottom, .75rem) var(--em-primary-btn-padding-default-left, .75rem)}._ghostButton_1cvh9_1{border:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;height:var(--em-ghost-btn-size-height, 1.25rem);padding:var(--em-ghost-btn-padding-default, .125rem);flex-shrink:0;background:transparent;color:var(--em-ghost-btn-label-color-default, #212129);font-family:var(--em-ghost-btn-label-font-default-font-family, Inter);font-size:var(--em-ghost-btn-label-font-default-size, .75rem);font-style:normal;font-weight:var(--em-ghost-btn-label-font-default-weight, 400);line-height:var(--em-ghost-btn-label-font-default-line-height, .875rem)}._ghostButton_1cvh9_1:hover,._ghostButton_1cvh9_1:focus{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-hover, #f7f7f8)}._ghostButton_1cvh9_1:active{border-radius:var(--em-border-radius-100, .25rem);background:var(--em-ghost-btn-background-color-pressed, #ededf1)}._ghostButton_1cvh9_1:disabled{cursor:unset;pointer-events:none;background:transparent;color:var(--em-ghost-btn-label-color-disabled, #b8b8bd)}._icon_1cvh9_38{width:var(--em-ghost-btn-icon-size-width, .75rem);height:var(--em-ghost-btn-icon-size-height, .75rem)}._label_1cvh9_42{display:flex;padding:0 var(--em-ghost-btn-label-padding-default, .25rem);align-items:center}._overlay_1wzuc_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--em-foreground-color-neutral);z-index:9999;display:flex;align-items:center;justify-content:center}._actions_pvzr9_1{display:flex;gap:var(--em-form-padding-small, .5rem);justify-content:flex-end;padding-top:var(--em-card-padding-default);overflow:unset}._switchContainer_nupfs_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--em-switch-container-gap, .75rem)}._switchLabel_nupfs_8{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none}._switchLabel_nupfs_8 ._switchInput_nupfs_14{position:absolute;opacity:0;width:0;height:0}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default) solid var(--em-switch-focus-color, #0066cc);outline-offset:var(--em-border-width-default)}._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus:not(:focus-visible)+._switchTrack_nupfs_21{outline:none}@media(prefers-contrast:high){._switchLabel_nupfs_8 ._switchInput_nupfs_14:focus+._switchTrack_nupfs_21{outline:var(--em-border-width-default, .0625rem) solid;outline-offset:var(--em-border-width-default, .0625rem)}}._switchLabel_nupfs_8 ._switchTrack_nupfs_21{position:relative;display:inline-flex;justify-content:flex-end;align-items:center;width:var(--em-switch-size-width, 2rem);height:var(--em-switch-size-height, 1rem);border-radius:var(--em-border-radius-500, 624.9375rem);background:var(--em-switch-background-color-off, #e4e4ea);transition:all .2s ease-in-out;vertical-align:middle}._switchLabel_nupfs_8 ._switchTrack_nupfs_21 ._switchThumb_nupfs_51{position:absolute;top:50%;left:var(--em-switch-thumb-padding, .125rem);transform:translateY(-50%);background:var(--em-switch-thumb-background-color, #ffffff);border-radius:50%;transition:all .2s ease-in-out;box-shadow:var(--em-switch-thumb-shadow, 0 2px 4px rgba(0, 0, 0, .1));width:var(--em-switch-slider-size-width, .75rem);height:var(--em-switch-slider-size-height, .75rem)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchTrack_nupfs_21{background:var(--em-switch-background-color-on, #212129)}._switchLabel_nupfs_8._checked_nupfs_66 ._switchThumb_nupfs_51{left:calc(100% - var(--em-switch-padding, .125rem));transform:translate(-100%,-50%)}._switchLabel_nupfs_8:not(._disabled_nupfs_78):hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover, #e4e4ea)}._switchLabel_nupfs_8:not(._disabled_nupfs_78)._checked_nupfs_66:hover ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-hover-checked, #212129)}._switchLabel_nupfs_8._disabled_nupfs_78{cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchTrack_nupfs_21{background:var(--em-switch-track-background-color-disabled, #f5f5f6);cursor:not-allowed}._switchLabel_nupfs_8._disabled_nupfs_78 ._switchThumb_nupfs_51{background:var(--em-switch-thumb-background-color-disabled, #d2d2d5);box-shadow:none}._switchLabel_nupfs_8._disabled_nupfs_78 ._labelText_nupfs_100{color:var(--em-switch-label-color-disabled, #b8b8bd);cursor:not-allowed}._switchLabel_nupfs_8 ._labelText_nupfs_100{color:var(--em-form-section-font-font-color, #212129);font-size:var(--em-form-form-font-font-size-title, .875rem);font-style:normal;font-weight:var(--em-form-form-font-font-weight, 400);line-height:var(--em-form-form-font-line-height, 1rem);display:inline-block;vertical-align:middle;margin-left:var(--em-form-padding-small, .5rem)}@media(prefers-reduced-motion:reduce){._switchTrack_nupfs_21,._switchThumb_nupfs_51{transition:none}}
|
package/package.json
CHANGED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { ac as l, j as r, af as m, i as u, ah as p, ai as _, al as x, am as f, U as h, aO as C } from "./component.constants-D59iJ42U.js";
|
|
2
|
-
import { useEffect as j } from "react";
|
|
3
|
-
import { useTheme as S } from "@embeddable.com/react";
|
|
4
|
-
/**
|
|
5
|
-
* @license @tabler/icons-react v3.35.0 - MIT
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license.
|
|
8
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/
|
|
10
|
-
const b = [["path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], g = l("outline", "search", "Search", b), v = "_listOptions_2o1ip_1", y = "_disabled_2o1ip_6", o = {
|
|
11
|
-
listOptions: v,
|
|
12
|
-
disabled: y
|
|
13
|
-
}, k = ({ children: t, disabled: e, ...s }) => /* @__PURE__ */ r.jsx("div", { className: m(o.listOptions, e && o.disabled), ...s, children: t });
|
|
14
|
-
function A(t, e = 300) {
|
|
15
|
-
let s;
|
|
16
|
-
return (...a) => {
|
|
17
|
-
clearTimeout(s), s = setTimeout(() => {
|
|
18
|
-
t(...a);
|
|
19
|
-
}, e);
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
const D = (t, e) => {
|
|
23
|
-
j(() => {
|
|
24
|
-
t && setTimeout(() => {
|
|
25
|
-
var s;
|
|
26
|
-
(s = e.current) == null || s.focus();
|
|
27
|
-
}, 100);
|
|
28
|
-
}, [t, e]);
|
|
29
|
-
}, O = "_error_1xvr5_1", T = "_card_1xvr5_7", c = {
|
|
30
|
-
error: O,
|
|
31
|
-
card: T
|
|
32
|
-
}, H = ({
|
|
33
|
-
title: t,
|
|
34
|
-
subtitle: e,
|
|
35
|
-
children: s,
|
|
36
|
-
errorMessage: a,
|
|
37
|
-
...n
|
|
38
|
-
}) => {
|
|
39
|
-
const i = S();
|
|
40
|
-
u(i);
|
|
41
|
-
const d = () => a ? /* @__PURE__ */ r.jsx(
|
|
42
|
-
f,
|
|
43
|
-
{
|
|
44
|
-
className: c.error,
|
|
45
|
-
icon: C,
|
|
46
|
-
title: h.t("editors.errorTitle"),
|
|
47
|
-
message: a
|
|
48
|
-
}
|
|
49
|
-
) : s;
|
|
50
|
-
return /* @__PURE__ */ r.jsxs(p, { className: c.card, ...n, children: [
|
|
51
|
-
/* @__PURE__ */ r.jsx(_, { title: t, subtitle: e }),
|
|
52
|
-
/* @__PURE__ */ r.jsx(x, { children: d() })
|
|
53
|
-
] });
|
|
54
|
-
};
|
|
55
|
-
export {
|
|
56
|
-
H as E,
|
|
57
|
-
g as I,
|
|
58
|
-
k as S,
|
|
59
|
-
A as d,
|
|
60
|
-
D as u
|
|
61
|
-
};
|
|
62
|
-
//# sourceMappingURL=EditorCard-B7s7sQ-B.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditorCard-B7s7sQ-B.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n children: React.ReactNode;\n disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n return (\n <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n {children}\n </div>\n );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n fn: T,\n delay = 300,\n): (...args: Parameters<T>) => void {\n let timer: NodeJS.Timeout;\n return (...args: Parameters<T>) => {\n clearTimeout(timer);\n timer = setTimeout(() => {\n fn(...args);\n }, delay);\n };\n}\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n isOpen: boolean,\n searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n useEffect(() => {\n if (isOpen) {\n setTimeout(() => {\n (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n }, 100);\n }\n }, [isOpen, searchFieldRef]);\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardContentInfo, CardHeader } from '../../../../../remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n title?: string;\n subtitle?: string;\n children: React.ReactNode;\n errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n title,\n subtitle,\n children,\n errorMessage,\n ...props\n}) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const getDisplay = () => {\n if (errorMessage) {\n return (\n <CardContentInfo\n className={styles.error}\n icon={IconAlertCircle}\n title={i18n.t('editors.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card className={styles.card} {...props}>\n <CardHeader title={title} subtitle={subtitle} />\n <CardContent>{getDisplay()}</CardContent>\n </Card>\n );\n};\n"],"names":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;ACZG,SAASM,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACVO,MAAMG,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAlB;AAAA,EACA,cAAAmB;AAAA,EACA,GAAGjB;AACL,MAAM;AACJ,QAAMkB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAhB,gBAAAA,EAAAA;AAAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWnB,EAAO;AAAA,MAClB,MAAMoB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRnB;AAGT,gCACG2B,GAAA,EAAK,WAAWtB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACyB,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9Cf,gBAAAA,EAAAA,IAAC0B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { j as s, ao as D, ar as N, as as k, ap as p, aq as q, an as w } from "./component.constants-D59iJ42U.js";
|
|
2
|
-
import { useState as d, useRef as B, useEffect as K, useMemo as P } from "react";
|
|
3
|
-
import { u as T, d as z, I as A, S as G } from "./EditorCard-B7s7sQ-B.js";
|
|
4
|
-
const H = "_selectField_73cni_1", J = {
|
|
5
|
-
selectField: H
|
|
6
|
-
}, V = ({
|
|
7
|
-
value: t = "",
|
|
8
|
-
startIcon: F,
|
|
9
|
-
options: a,
|
|
10
|
-
disabled: o,
|
|
11
|
-
placeholder: C,
|
|
12
|
-
isSearchable: u,
|
|
13
|
-
isClearable: S,
|
|
14
|
-
isLoading: f,
|
|
15
|
-
noOptionsMessage: g = "No options available",
|
|
16
|
-
onChange: v,
|
|
17
|
-
onSearch: l,
|
|
18
|
-
error: L = !1,
|
|
19
|
-
errorMessage: n
|
|
20
|
-
}) => {
|
|
21
|
-
const [x, O] = d(!1), [m, b] = d(""), [y, c] = d(t), j = B(null);
|
|
22
|
-
T(x, j), K(() => {
|
|
23
|
-
if (!t) {
|
|
24
|
-
c("");
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
const e = a.find((r) => r.value === t);
|
|
28
|
-
e && c(e.label);
|
|
29
|
-
}, [t, a]);
|
|
30
|
-
const i = P(() => l ? z(l) : void 0, [l]), E = u && !l ? a.filter((e) => e.label.toLowerCase().includes(m.toLowerCase())) : a, h = (e) => {
|
|
31
|
-
if (b(""), v(e ?? ""), l == null || l(""), e === "")
|
|
32
|
-
c("");
|
|
33
|
-
else {
|
|
34
|
-
const r = a.find((_) => _.value === e);
|
|
35
|
-
r && c(r.label);
|
|
36
|
-
}
|
|
37
|
-
}, I = (e) => {
|
|
38
|
-
b(e), i == null || i(e);
|
|
39
|
-
}, R = L || !!n;
|
|
40
|
-
return /* @__PURE__ */ s.jsxs("div", { className: J.selectField, children: [
|
|
41
|
-
/* @__PURE__ */ s.jsx(
|
|
42
|
-
D,
|
|
43
|
-
{
|
|
44
|
-
open: x,
|
|
45
|
-
onOpenChange: O,
|
|
46
|
-
disabled: o,
|
|
47
|
-
triggerComponent: /* @__PURE__ */ s.jsx(
|
|
48
|
-
q,
|
|
49
|
-
{
|
|
50
|
-
startIcon: F,
|
|
51
|
-
"aria-label": "Select option",
|
|
52
|
-
placeholder: C,
|
|
53
|
-
disabled: o,
|
|
54
|
-
valueLabel: y,
|
|
55
|
-
onClear: () => h(""),
|
|
56
|
-
isClearable: S,
|
|
57
|
-
isLoading: f,
|
|
58
|
-
error: R
|
|
59
|
-
}
|
|
60
|
-
),
|
|
61
|
-
children: /* @__PURE__ */ s.jsxs(N, { children: [
|
|
62
|
-
u && /* @__PURE__ */ s.jsx(
|
|
63
|
-
k,
|
|
64
|
-
{
|
|
65
|
-
ref: j,
|
|
66
|
-
startIcon: A,
|
|
67
|
-
"aria-label": "Search options",
|
|
68
|
-
placeholder: "Search…",
|
|
69
|
-
role: "searchbox",
|
|
70
|
-
value: m,
|
|
71
|
-
onKeyDown: (e) => e.stopPropagation(),
|
|
72
|
-
onChange: I
|
|
73
|
-
}
|
|
74
|
-
),
|
|
75
|
-
/* @__PURE__ */ s.jsxs(G, { disabled: f, children: [
|
|
76
|
-
E.map((e) => /* @__PURE__ */ s.jsx(
|
|
77
|
-
p,
|
|
78
|
-
{
|
|
79
|
-
onClick: () => h(e == null ? void 0 : e.value),
|
|
80
|
-
isSelected: e.value === t,
|
|
81
|
-
...e
|
|
82
|
-
},
|
|
83
|
-
(e == null ? void 0 : e.value) ?? e.label
|
|
84
|
-
)),
|
|
85
|
-
a.length === 0 && /* @__PURE__ */ s.jsx(p, { disabled: !0, value: "empty", label: g })
|
|
86
|
-
] })
|
|
87
|
-
] })
|
|
88
|
-
}
|
|
89
|
-
),
|
|
90
|
-
n && /* @__PURE__ */ s.jsx(w, { message: n })
|
|
91
|
-
] });
|
|
92
|
-
};
|
|
93
|
-
export {
|
|
94
|
-
V as S
|
|
95
|
-
};
|
|
96
|
-
//# sourceMappingURL=SingleSelectField-DXVRxF0n.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelectField-DXVRxF0n.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n SelectListOption,\n SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch, TablerIcon } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\nimport styles from './SingleSelectField.module.css';\nimport { FieldErrorMessage } from '../../../shared/FieldErrorMessage/FieldErrorMessage';\n\nexport type SingleSelectFieldProps = {\n options: SelectListOptionProps[];\n startIcon?: TablerIcon;\n value?: string;\n disabled?: boolean;\n placeholder?: string;\n isSearchable?: boolean;\n isClearable?: boolean;\n isLoading?: boolean;\n noOptionsMessage?: string;\n onChange: (value: string) => void;\n onSearch?: (search: string) => void;\n error?: boolean;\n errorMessage?: string;\n};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n value = '',\n startIcon,\n options,\n disabled,\n placeholder,\n isSearchable,\n isClearable,\n isLoading,\n noOptionsMessage = 'No options available',\n onChange,\n onSearch,\n error = false,\n errorMessage,\n}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [searchValue, setSearchValue] = useState<string>('');\n const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n const searchFieldRef = useRef<HTMLInputElement>(null);\n useSelectSearchFocus(isOpen, searchFieldRef);\n\n useEffect(() => {\n if (!value) {\n setSelectedLabel('');\n return;\n }\n\n const option = options.find((opt) => opt.value === value);\n if (option) {\n setSelectedLabel(option.label);\n }\n }, [value, options]);\n\n const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n const displayOptions =\n isSearchable && !onSearch\n ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n : options;\n\n const handleChange = (newValue?: string) => {\n setSearchValue('');\n onChange(newValue ?? '');\n onSearch?.('');\n\n if (newValue === '') {\n setSelectedLabel('');\n } else {\n const option = options.find((opt) => opt.value === newValue);\n if (option) setSelectedLabel(option.label);\n }\n };\n\n const handleSearch = (newSearch: string) => {\n setSearchValue(newSearch);\n debouncedSearch?.(newSearch);\n };\n\n const hasError = error || !!errorMessage;\n\n return (\n <div className={styles.selectField}>\n <Dropdown\n open={isOpen}\n onOpenChange={setIsOpen}\n disabled={disabled}\n triggerComponent={\n <SelectButton\n startIcon={startIcon}\n aria-label=\"Select option\"\n placeholder={placeholder}\n disabled={disabled}\n valueLabel={selectedLabel}\n onClear={() => handleChange('')}\n isClearable={isClearable}\n isLoading={isLoading}\n error={hasError}\n />\n }\n >\n <SelectList>\n {isSearchable && (\n <TextField\n ref={searchFieldRef}\n startIcon={IconSearch}\n aria-label=\"Search options\"\n placeholder=\"Search…\"\n role=\"searchbox\"\n value={searchValue}\n onKeyDown={(e) => e.stopPropagation()}\n onChange={handleSearch}\n />\n )}\n <SelectListOptions disabled={isLoading}>\n {displayOptions.map((option) => (\n <SelectListOption\n key={option?.value ?? option.label}\n onClick={() => handleChange(option?.value)}\n isSelected={option.value === value}\n {...option}\n />\n ))}\n {options.length === 0 && (\n <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />\n )}\n </SelectListOptions>\n </SelectList>\n </Dropdown>\n {errorMessage && <FieldErrorMessage message={errorMessage} />}\n </div>\n );\n};\n"],"names":["SingleSelectField","value","startIcon","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","error","errorMessage","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","handleChange","newValue","handleSearch","newSearch","hasError","jsxs","styles","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","FieldErrorMessage"],"mappings":"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"}
|