@malloydata/malloy-explorer 0.0.275-dev250512182350 → 0.0.278-dev250515234639
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/.github/workflows/test.yaml +1 -1
- package/{babel.config.mjs → babel.config.cjs} +22 -9
- package/dist/cjs/index.cjs +455 -371
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +455 -371
- package/dist/esm/index.js.map +1 -1
- package/dist/malloy-explorer.css +2 -6
- package/dist/types/components/QueryPanel/FilterLiteralEditor.d.ts +10 -0
- package/dist/types/components/QueryPanel/LiteralValueEditor.d.ts +4 -2
- package/dist/types/components/primitives/Badge.spec.d.ts +1 -0
- package/dist/types/components/primitives/HoverText.d.ts +3 -1
- package/dist/types/components/primitives/RichText.d.ts +10 -0
- package/dist/types/components/primitives/utils/icon.d.ts +0 -1
- package/dist/types/components/utils/fields.d.ts +4 -0
- package/dist/types/components/utils/filters.d.ts +5 -0
- package/dist/types/components/utils/segment.spec.d.ts +1 -0
- package/dist/types/test/SvgMock.d.ts +3 -0
- package/dist/types/test/jest.setup.d.ts +0 -0
- package/dist/types/test/model.d.ts +2 -0
- package/dist/types/test/utils.d.ts +7 -0
- package/eslint.config.mjs +3 -3
- package/jest.config.ts +27 -0
- package/package.json +14 -6
- package/postcss.config.mjs +1 -1
- package/vite.config.mts +2 -1
- package/dist/types/components/Label.d.ts +0 -5
package/dist/esm/index.js
CHANGED
|
@@ -19,6 +19,7 @@ import React__default, { useLayoutEffect, useEffect, useMemo, useState, useRef,
|
|
|
19
19
|
import * as QB from "@malloydata/malloy-query-builder";
|
|
20
20
|
import { ASTArrowQueryDefinition, ASTSegmentViewDefinition, ASTRefinementViewDefinition, ASTOrderByViewOperation, ASTLimitViewOperation, ASTNestViewOperation, ASTAggregateViewOperation, ASTGroupByViewOperation, ASTTimeTruncationExpression, ASTWhereViewOperation, ASTHavingViewOperation, ASTArrowViewDefinition } from "@malloydata/malloy-query-builder";
|
|
21
21
|
import { Tag } from "@malloydata/malloy-tag";
|
|
22
|
+
import { TemporalFilterExpression, BooleanFilterExpression, NumberFilterExpression, StringFilterExpression } from "@malloydata/malloy-filter";
|
|
22
23
|
import "@malloydata/render/webcomponent";
|
|
23
24
|
import * as ReactDOM from "react-dom";
|
|
24
25
|
import ReactDOM__default, { unstable_batchedUpdates, createPortal } from "react-dom";
|
|
@@ -3666,47 +3667,38 @@ const fontStyles = {
|
|
|
3666
3667
|
lineHeight: "mly1d3mw78",
|
|
3667
3668
|
letterSpacing: "mly1gu5id8",
|
|
3668
3669
|
$$css: true
|
|
3669
|
-
},
|
|
3670
|
-
tooltipText: {
|
|
3671
|
-
fontFamily: "mly1rj5sg5",
|
|
3672
|
-
color: "mly1rs82da",
|
|
3673
|
-
fontSize: "mlyif65rj",
|
|
3674
|
-
fontStyle: "mly1j61x8r",
|
|
3675
|
-
fontWeight: "mlyo1l8bm",
|
|
3676
|
-
lineHeight: "mly1fc57z9",
|
|
3677
|
-
$$css: true
|
|
3678
3670
|
}
|
|
3679
3671
|
};
|
|
3680
|
-
const SvgChevronDown = (props2) => /* @__PURE__ */ React.createElement("svg", { width:
|
|
3681
|
-
const SvgChevronLeft = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3682
|
-
const SvgChevronRight = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3672
|
+
const SvgChevronDown = (props2) => /* @__PURE__ */ React.createElement("svg", { width: 110, height: 110, viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "cahevron_down", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M52.9466923,41.3127809 C54.0529774,40.2742275 55.7502198,40.2309545 56.9057514,41.1829617 L57.0533077,41.3127809 L81.5533077,64.3127809 C82.7612755,65.4467914 82.8212296,67.34534 81.6872191,68.5533077 C80.5968243,69.7148152 78.7995712,69.8149195 77.5890551,68.8127704 L77.4466923,68.6872191 L54.9999906,47.615 L32.5533077,68.6872191 C31.3918003,69.7776139 29.5918121,69.7641211 28.4469384,68.6875913 L28.3127809,68.5533077 C27.2223861,67.3918003 27.2358789,65.5918121 28.3124087,64.4469384 L28.4466923,64.3127809 L52.9466923,41.3127809 Z", id: "Path", fill: "currentColor", fillRule: "nonzero", transform: "translate(55.000000, 55.000005) rotate(-180.000000) translate(-55.000000, -55.000005) " })));
|
|
3673
|
+
const SvgChevronLeft = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "chevron_left", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M52.9466923,41.3127809 C54.0529774,40.2742275 55.7502198,40.2309545 56.9057514,41.1829617 L57.0533077,41.3127809 L81.5533077,64.3127809 C82.7612755,65.4467914 82.8212296,67.34534 81.6872191,68.5533077 C80.5968243,69.7148152 78.7995712,69.8149195 77.5890551,68.8127704 L77.4466923,68.6872191 L54.9999906,47.615 L32.5533077,68.6872191 C31.3918003,69.7776139 29.5918121,69.7641211 28.4469384,68.6875913 L28.3127809,68.5533077 C27.2223861,67.3918003 27.2358789,65.5918121 28.3124087,64.4469384 L28.4466923,64.3127809 L52.9466923,41.3127809 Z", id: "Path", fill: "currentColor", fillRule: "nonzero", transform: "translate(55.000000, 55.000005) rotate(-90.000000) translate(-55.000000, -55.000005) " })));
|
|
3674
|
+
const SvgChevronRight = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "chevron_right", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M52.9466923,41.3127809 C54.0529774,40.2742275 55.7502198,40.2309545 56.9057514,41.1829617 L57.0533077,41.3127809 L81.5533077,64.3127809 C82.7612755,65.4467914 82.8212296,67.34534 81.6872191,68.5533077 C80.5968243,69.7148152 78.7995712,69.8149195 77.5890551,68.8127704 L77.4466923,68.6872191 L54.9999906,47.615 L32.5533077,68.6872191 C31.3918003,69.7776139 29.5918121,69.7641211 28.4469384,68.6875913 L28.3127809,68.5533077 C27.2223861,67.3918003 27.2358789,65.5918121 28.3124087,64.4469384 L28.4466923,64.3127809 L52.9466923,41.3127809 Z", id: "Path", fill: "currentColor", fillRule: "nonzero", transform: "translate(55.000000, 55.000005) rotate(-270.000000) translate(-55.000000, -55.000005) " })));
|
|
3683
3675
|
const SvgCheckmark = (props2) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: 24, viewBox: "0 0 24 24", width: 24, ...props2 }, /* @__PURE__ */ React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
|
|
3684
|
-
const SvgClear = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3676
|
+
const SvgClear = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "query_clear_hover", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("circle", { className: "circle hoverfill", fill: "transparent", cx: 55, cy: 55, r: 55 }), /* @__PURE__ */ React.createElement("path", { d: "M78.1428571,25 L85,31.8571429 L61.857,55 L85,78.1428571 L78.1428571,85 L55,61.857 L31.8571429,85 L25,78.1428571 L48.142,55 L25,31.8571429 L31.8571429,25 L55,48.143 L78.1428571,25 Z", className: "cross primaryfill", fill: "currentColor" })));
|
|
3685
3677
|
const SvgCopy = (props2) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor", ...props2 }, /* @__PURE__ */ React.createElement("path", { d: "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" }));
|
|
3686
|
-
const SvgInsert = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3687
|
-
const SvgInsertMeasure = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3688
|
-
const SvgInsertFilter = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3689
|
-
const SvgInsertGroupBy = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3690
|
-
const SvgInsertLimit = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3691
|
-
const SvgInsertNest = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3692
|
-
const SvgInsertOrderBy = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3693
|
-
const SvgTypeIconManyToOne = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3694
|
-
const SvgTypeIconOneToMany = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3695
|
-
const SvgTypeIconOneToOne = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3696
|
-
const SvgTypeIconDatabase = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "78px", height: "73px", viewBox: "-
|
|
3697
|
-
const SvgTypeIconNumberMeasure = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3698
|
-
const SvgTypeIconProjection = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3699
|
-
const SvgTypeIconString = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3678
|
+
const SvgInsert = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "query_add", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M75.8285714,28 L82,34.1714286 L61.171,55 L82,75.8285714 L75.8285714,82 L54.999,61.171 L34.1714286,82 L28,75.8285714 L48.828,55 L28,34.1714286 L34.1714286,28 L55,48.829 L75.8285714,28 Z", id: "Combined-Shape-Copy", fill: "currentColor", transform: "translate(55.000000, 55.000000) rotate(-315.000000) translate(-55.000000, -55.000000) ", className: "primaryfill" })));
|
|
3679
|
+
const SvgInsertMeasure = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "5 5 100 100", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "insert_measure", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M64.4079772,43.4952662 C64.4079772,65.775216 64.4079772,77.6781315 64.4079772,79.2040126 C64.4079772,81.4928343 72.4309475,81.4935567 72.4309475,79.2040126 C72.4309475,77.6776499 72.4309475,65.7747344 72.4309475,43.4952662 L82.1242499,53.5032288 C82.9082803,54.3127101 83.9390395,54.7167092 84.9596343,54.7167092 C85.980229,54.7167092 87.0118722,54.3119686 87.7950187,53.5032288 C89.3623612,51.8850077 89.3623612,49.2552488 87.7950187,47.6371608 L71.2655269,30.5703346 C70.8943747,30.1871342 70.4404886,29.8781937 69.9456129,29.6650532 C69.9247535,29.6546561 69.9046123,29.6546561 69.883753,29.6435167 C69.4298852,29.4519166 68.9350096,29.3457171 68.4192709,29.3457171 C67.9035322,29.3457171 67.4086565,29.4519147 66.9547887,29.6435167 C66.9339294,29.6539139 66.9137882,29.6539139 66.8929288,29.6650532 C66.3980532,29.8781937 65.9441854,30.1863928 65.5730149,30.5703346 L49.0328429,47.6474271 C47.4655004,49.2656482 47.4655004,51.8954071 49.0328429,53.5134951 C50.6001855,55.1205753 53.1472623,55.1205753 54.714476,53.5023554 L64.4079772,43.4952662 Z", id: "Path-Copy-3", fill: "currentColor", className: "primaryfill", fillRule: "nonzero", transform: "translate(68.413931, 55.133308) rotate(-270.000000) translate(-68.413931, -55.133308) " }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-50", className: "primaryfill", fill: "currentColor", fillRule: "nonzero", transform: "translate(32.019040, 39.025784) rotate(-90.000000) translate(-32.019040, -39.025784) ", x: 24.0122609, y: 34.8667243, width: 16.0135574, height: 8.31811859 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-51", className: "primaryfill", fill: "currentColor", fillRule: "nonzero", transform: "translate(32.019040, 72.330197) rotate(-90.000000) translate(-32.019040, -72.330197) ", x: 24.0122609, y: 68.1711376, width: 16.0135574, height: 8.31811859 }), /* @__PURE__ */ React.createElement("circle", { id: "Oval-Copy-16", className: "primarystroke", stroke: "currentColor", strokeWidth: 7, fillRule: "nonzero", transform: "translate(32.019040, 88.946306) rotate(-180.000000) translate(-32.019040, -88.946306) ", cx: 32.0190396, cy: 88.9463056, r: 9.09652528 }), /* @__PURE__ */ React.createElement("circle", { id: "Oval-Copy-20", className: "primarystroke", stroke: "currentColor", strokeWidth: 7, fillRule: "nonzero", transform: "translate(32.019040, 55.133308) rotate(-90.000000) translate(-32.019040, -55.133308) ", cx: 32.0190396, cy: 55.1333084, r: 9.09652528 }), /* @__PURE__ */ React.createElement("circle", { id: "Oval-Copy-21", className: "primarystroke", stroke: "currentColor", strokeWidth: 7, fillRule: "nonzero", cx: 32.0190396, cy: 23.2007668, r: 9.09652528 })));
|
|
3680
|
+
const SvgInsertFilter = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "insert_filter", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M87.3843313,20.5 C88.0702245,20.5 88.6794354,20.684137 89.1839151,20.9924545 C89.72968,21.3260038 90.1536978,21.8060023 90.4194477,22.364077 C90.6824778,22.9164401 90.7905536,23.5453405 90.7077209,24.1843828 C90.641307,24.6967561 90.4522801,25.21669 90.1181537,25.7073778 L89.9660074,25.9157747 L65.9667297,54.9330833 L65.9667297,86.0952768 C65.9667297,87.3578277 65.3421199,88.3687734 64.46847,88.9512067 C64.0000984,89.2634544 63.4591929,89.4523731 62.9014864,89.49211 C62.4335638,89.5254497 61.9536386,89.4542406 61.4987219,89.2647425 L61.3053966,89.1762469 L45.2981054,81.501442 C44.7448345,81.2248066 44.1940182,80.794047 43.8075879,80.2144017 C43.516589,79.7779032 43.3168206,79.2579753 43.2760203,78.6543848 L43.268304,78.4241163 L43.268304,54.9330833 L19.2778986,25.9265022 C18.8405281,25.4244753 18.5999563,24.8470099 18.5253334,24.2601464 C18.4451968,23.6299215 18.5577673,22.9877736 18.8297244,22.4166636 C19.0989541,21.8512813 19.5239716,21.3563425 20.06756,21.0111708 C20.5069962,20.7321343 21.0239609,20.5500465 21.6001779,20.5088845 L21.8507024,20.5 L87.3843313,20.5 Z M80.4108174,26.9794004 L28.8312662,26.9794004 L49.2106529,51.6044926 L49.3557497,51.8317181 C49.767411,52.5135117 49.9668805,53.1962297 49.9668805,53.8764024 L49.9668805,53.8764024 L49.9668805,76.3587304 L59.2681532,80.9104171 L59.2681532,53.6572264 L59.2765596,53.4785743 C59.3429907,52.7639199 59.7932531,52.0547544 60.2732157,51.568472 L60.2732157,51.568472 L80.4108174,26.9794004 Z", id: "Shape-Copy-2", stroke: "currentColor", fill: "currentColor", className: "primaryfill primarystroke", fillRule: "nonzero" })));
|
|
3681
|
+
const SvgInsertGroupBy = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "insert_group_by", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M31.7463881,49.3114698 C32.6824928,49.3083801 33.6154932,49.1963884 34.5261904,48.9793527 L45.0010173,67.8024842 L45.0010173,67.8032565 C43.2956473,70.2493007 42.5480527,73.2367133 42.8986175,76.1988173 C43.2492613,79.1601303 44.6742783,81.890304 46.9033203,83.870708 C49.1330544,85.851903 52.0117188,86.9463056 54.9937928,86.9463056 C57.9758669,86.9463056 60.8545313,85.8518634 63.0834745,83.870708 C65.3132086,81.890304 66.7382058,79.1601303 67.0889682,76.1988173 C67.4396121,73.2369111 66.6919779,70.2493007 64.9865684,67.8032565 L75.4613953,48.980125 L75.4613953,48.9793527 C78.5099046,49.699958 81.7183727,49.2180056 84.4200741,47.6338999 C87.1225664,46.0505653 89.1106817,43.4862425 89.9717699,40.4749053 C90.8328581,37.4635681 90.5008399,34.235723 89.0449384,31.4630387 C87.5882658,28.6903544 85.1197206,26.584791 82.151685,25.5847028 C79.1834516,24.5837248 75.9441385,24.7652355 73.1066007,26.0913707 C70.2688652,27.4167347 68.0507969,29.7848559 66.9138836,32.7028673 L43.0841815,32.7028673 C42.0044302,29.9371034 39.9514417,27.6601133 37.310837,26.3015513 C34.6702324,24.9429696 31.623898,24.5961814 28.7454313,25.32606 C25.8669647,26.0559385 23.3534966,27.8122421 21.6791694,30.2652067 C20.0046839,32.7173803 19.284138,35.6972794 19.6532888,38.644554 C20.021708,41.5910378 21.4544362,44.3012413 23.6819162,46.2662229 C25.9086844,48.2303345 28.776474,49.3139413 31.7460915,49.3115686 L31.7463881,49.3114698 Z M54.9987359,80.3146003 C53.5304767,80.3146003 52.1224442,79.7314725 51.0836021,78.6934213 C50.0455509,77.6545989 49.4624231,76.2465862 49.4624231,74.7782874 C49.4624231,73.3099887 50.0455509,71.9019957 51.0836021,70.8639445 C52.1224245,69.8251221 53.5304372,69.2419944 54.9987359,69.2419944 C56.4670347,69.2419944 57.8750277,69.8251221 58.9138698,70.8639445 C59.951921,71.9019957 60.5350488,73.3099887 60.5350488,74.7782874 C60.5350488,76.2465862 59.951921,77.6545792 58.9138698,78.6934213 C57.8750474,79.7314725 56.4670347,80.3146003 54.9987359,80.3146003 Z M78.2510838,31.5953952 C79.7193431,31.5953952 81.1273755,32.1785229 82.1654268,33.2165742 C83.203478,34.2553966 83.7873769,35.6634093 83.7873769,37.131708 C83.7873769,38.6000068 83.203478,40.0079998 82.1654268,41.046051 C81.1273755,42.0848734 79.7193826,42.6680011 78.2510838,42.6680011 C76.7828246,42.6680011 75.3740012,42.0848734 74.33595,41.046051 C73.2978987,40.0079998 72.714771,38.6000068 72.714771,37.131708 C72.714771,35.6634093 73.2978987,34.2554163 74.33595,33.2165742 C75.3740012,32.1785229 76.7827851,31.5953952 78.2510838,31.5953952 Z M43.7166018,39.3459801 L66.2808701,39.3459801 C66.7149337,41.7696815 67.8734779,44.0047541 69.6028318,45.75738 L59.7591401,63.5727121 C56.7137943,62.2774614 53.2720118,62.2774614 50.2258752,63.5727121 L40.3380911,45.75738 C42.0882652,44.0118524 43.2661865,41.7758109 43.7156132,39.3459801 L43.7166018,39.3459801 Z M31.7465858,31.5953952 C33.214845,31.5953952 34.6236684,32.1785229 35.6617196,33.2165742 C36.6997709,34.2553966 37.2828986,35.6634093 37.2828986,37.131708 C37.2828986,38.6000068 36.6997709,40.0079998 35.6617196,41.046051 C34.6236684,42.0848734 33.2148846,42.6680011 31.7465858,42.6680011 C30.2783266,42.6680011 28.8702941,42.0848734 27.8322428,41.046051 C26.7941916,40.0079998 26.2102927,38.6000068 26.2102927,37.131708 C26.2102927,35.6634093 26.7941916,34.2554163 27.8322428,33.2165742 C28.8702941,32.1785229 30.278287,31.5953952 31.7465858,31.5953952 L31.7465858,31.5953952 Z", id: "Shape-Copy-3", fill: "currentColor", fillRule: "nonzero", className: "primaryfill" })));
|
|
3682
|
+
const SvgInsertLimit = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "insert_limit", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-46", className: "primaryfill", fill: "currentColor", x: 24, y: 23, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-47", className: "primaryfill", fill: "currentColor", x: 24, y: 39, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-48", className: "primaryfill", fill: "currentColor", x: 24, y: 55, width: 53.5, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-49", className: "primaryfill", fill: "currentColor", x: 24, y: 71.1904762, width: 40, height: 7.61904762, rx: 3.80952381 }), /* @__PURE__ */ React.createElement("path", { d: "M77.1113683,65.3807638 L87.6203313,83.396129 C87.8986116,83.8731809 87.7374754,84.4854986 87.2604234,84.7637789 C87.1074874,84.8529916 86.933607,84.9 86.7565524,84.9 L65.7386264,84.9 C65.1863417,84.9 64.7386264,84.4522847 64.7386264,83.9 C64.7386264,83.7229454 64.7856348,83.549065 64.8748475,83.396129 L75.3838105,65.3807638 C75.6620908,64.9037119 76.2744085,64.7425757 76.7514604,65.020856 C76.9004641,65.1077747 77.0244495,65.2317602 77.1113683,65.3807638 Z", id: "Triangle-Copy-2", fill: "currentColor", className: "primaryfill", transform: "translate(76.247589, 74.400000) rotate(-90.000000) translate(-76.247589, -74.400000) " })));
|
|
3683
|
+
const SvgInsertNest = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "insert_nest", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M27.3181186,27 C29.5272576,27 31.3181186,28.790861 31.3181186,31 L31.318,59.317 L72.9431634,59.317258 L62.9360743,49.6237568 C61.3178543,48.0565431 61.3178543,45.5094664 62.9249345,43.9421238 C64.5430225,42.3747812 67.1727815,42.3747812 68.7910025,43.9421238 L68.7910025,43.9421238 L85.8680951,60.4822957 C86.2520369,60.8534663 86.560236,61.307334 86.7733764,61.8022097 C86.7845158,61.823069 86.7845158,61.8432103 86.7949129,61.8640696 C86.986515,62.3179374 87.0927126,62.812813 87.0927126,63.3285517 C87.0927126,63.8442904 86.9865131,64.3391661 86.7949129,64.7930338 C86.7837736,64.8138932 86.7837736,64.8340344 86.7733764,64.8548938 C86.560236,65.3497694 86.2512954,65.8036556 85.8680951,66.1748077 L85.8680951,66.1748077 L68.8012688,82.7042995 C67.1831809,84.2716421 64.5534219,84.2716421 62.9352009,82.7042995 C62.1264611,81.921153 61.7217204,80.8895099 61.7217204,79.8689151 C61.7217204,78.8483204 62.1257196,77.8175611 62.9352009,77.0335308 L62.9352009,77.0335308 L72.9431634,67.3402284 L27.234417,67.3402284 C25.2840646,67.3402284 23.6511005,66.037955 23.2100653,64.2817501 C23.0737364,63.8793045 23,63.4482633 23,63 L23,31 C23,28.790861 24.790861,27 27,27 L27.3181186,27 Z", id: "Combined-Shape-Copy", fill: "currentColor", className: "primaryfill", fillRule: "nonzero" })));
|
|
3684
|
+
const SvgInsertOrderBy = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "10 10 90 90", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "insert_order_by", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M30.5506412,37.7046734 L30.5506412,81.9762916 C30.5506412,84.1931505 32.3445678,85.9877768 34.5621264,85.9877768 C36.7789852,85.9877768 38.5736115,84.1938502 38.5736115,81.9762916 L38.5736115,37.7046734 L48.2669139,47.3979757 C49.0509443,48.1820061 50.0817035,48.5733031 51.1022983,48.5733031 C52.122893,48.5733031 53.1545362,48.1812879 53.9376827,47.3979757 C55.5050252,45.8306331 55.5050252,43.2835564 53.9376827,41.7163427 L37.4081909,25.1861143 C37.0370387,24.8149622 36.5831526,24.515735 36.0882769,24.3092959 C36.0674175,24.2992257 36.0472763,24.2992257 36.026417,24.2884366 C35.5725492,24.1028605 35.0776736,24 34.5619349,24 C34.0461961,24 33.5513205,24.1028586 33.0974527,24.2884366 C33.0765934,24.2985068 33.0564522,24.2985068 33.0355928,24.3092959 C32.5407172,24.515735 32.0868494,24.814244 31.7156789,25.1861143 L15.1755069,41.7262862 C13.6081644,43.2936288 13.6081644,45.8407055 15.1755069,47.4079192 C16.7428495,48.9644712 19.2899263,48.9644712 20.85714,47.3971298 L30.5506412,37.7046734 Z", id: "Path-Copy", fill: "currentColor", fillRule: "nonzero", className: "primaryfill" }), /* @__PURE__ */ React.createElement("path", { d: "M79.9439284,72.2964315 L79.9439284,28.0137648 C79.9439284,25.796906 78.1500018,24.0022797 75.9324432,24.0022797 C73.7155844,24.0022797 71.920958,25.7962062 71.920958,28.0137648 L71.920958,72.2853831 L62.2276557,62.5920808 C60.6603131,61.0247382 58.1233641,61.0247382 56.5460227,62.5920808 C54.9786801,64.1594234 54.9786801,66.7065001 56.5460227,68.2737138 L73.0861946,84.8138857 C73.4573467,85.1850378 73.9112329,85.484265 74.4061086,85.6907041 C74.4269679,85.7007743 74.4471091,85.7007743 74.4679685,85.7115634 C74.9218362,85.8971395 75.4167119,86 75.9324506,86 C76.4481893,86 76.943065,85.8971414 77.3969327,85.7115634 C77.4177921,85.7014932 77.4379333,85.7014932 77.4587926,85.6907041 C77.9536683,85.484265 78.407536,85.185756 78.7787066,84.8138857 L95.3188785,68.2737138 C96.8862211,66.7063712 96.8862211,64.1592945 95.3188785,62.5920808 C93.7515359,61.0355288 91.2044592,61.0355288 89.6372455,62.6028702 L79.9439284,72.2964315 Z", id: "Path-Copy-2", className: "primaryfill", fill: "currentColor", fillRule: "nonzero" })));
|
|
3685
|
+
const SvgTypeIconManyToOne = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "0 0 25 25", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("title", null, "join_icon_one_to_many"), /* @__PURE__ */ React.createElement("g", { id: "join_icon_one_to_many", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group", transform: "translate(12.759300, 12.500000) rotate(-180.000000) translate(-12.759300, -12.500000) translate(4.000000, 3.712487)", fill: "currentColor" }, /* @__PURE__ */ React.createElement("polygon", { id: "Path-Copy-15", fillRule: "nonzero", transform: "translate(6.382256, 8.736227) scale(-1, 1) rotate(180.000000) translate(-6.382256, -8.736227) ", points: "2.80570594 3.41828749 3.48860316 2.68777302 9.95880577 8.73622728 3.48860316 14.7846815 2.80570594 14.0541671 8.494 8.736" }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-91", transform: "translate(2.000000, 2.000000) scale(-1, 1) translate(-2.000000, -2.000000) ", x: 0, y: 0, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-92", transform: "translate(2.000000, 8.736227) scale(-1, 1) translate(-2.000000, -8.736227) ", x: 0, y: 6.73622728, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-86", transform: "translate(15.518600, 8.736227) scale(-1, 1) translate(-15.518600, -8.736227) ", x: 13.5186005, y: 6.73622728, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-87", transform: "translate(2.000000, 15.575026) scale(-1, 1) translate(-2.000000, -15.575026) ", x: 0, y: 13.5750258, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("polygon", { id: "Line-3-Copy-68", fillRule: "nonzero", transform: "translate(8.495445, 8.736227) scale(-1, 1) translate(-8.495445, -8.736227) ", points: "14.9954453 8.23622728 14.9954453 9.23622728 1.99544525 9.23622728 1.99544525 8.23622728" }))));
|
|
3686
|
+
const SvgTypeIconOneToMany = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "0 0 25 25", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("title", null, "join_icon_many_to_one"), /* @__PURE__ */ React.createElement("g", { id: "join_icon_many_to_one", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("polygon", { id: "Path-Copy-14", fill: "currentColor", fillRule: "nonzero", transform: "translate(10.382256, 12.736227) scale(-1, 1) rotate(180.000000) translate(-10.382256, -12.736227) ", points: "6.80570594 7.41828749 7.48860316 6.68777302 13.9588058 12.7362273 7.48860316 18.7846815 6.80570594 18.0541671 12.494 12.736" }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-90", fill: "currentColor", x: 4, y: 4, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-89", fill: "currentColor", x: 4, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-85", fill: "currentColor", x: 17.5186005, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-84", fill: "currentColor", x: 4, y: 17.5750258, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("polygon", { id: "Line-3-Copy-67", fill: "currentColor", fillRule: "nonzero", points: "18.9954453 12.2362273 18.9954453 13.2362273 5.99544525 13.2362273 5.99544525 12.2362273" })));
|
|
3687
|
+
const SvgTypeIconOneToOne = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "0 0 25 25", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("title", null, "join_icon_one_to_one"), /* @__PURE__ */ React.createElement("g", { id: "join_icon_one_to_one", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-89", fill: "currentColor", x: 4, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-85", fill: "currentColor", x: 17.5186005, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React.createElement("polygon", { id: "Line-3-Copy-67", fill: "currentColor", fillRule: "nonzero", points: "18.9954453 12.2362273 18.9954453 13.2362273 5.99544525 13.2362273 5.99544525 12.2362273" })));
|
|
3688
|
+
const SvgTypeIconDatabase = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "78px", height: "73px", viewBox: "-5 -10 90 90", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("title", null, "database_b"), /* @__PURE__ */ React.createElement("g", { id: "icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "database_b", transform: "translate(-0.000189, 0.800000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("g", { id: "Shape-2" }, /* @__PURE__ */ React.createElement("path", { d: "M38.9978747,0 C49.4323909,0 58.8817175,1.35601948 65.8935492,3.63769481 C69.399635,4.77856169 72.3064537,6.14483766 74.4415973,7.78792208 C76.5767408,9.43100649 78,11.4644805 78,13.7176948 L78,59.1428571 C77.5289095,61.1095617 75.9098694,63.0619481 74.4415973,64.2103247 C72.3064537,65.8534091 69.3994651,67.2213799 65.8935492,68.3623052 C58.8808682,70.6440097 49.4317114,72 38.9978747,72 C28.564038,72 19.1123333,70.6439805 12.0988029,68.3623052 C8.59271719,67.2214383 5.68589845,65.8534091 3.55075491,64.2103247 C1.77316722,62.6163312 0.466092472,61.0553571 0.000162359918,59.1428571 L0.000162359918,12.826461 C-0.00497251122,12.4857468 0.111806422,12.1513003 0.334077073,11.8687938 C0.867540225,10.3512127 2.01808874,8.96790097 3.55089079,7.78869643 C5.68603434,6.14561201 8.59302294,4.77924838 12.0989388,3.63846916 C19.1116199,1.35676461 28.562815,0.000774350649 38.9980106,0.000774350649 L38.9978747,0 Z M38.9980026,4.39968547 C29.1795807,4.39968547 20.2971169,5.97898133 14.0341392,8.43960024 C10.9023181,9.66989245 8.43317659,11.1339692 6.85248078,12.602151 C3.94393403,15.3862114 4.29446142,18.3655235 6.85248078,20.7802963 C8.43327627,22.2484263 10.9024843,23.7104505 14.0341392,24.9407772 C20.2982797,27.4014306 29.1795807,28.9827618 38.9980026,28.9827618 C48.8164245,28.9827618 57.7038721,27.4014306 63.968511,24.9407772 C67.1003321,23.710485 69.5714672,22.2484781 71.152163,20.7802963 C74.08729,18.0024452 73.4953805,14.8214996 71.152163,12.602151 C69.5713675,11.1340209 67.100166,9.66992695 63.968511,8.43960024 C57.705035,5.97894683 48.8172551,4.39968547 38.9980026,4.39968547 Z M73.3181233,24.4886668 C71.264963,26.4046321 68.5511168,28.0180283 65.3038377,29.3722628 C58.4452957,32.2325658 49.203832,33.9324103 38.9993316,33.9324103 C28.7948312,33.9324103 19.5508756,32.2325291 12.691503,29.3722628 C9.44422385,28.0179367 6.73170664,26.4046321 4.67921092,24.4886668 L4.67921092,34.5578783 C4.85118531,35.7254798 5.51373193,36.9581006 6.85314528,38.278818 C8.43394077,39.8377628 10.9031488,41.3838137 14.0348037,42.6902452 C20.2989442,45.3031082 29.1802452,46.9886668 38.9986671,46.9886668 C48.817089,46.9886668 57.7045366,45.3030899 63.9691755,42.6902452 C67.1009966,41.3838503 69.5721317,39.8378178 71.1528275,38.278818 C72.4811934,36.9688517 73.1398693,35.7461761 73.3189539,34.5871829 L73.3181233,24.4886668 Z M73.3181233,43.1016944 C71.264963,44.782251 68.5517813,46.1967717 65.3038377,47.3852582 C58.4452957,49.8941247 49.203832,51.3851147 38.9993316,51.3851147 C28.7948312,51.3851147 19.5508756,49.8940926 12.691503,47.3852582 C9.44422385,46.197334 6.73170664,44.7841788 4.67921092,43.1036222 L4.67921092,55.7057886 C4.85118531,56.7299305 5.51373193,57.811103 6.85314528,58.9695481 C8.43394077,60.3369502 10.9031488,61.6911148 14.0348037,62.8370291 C20.2989442,65.1288579 29.1802452,66.6016944 38.9986671,66.6016944 C48.817089,66.6016944 57.7045366,65.1288579 63.9691755,62.8370291 C67.1009966,61.6911469 69.5721317,60.3369984 71.1528275,58.9695481 C72.4811934,57.8205331 73.1398693,56.7480839 73.3189539,55.7314925 L73.3181233,43.1016944 Z", id: "Shape" })))));
|
|
3689
|
+
const SvgTypeIconNumberMeasure = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "2.5 2.5 11 11", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-number", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M12,7 L12,6 L10,6 L10,4 L9,4 L9,6 L7,6 L7,4 L6,4 L6,6 L4,6 L4,7 L6,7 L6,9 L4,9 L4,10 L6,10 L6,12 L7,12 L7,10 L9,10 L9,12 L10,12 L10,10 L12,10 L12,9 L10,9 L10,7 L12,7 Z M9,9 L7,9 L7,7 L9,7 L9,9 Z", id: "Shape-Copy-21", fill: "currentColor", fillRule: "nonzero" })));
|
|
3690
|
+
const SvgTypeIconProjection = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "3.5 3.5 9 9", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-projection", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M11.3362588,4 L11.3362588,12 L8,9.90676786 L4.6637412,12 L4.6637412,4 L11.3362588,4 Z M10.336,5 L5.663,5 L5.663,10.191 L8,8.72623637 L10.336,10.191 L10.336,5 Z", id: "Rectangle", fill: "currentColor", className: "primaryfill", fillRule: "nonzero" })));
|
|
3691
|
+
const SvgTypeIconString = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "3.5 3.5 9 9", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-string", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M4.8045,10.45 L5.2245,9.253 L7.1425,9.253 L7.5625,10.45 L8.6055,10.45 L6.7225,5.438 L5.6375,5.438 L3.7615,10.45 L4.8045,10.45 Z M6.8345,8.385 L5.5255,8.385 L5.9735,7.125 L6.1555,6.523 L6.2115,6.523 L6.3935,7.125 L6.8345,8.385 Z M10.2505,10.562 C10.4791667,10.562 10.681,10.5176667 10.856,10.429 C11.031,10.3403333 11.1721667,10.226 11.2795,10.086 L11.2795,10.086 L11.3355,10.086 L11.3355,10.45 L12.2385,10.45 L12.2385,8.252 C12.2385,7.76666667 12.0961667,7.398 11.8115,7.146 C11.5268333,6.894 11.1115,6.768 10.5655,6.768 C10.2575,6.768 9.97283333,6.82866667 9.7115,6.95 C9.45016667,7.07133333 9.23316667,7.244 9.0605,7.468 L9.0605,7.468 L9.6485,7.93 C9.75116667,7.804 9.88066667,7.7025 10.037,7.6255 C10.1933333,7.5485 10.3555,7.51 10.5235,7.51 C10.7708333,7.51 10.968,7.57066667 11.115,7.692 C11.262,7.81333333 11.3355,7.972 11.3355,8.168 L11.3355,8.168 L11.3355,8.322 C11.0741667,8.21466667 10.7591667,8.161 10.3905,8.161 C10.1245,8.161 9.88183333,8.21 9.6625,8.308 C9.44316667,8.406 9.2705,8.546 9.1445,8.728 C9.0185,8.91 8.9555,9.12 8.9555,9.358 C8.9555,9.71733333 9.07683333,10.0078333 9.3195,10.2295 C9.56216667,10.4511667 9.8725,10.562 10.2505,10.562 Z M10.4675,9.848 C10.2761667,9.848 10.1291667,9.8025 10.0265,9.7115 C9.92383333,9.6205 9.8725,9.50266667 9.8725,9.358 C9.8725,9.00333333 10.1105,8.826 10.5865,8.826 C10.8478333,8.826 11.0975,8.882 11.3355,8.994 C11.3355,9.22266667 11.2573333,9.42216667 11.101,9.5925 C10.9446667,9.76283333 10.7335,9.848 10.4675,9.848 Z", id: "Aa-Copy", fill: "currentColor", fillRule: "nonzero" })));
|
|
3700
3692
|
const SvgTypeIconArray = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height: 15, viewBox: "0 0 15 15", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("path", { clipRule: "evenodd", d: "m2.5 2c-.27614 0-.5.22386-.5.5v10c0 .2761.22386.5.5.5h2c.27614 0 .5-.2239.5-.5s-.22386-.5-.5-.5h-1.5v-9h1.5c.27614 0 .5-.22386.5-.5s-.22386-.5-.5-.5zm8 0c-.2761 0-.5.22386-.5.5s.2239.5.5.5h1.5v9h-1.5c-.2761 0-.5.2239-.5.5s.2239.5.5.5h2c.2761 0 .5-.2239.5-.5v-10c0-.27614-.2239-.5-.5-.5zm-4.5 5h-1v1h1zm1 0h1v1h-1zm3 0h-1v1h1z", fill: "currentColor", fillRule: "evenodd" }));
|
|
3701
|
-
const SvgTypeIconOnOff = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3702
|
-
const SvgTypeIconDate = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3693
|
+
const SvgTypeIconOnOff = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "2.5 2.5 11 11", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-on-off", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group-Copy", transform: "translate(4.295444, 4.604157)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M1.61912392,3.08712961 L5.78998715,3.08712961 C6.6842046,3.08712961 7.40911107,2.39605211 7.40911107,1.54356481 C7.40911107,0.691077503 6.6842046,0 5.78998715,0 L1.61912392,0 C0.724906472,0 0,0.691077503 0,1.54356481 C0,2.39605211 0.724906472,3.08712961 1.61912392,3.08712961 Z M1.61912392,0.617425922 L5.78998715,0.617425922 C6.32651762,0.617425922 6.7614615,1.03207242 6.7614615,1.54356481 C6.7614615,2.05505719 6.32651762,2.46970369 5.78998715,2.46970369 L1.61912392,2.46970369 C1.08259345,2.46970369 0.647649569,2.05505719 0.647649569,1.54356481 C0.647649569,1.03207242 1.08259345,0.617425922 1.61912392,0.617425922 Z", id: "Shape-Copy-20" }), /* @__PURE__ */ React.createElement("path", { d: "M1.83745135,2.13685198 C2.08762004,2.13888594 2.31428875,1.98975367 2.4114368,1.75920941 C2.50858486,1.52866515 2.45700749,1.2622842 2.28082919,1.08466199 C2.10465088,0.907039785 1.83869956,0.853289683 1.60736972,0.948552441 C1.37603988,1.0438152 1.22505383,1.26925874 1.22505383,1.51943543 C1.22505383,1.85847446 1.49842318,2.13409557 1.83745135,2.13685198 L1.83745135,2.13685198 Z", id: "Path-Copy-14" }), /* @__PURE__ */ React.createElement("path", { d: "M5.78998714,3.70455553 L1.6191239,3.70455553 C0.724906454,3.70455553 0,4.39563305 0,5.24812034 C0,6.10060763 0.724906454,6.79168514 1.6191239,6.79168514 L5.78998714,6.79168514 C6.68420459,6.79168514 7.40911107,6.10060764 7.40911107,5.24812034 C7.40911107,4.39563304 6.68420459,3.70455553 5.78998714,3.70455553 L5.78998714,3.70455553 Z M5.78998714,6.17425922 L1.6191239,6.17425922 C1.08259342,6.17425922 0.647649538,5.75961272 0.647649538,5.24812034 C0.647649538,4.73662796 1.08259342,4.32198146 1.6191239,4.32198146 L5.78998714,4.32198146 C6.32651761,4.32198146 6.7614615,4.73662796 6.7614615,5.24812034 C6.7614615,5.75961272 6.32651761,6.17425922 5.78998714,6.17425922 L5.78998714,6.17425922 Z", id: "Shape-Copy-21" }), /* @__PURE__ */ React.createElement("path", { d: "M5.54392378,4.67774545 C5.2937551,4.6757115 5.06708639,4.82484377 4.96993833,5.05538803 C4.87279028,5.28593228 4.92436765,5.55231324 5.10054595,5.72993544 C5.27672426,5.90755765 5.54267558,5.96130775 5.77400542,5.86604499 C6.00533526,5.77078224 6.15632131,5.5453387 6.15632131,5.295162 C6.15632131,4.95612297 5.88295196,4.68050187 5.54392378,4.67774545 Z", id: "Path-Copy-15" }))));
|
|
3694
|
+
const SvgTypeIconDate = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "3.5 3.5 9 9", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-date", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group-Copy-22", transform: "translate(4.753763, 4.094719)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M5.84322609,0.649247344 L5.51860242,0.649247344 L5.51860242,0 L4.86935508,0 L4.86935508,0.649247344 L1.62311836,0.649247344 L1.62311836,0 L0.973871015,0 L0.973871015,0.649247344 L0.649247344,0.649247344 C0.292161305,0.649247344 0,0.941408648 0,1.29849469 L0,6.49247344 C0,6.84955947 0.292161305,7.14172078 0.649247344,7.14172078 L5.84322609,7.14172078 C6.20031213,7.14172078 6.49247344,6.84955947 6.49247344,6.49247344 L6.49247344,1.29849469 C6.49247344,0.941408648 6.20031213,0.649247344 5.84322609,0.649247344 Z M5.84322609,6.49247344 L0.649247344,6.49247344 L0.649247344,2.2723657 L5.84322609,2.2723657 L5.84322609,6.49247344 Z", id: "Shape" }))));
|
|
3703
3695
|
const SvgTypeIconJson = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height: 15, viewBox: "0 0 15 15", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("g", { clipRule: "evenodd", fill: "currentColor", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "m3 3.5c0-.82843.67157-1.5 1.5-1.5h1c.27614 0 .5.22386.5.5s-.22386.5-.5.5h-1c-.27614 0-.5.22386-.5.5v2.88197c0 .43292-.18638.83753-.49993 1.11803.31355.2805.49993.68511.49993 1.11803v2.88197c0 .2761.22386.5.5.5h1c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-1c-.82843 0-1.5-.6716-1.5-1.5v-2.88197c0-.18938-.107-.36251-.27639-.44721l-.44722-.22361c-.16939-.08469-.27639-.25782-.27639-.44721s.107-.36252.27639-.44721l.44722-.22361c.16939-.0847.27639-.25783.27639-.44721z" }), /* @__PURE__ */ React.createElement("path", { d: "m12 3.5c0-.82843-.6716-1.5-1.5-1.5h-1c-.27614 0-.5.22386-.5.5s.22386.5.5.5h1c.2761 0 .5.22386.5.5v2.88197c0 .43292.1864.83753.4999 1.11803-.3135.2805-.4999.68511-.4999 1.11803v2.88197c0 .2761-.2239.5-.5.5h-1c-.27614 0-.5.2239-.5.5s.22386.5.5.5h1c.8284 0 1.5-.6716 1.5-1.5v-2.88197c0-.18938.107-.36251.2764-.44721l.4472-.22361c.1694-.08469.2764-.25782.2764-.44721s-.107-.36252-.2764-.44721l-.4472-.22361c-.1694-.0847-.2764-.25783-.2764-.44721z" })));
|
|
3704
|
-
const SvgTypeIconNumber = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3705
|
-
const SvgTypeIconQuery = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3706
|
-
const SvgTypeIconQueryFilled = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "
|
|
3707
|
-
const SvgTypeIconSqlNative = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height:
|
|
3696
|
+
const SvgTypeIconNumber = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "2.5 2.5 11 11", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-number", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M12,7 L12,6 L10,6 L10,4 L9,4 L9,6 L7,6 L7,4 L6,4 L6,6 L4,6 L4,7 L6,7 L6,9 L4,9 L4,10 L6,10 L6,12 L7,12 L7,10 L9,10 L9,12 L10,12 L10,10 L12,10 L12,9 L10,9 L10,7 L12,7 Z M9,9 L7,9 L7,7 L9,7 L9,9 Z", id: "Shape-Copy-21", fill: "currentColor", fillRule: "nonzero" })));
|
|
3697
|
+
const SvgTypeIconQuery = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "3.5 3.5 9 9", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-projection", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M11.3362588,4 L11.3362588,12 L8,9.90676786 L4.6637412,12 L4.6637412,4 L11.3362588,4 Z M10.336,5 L5.663,5 L5.663,10.191 L8,8.72623637 L10.336,10.191 L10.336,5 Z", id: "Rectangle", fill: "currentColor", className: "primaryfill", fillRule: "nonzero" })));
|
|
3698
|
+
const SvgTypeIconQueryFilled = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "3.5 3.5 9 9", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "type-icon-projection", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M11.3362588,4 L11.3362588,12 L8,9.90676786 L4.6637412,12 L4.6637412,4 L11.3362588,4 Z", id: "Rectangle", fill: "currentColor", className: "primaryfill", fillRule: "nonzero" })));
|
|
3699
|
+
const SvgTypeIconSqlNative = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height: 110, viewBox: "1 1 12.5 12.5", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("path", { clipRule: "evenodd", d: "m2 5.5c0-.27614.22386-.5.5-.5h2c.27614 0 .5.22386.5.5s-.22386.5-.5.5h-1.5v1h1.5c.27614 0 .5.22386.5.5v2c0 .27614-.22386.5-.5.5h-2c-.27614 0-.5-.22386-.5-.5s.22386-.5.5-.5h1.5v-1h-1.5c-.27614 0-.5-.22386-.5-.5zm4 0c0-.27614.22386-.5.5-.5h2c.27614 0 .5.22386.5.5v4.5h.5c.27614 0 .5.2239.5.5s-.22386.5-.5.5h-1c-.27614 0-.5-.2239-.5-.5v-.5h-1.5c-.27614 0-.5-.22386-.5-.5zm2 3.5h-1v-3h1zm2.5-4c.2761 0 .5.22386.5.5v3.5h1.5c.2761 0 .5.22386.5.5s-.2239.5-.5.5h-2c-.2761 0-.5-.22386-.5-.5v-4c0-.27614.2239-.5.5-.5z", fill: "currentColor", fillRule: "evenodd" }));
|
|
3708
3700
|
const SvgMeatballs = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height: 15, viewBox: "0 0 15 15", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ React.createElement("path", { d: "m4.5 7.5c0 .55228-.44772 1-1 1s-1-.44772-1-1 .44772-1 1-1 1 .44772 1 1z" }), /* @__PURE__ */ React.createElement("path", { d: "m8.5 7.5c0 .55228-.44772 1-1 1s-1-.44772-1-1 .44772-1 1-1 1 .44772 1 1z" }), /* @__PURE__ */ React.createElement("path", { d: "m11.5 8.5c.5523 0 1-.44772 1-1s-.4477-1-1-1-1 .44772-1 1 .4477 1 1 1z" })));
|
|
3709
|
-
const SvgPlay = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height:
|
|
3701
|
+
const SvgPlay = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height: 110, viewBox: "3 3 9 9", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("path", { clipRule: "evenodd", d: "m4.74513 11.5809 6.48017-3.64512c.3398-.19115.3398-.68043 0-.87158l-6.48017-3.64507c-.3333-.18749-.74513.05337-.74513.43578v7.29019c0 .3824.41183.6232.74513.4358zm.25487-6.87106v5.58026l4.96027-2.79011z", fill: "currentColor", fillRule: "evenodd" }));
|
|
3710
3702
|
const SvgRadioChecked = (props2) => /* @__PURE__ */ React.createElement("svg", { height: 16, viewBox: "0 0 16 16", width: 16, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 8, r: 8, fill: "currentColor" }), /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 8, r: 4, fill: "#FFFFFF" }));
|
|
3711
3703
|
const SvgRadioUnchecked = (props2) => /* @__PURE__ */ React.createElement("svg", { height: 16, viewBox: "0 0 16 16", width: 16, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 8, r: 8, fill: "currentColor" }), /* @__PURE__ */ React.createElement("circle", { cx: 8, cy: 8, r: 7, fill: "#FFFFFF" }));
|
|
3712
3704
|
const SvgWarning = (props2) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor", ...props2 }, /* @__PURE__ */ React.createElement("path", { d: "m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z" }));
|
|
@@ -3716,27 +3708,27 @@ const SvgError = (props2) => /* @__PURE__ */ React.createElement("svg", { xmlns:
|
|
|
3716
3708
|
const SvgRefresh = (props2) => /* @__PURE__ */ React.createElement("svg", { height: 20, viewBox: "0 0 20 20", width: 20, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("g", { fill: "none", stroke: "currentColor" }, /* @__PURE__ */ React.createElement("path", { d: "m17.08 11.15c.01.16.02.32.02.49 0 3.89-3.16 7.05-7.05 7.05-3.89-.01-7.05-3.16-7.05-7.06 0-3.89 3.16-7.05 7.05-7.05.85 0 1.66.15 2.41.42", strokeWidth: 1.1 }), /* @__PURE__ */ React.createElement("path", { d: "m9.9 2 2.89 2.89-3 3.01" })));
|
|
3717
3709
|
const SvgSidebarCollapse = (props2) => /* @__PURE__ */ React.createElement("svg", { height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", stroke: "none", ...props2 }, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", stroke: "none", d: "m20 24h-16c-2.2 0-4-1.8-4-4v-16c0-2.2 1.8-4 4-4h16c2.2 0 4 1.8 4 4v16c0 2.2-1.8 4-4 4zm-16-22c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-16c0-1.1-.9-2-2-2z" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "m8 24c-.6 0-1-.4-1-1v-22c0-.6.4-1 1-1s1 .4 1 1v22c0 .6-.4 1-1 1z" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "m14 13c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3-3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-3 3c-.2.2-.4.3-.7.3z" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "m17 16c-.3 0-.5-.1-.7-.3l-3-3c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l3 3c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z" }));
|
|
3718
3710
|
const SvgFilterSliders = (props2) => /* @__PURE__ */ React.createElement("svg", { fill: "none", height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("path", { d: "m11 8h10m-10 0c0 1.65685-1.34315 3-3 3s-3-1.34315-3-3m6 0c0-1.65685-1.34315-3-3-3s-3 1.34315-3 3m0 0h-2m10 8h-10m10 0c0-1.6569 1.3431-3 3-3s3 1.3431 3 3m-6 0c0 1.6569 1.3431 3 3 3s3-1.3431 3-3m0 0h2", stroke: "currentColor", strokeWidth: 1.5 }));
|
|
3719
|
-
const SvgVizBarChart = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3720
|
-
const SvgVizBoolean = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3721
|
-
const SvgVizColumnChart = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3722
|
-
const SvgVizCurrency = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3723
|
-
const SvgVizDashboard = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3724
|
-
const SvgVizImage = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3725
|
-
const SvgVizJson = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3726
|
-
const SvgVizLine = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3727
|
-
const SvgVizLink = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3728
|
-
const SvgVizList = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3729
|
-
const SvgVizListDetail = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3730
|
-
const SvgVizMapPoints = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3731
|
-
const SvgVizMapSegment = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3732
|
-
const SvgVizMapShape = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3733
|
-
const SvgVizNumber = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3734
|
-
const SvgVizPercent = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3735
|
-
const SvgVizScatter = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3711
|
+
const SvgVizBarChart = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_bar_chart", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group-3", transform: "translate(20.000000, 24.000000)", fill: "currentColor" }, /* @__PURE__ */ React.createElement("g", { id: "Group-2", transform: "translate(34.500000, 31.000000) rotate(-270.000000) translate(-34.500000, -31.000000) translate(3.500000, -3.500000)" }, /* @__PURE__ */ React.createElement("path", { d: "M-26.056314,30.056314 L34.943686,30.056314 C37.152825,30.056314 38.943686,31.847175 38.943686,34.056314 L38.943686,34.943686 C38.943686,37.152825 37.152825,38.943686 34.943686,38.943686 L-26.056314,38.943686 C-28.265453,38.943686 -30.056314,37.152825 -30.056314,34.943686 L-30.056314,34.056314 C-30.056314,31.847175 -28.265453,30.056314 -26.056314,30.056314 Z", id: "Rectangle-Copy-59", transform: "translate(4.443686, 34.500000) rotate(-90.000000) translate(-4.443686, -34.500000) " }), /* @__PURE__ */ React.createElement("path", { d: "M-0.491247385,37.8466366 L44.9281075,37.8466366 C47.1372465,37.8466366 48.9281075,39.6374976 48.9281075,41.8466366 L48.9281075,42.7340086 C48.9281075,44.9431476 47.1372465,46.7340086 44.9281075,46.7340086 L-0.491247385,46.7340086 C-2.70038638,46.7340086 -4.49124739,44.9431476 -4.49124739,42.7340086 L-4.49124739,41.8466366 C-4.49124739,39.6374976 -2.70038638,37.8466366 -0.491247385,37.8466366 Z", id: "Rectangle-Copy-62", transform: "translate(22.218430, 42.290323) rotate(-90.000000) translate(-22.218430, -42.290323) " }), /* @__PURE__ */ React.createElement("path", { d: "M23.3837854,43.9469253 L56.6025627,43.9469253 C58.8117017,43.9469253 60.6025627,45.7377863 60.6025627,47.9469253 L60.6025627,48.8342973 C60.6025627,51.0434363 58.8117017,52.8342973 56.6025627,52.8342973 L23.3837854,52.8342973 C21.1746464,52.8342973 19.3837854,51.0434363 19.3837854,48.8342973 L19.3837854,47.9469253 C19.3837854,45.7377863 21.1746464,43.9469253 23.3837854,43.9469253 Z", id: "Rectangle-Copy-66", transform: "translate(39.993174, 48.390611) rotate(-90.000000) translate(-39.993174, -48.390611) " }), /* @__PURE__ */ React.createElement("path", { d: "M46.7286345,49.7286345 L68.8072017,49.7286345 C71.0163407,49.7286345 72.8072017,51.5194955 72.8072017,53.7286345 L72.8072017,54.1927983 C72.8072017,56.4019373 71.0163407,58.1927983 68.8072017,58.1927983 L46.7286345,58.1927983 C44.5194955,58.1927983 42.7286345,56.4019373 42.7286345,54.1927983 L42.7286345,53.7286345 C42.7286345,51.5194955 44.5194955,49.7286345 46.7286345,49.7286345 Z", id: "Rectangle-Copy-67", transform: "translate(57.767918, 53.960716) rotate(-90.000000) translate(-57.767918, -53.960716) " })))));
|
|
3712
|
+
const SvgVizBoolean = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_boolean", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "noun_switch_3350414-2", transform: "translate(20.000000, 22.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("g", { id: "noun_switch_3350414" }, /* @__PURE__ */ React.createElement("path", { d: "M15.2972028,30.8 L54.7027972,30.8 C63.151209,30.8 70,23.9051851 70,15.4 C70,6.89481485 63.151209,0 54.7027972,0 L15.2972028,0 C6.84879098,0 0,6.89481485 0,15.4 C0,23.9051851 6.84879098,30.8 15.2972028,30.8 Z M15.2972028,6.16 L54.7027972,6.16 C59.7718443,6.16 63.8811189,10.2968889 63.8811189,15.4 C63.8811189,20.5031111 59.7718443,24.64 54.7027972,24.64 L15.2972028,24.64 C10.2281557,24.64 6.11888112,20.5031111 6.11888112,15.4 C6.11888112,10.2968889 10.2281557,6.16 15.2972028,6.16 Z", id: "Shape" }), /* @__PURE__ */ React.createElement("path", { d: "M19.6340542,21.9997804 C22.2930484,22.0215224 24.7022661,20.4273668 25.7348338,17.9629544 C26.7674016,15.4985421 26.2191958,12.6510518 24.3466309,10.7523518 C22.474066,8.85365189 19.6473211,8.27908795 17.1885612,9.29740315 C14.7298014,10.3157183 13.125,12.7256064 13.125,15.3998806 C13.125,19.0240523 16.0305897,21.9703156 19.6340542,21.9997804 L19.6340542,21.9997804 Z", id: "Path" }), /* @__PURE__ */ React.createElement("path", { d: "M54.7027971,35.2 L15.2972025,35.2 C6.84879081,35.2 0,42.094815 0,50.6 C0,59.105185 6.84879081,66 15.2972025,66 L54.7027971,66 C63.151209,66 70,59.1051851 70,50.6 C70,42.0948149 63.151209,35.2 54.7027971,35.2 L54.7027971,35.2 Z M54.7027971,59.84 L15.2972025,59.84 C10.2281554,59.84 6.11888082,55.7031111 6.11888082,50.6 C6.11888082,45.4968889 10.2281554,41.36 15.2972025,41.36 L54.7027971,41.36 C59.7718442,41.36 63.8811189,45.4968889 63.8811189,50.6 C63.8811189,55.7031111 59.7718442,59.84 54.7027971,59.84 L54.7027971,59.84 Z", id: "Shape" }), /* @__PURE__ */ React.createElement("path", { d: "M50.3659458,44.0002196 C47.7069516,43.9784776 45.2977339,45.5726332 44.2651662,48.0370456 C43.2325984,50.5014579 43.7808042,53.3489482 45.6533691,55.2476482 C47.525934,57.1463481 50.3526789,57.720912 52.8114388,56.7025969 C55.2701986,55.6842817 56.875,53.2743936 56.875,50.6001194 C56.875,46.9759477 53.9694103,44.0296844 50.3659458,44.0002196 Z", id: "Path" })))));
|
|
3713
|
+
const SvgVizColumnChart = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_column_chart", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group", transform: "translate(23.500000, 19.500000)", fill: "currentColor" }, /* @__PURE__ */ React.createElement("path", { d: "M-26.5,30.5 L35.5,30.5 C37.709139,30.5 39.5,32.290861 39.5,34.5 L39.5,35.5 C39.5,37.709139 37.709139,39.5 35.5,39.5 L-26.5,39.5 C-28.709139,39.5 -30.5,37.709139 -30.5,35.5 L-30.5,34.5 C-30.5,32.290861 -28.709139,30.5 -26.5,30.5 Z", id: "Rectangle-Copy-59", transform: "translate(4.500000, 35.000000) rotate(-90.000000) translate(-4.500000, -35.000000) " }), /* @__PURE__ */ React.createElement("path", { d: "M-0.5,38.5 L45.5,38.5 C47.709139,38.5 49.5,40.290861 49.5,42.5 L49.5,43.5 C49.5,45.709139 47.709139,47.5 45.5,47.5 L-0.5,47.5 C-2.709139,47.5 -4.5,45.709139 -4.5,43.5 L-4.5,42.5 C-4.5,40.290861 -2.709139,38.5 -0.5,38.5 Z", id: "Rectangle-Copy-62", transform: "translate(22.500000, 43.000000) rotate(-90.000000) translate(-22.500000, -43.000000) " }), /* @__PURE__ */ React.createElement("path", { d: "M23.5,45.5 L57.5,45.5 C59.709139,45.5 61.5,47.290861 61.5,49.5 L61.5,50.5 C61.5,52.709139 59.709139,54.5 57.5,54.5 L23.5,54.5 C21.290861,54.5 19.5,52.709139 19.5,50.5 L19.5,49.5 C19.5,47.290861 21.290861,45.5 23.5,45.5 Z", id: "Rectangle-Copy-66", transform: "translate(40.500000, 50.000000) rotate(-90.000000) translate(-40.500000, -50.000000) " }), /* @__PURE__ */ React.createElement("path", { d: "M47.5,50.5 L70.5,50.5 C72.709139,50.5 74.5,52.290861 74.5,54.5 L74.5,55.5 C74.5,57.709139 72.709139,59.5 70.5,59.5 L47.5,59.5 C45.290861,59.5 43.5,57.709139 43.5,55.5 L43.5,54.5 C43.5,52.290861 45.290861,50.5 47.5,50.5 Z", id: "Rectangle-Copy-67", transform: "translate(59.000000, 55.000000) rotate(-90.000000) translate(-59.000000, -55.000000) " }))));
|
|
3714
|
+
const SvgVizCurrency = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_currency", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group", transform: "translate(19.000000, 19.000000)" }, /* @__PURE__ */ React.createElement("circle", { id: "Oval", stroke: "currentColor", strokeWidth: 7, cx: 36, cy: 36, r: 32.5 }), /* @__PURE__ */ React.createElement("path", { d: "M35.7525,20.06 C38.5425,20.06 40.7775,20.7425 42.4575,22.1075 C44.1375,23.4725 45.2775,25.01 45.8775,26.72 L41.4225,28.61 C41.1225,27.53 40.4925,26.6 39.5325,25.82 C38.5725,25.04 37.3275,24.65 35.7975,24.65 C34.3275,24.65 33.0825,25.04 32.0625,25.82 C31.0425,26.6 30.5325,27.59 30.5325,28.79 C30.5325,29.9 30.99,30.8225 31.905,31.5575 C32.759,32.2435 34.0507333,32.8968333 35.7802,33.5175 L38.2275,34.37 C40.9875,35.33 43.1175,36.575 44.6175,38.105 C46.1175,39.635 46.8675,41.675 46.8675,44.225 C46.8675,46.325 46.335,48.0875 45.27,49.5125 C44.205,50.9375 42.84,51.995 41.175,52.685 C39.51,53.375 37.8075,53.72 36.0675,53.72 C33.3975,53.72 30.9975,52.94 28.8675,51.38 C26.7375,49.82 25.2525,47.63 24.4125,44.81 L29.0925,42.92 C29.5725,44.72 30.4275,46.19 31.6575,47.33 C32.8875,48.47 34.3725,49.04 36.1125,49.04 C37.7325,49.04 39.105,48.62 40.23,47.78 C41.355,46.94 41.9175,45.785 41.9175,44.315 C41.9175,42.965 41.4225,41.8475 40.4325,40.9625 C39.4975,40.1266667 37.9202778,39.3109028 35.7008333,38.5152083 L33.2775,37.655 C31.0875,36.875 29.265,35.7875 27.81,34.3925 C26.355,32.9975 25.6275,31.145 25.6275,28.835 C25.6275,27.245 26.055,25.775 26.91,24.425 C27.765,23.075 28.965,22.01 30.51,21.23 C32.055,20.45 33.8025,20.06 35.7525,20.06 Z", id: "Path", fill: "currentColor", fillRule: "nonzero" }), /* @__PURE__ */ React.createElement("line", { x1: 36, y1: 14, x2: 36, y2: 21, id: "Line-Copy-4", stroke: "currentColor", strokeWidth: 5 }), /* @__PURE__ */ React.createElement("line", { x1: 36, y1: 52, x2: 36, y2: 59, id: "Line-Copy-5", stroke: "currentColor", strokeWidth: 5 })), /* @__PURE__ */ React.createElement("g", { id: "S", transform: "translate(43.412500, 37.060000)" })));
|
|
3715
|
+
const SvgVizDashboard = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_dashboard", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "dashboard_black_24dp", transform: "translate(13.000000, 13.000000)" }, /* @__PURE__ */ React.createElement("path", { d: "M5,0 L80,0 C82.7614237,-5.07265313e-16 85,2.23857625 85,5 L85,80 C85,82.7614237 82.7614237,85 80,85 L5,85 C2.23857625,85 3.38176876e-16,82.7614237 0,80 L0,5 C-3.38176876e-16,2.23857625 2.23857625,5.07265313e-16 5,0 Z", id: "Path" }), /* @__PURE__ */ React.createElement("path", { d: "M67,18 L67,25 L53,25 L53,18 L67,18 M32,18 L32,39 L18,39 L18,18 L32,18 M67,46 L67,67 L53,67 L53,46 L67,46 M32,60 L32,67 L18,67 L18,60 L32,60 M69,11 L51,11 C48.2385763,11 46,13.2385763 46,16 L46,27 C46,29.7614237 48.2385763,32 51,32 L69,32 C71.7614237,32 74,29.7614237 74,27 L74,16 C74,13.2385763 71.7614237,11 69,11 Z M34,11 L16,11 C13.2385763,11 11,13.2385763 11,16 L11,41 C11,43.7614237 13.2385763,46 16,46 L34,46 C36.7614237,46 39,43.7614237 39,41 L39,16 C39,13.2385763 36.7614237,11 34,11 Z M69,39 L51,39 C48.2385763,39 46,41.2385763 46,44 L46,69 C46,71.7614237 48.2385763,74 51,74 L69,74 C71.7614237,74 74,71.7614237 74,69 L74,44 C74,41.2385763 71.7614237,39 69,39 Z M34,53 L16,53 C13.2385763,53 11,55.2385763 11,58 L11,69 C11,71.7614237 13.2385763,74 16,74 L34,74 C36.7614237,74 39,71.7614237 39,69 L39,58 C39,55.2385763 36.7614237,53 34,53 Z", id: "Shape", fill: "currentColor", fillRule: "nonzero" }))));
|
|
3716
|
+
const SvgVizImage = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_image", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M81.4444444,28.5555556 L81.4444444,81.4444444 L28.5555556,81.4444444 L28.5555556,28.5555556 L81.4444444,28.5555556 M81.4444444,21 L28.5555556,21 C24.4,21 21,24.4 21,28.5555556 L21,81.4444444 C21,85.6 24.4,89 28.5555556,89 L81.4444444,89 C85.6,89 89,85.6 89,81.4444444 L89,28.5555556 C89,24.4 85.6,21 81.4444444,21 Z M63.0844444,54.4711111 L51.7511111,69.0911111 L43.6666667,59.3066667 L32.3333333,73.8888889 L77.6666667,73.8888889 L63.0844444,54.4711111 Z", id: "Shape", fill: "currentColor", fillRule: "nonzero" })));
|
|
3717
|
+
const SvgVizJson = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_json", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "{;}", transform: "translate(24.000000, 22.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M17.0296296,66 C13.2765432,66 10.3209877,64.871179 8.16296296,62.6135371 C6.00493827,60.3558952 4.92592593,57.3296943 4.92592593,53.5349345 L4.92592593,41.6462882 C4.92592593,39.9170306 4.45679012,38.5840611 3.51851852,37.6473799 C2.58024691,36.7106987 1.40740741,36.2423581 0,36.2423581 L0,29.7576419 C1.40740741,29.7576419 2.58024691,29.2893013 3.51851852,28.3526201 C4.45679012,27.4159389 4.92592593,26.0829694 4.92592593,24.3537118 L4.92592593,12.4650655 C4.92592593,8.67030568 6.00493827,5.6441048 8.16296296,3.38646288 C10.3209877,1.12882096 13.2765432,0 17.0296296,0 L19,0 L19,6.41266376 L17.7333333,6.41266376 C16.091358,6.41266376 14.7425926,6.98908297 13.687037,8.1419214 C12.6314815,9.29475983 12.1037037,10.8318777 12.1037037,12.7532751 L12.1037037,24.3537118 C12.1037037,26.7074236 11.7166667,28.5687773 10.9425926,29.9377729 C10.1685185,31.3067686 8.93703704,32.2554585 7.24814815,32.7838428 L7.24814815,33.2161572 C8.93703704,33.7445415 10.1685185,34.6812227 10.9425926,36.0262009 C11.7166667,37.371179 12.1037037,39.2445415 12.1037037,41.6462882 L12.1037037,53.2467249 C12.1037037,55.1681223 12.6314815,56.7052402 13.687037,57.8580786 C14.7425926,59.010917 16.091358,59.5873362 17.7333333,59.5873362 L19,59.5873362 L19,66 L17.0296296,66 Z", id: "Path" }), /* @__PURE__ */ React.createElement("path", { d: "M44,59.5873362 L45.4074074,59.5873362 C47.0493827,59.5873362 48.3864198,59.010917 49.4185185,57.8580786 C50.4506173,56.7052402 50.9666667,55.1681223 50.9666667,53.2467249 L50.9666667,41.6462882 C50.9666667,39.2445415 51.3537037,37.371179 52.1277778,36.0262009 C52.9018519,34.6812227 54.1333333,33.7445415 55.8222222,33.2161572 L55.8222222,32.7838428 C54.1333333,32.2554585 52.9018519,31.3067686 52.1277778,29.9377729 C51.3537037,28.5687773 50.9666667,26.7074236 50.9666667,24.3537118 L50.9666667,12.7532751 C50.9666667,10.8318777 50.4506173,9.29475983 49.4185185,8.1419214 C48.3864198,6.98908297 47.0493827,6.41266376 45.4074074,6.41266376 L44,6.41266376 L44,0 L46.0407407,0 C49.7938272,0 52.7493827,1.12882096 54.9074074,3.38646288 C57.0654321,5.6441048 58.1444444,8.67030568 58.1444444,12.4650655 L58.1444444,24.3537118 C58.1444444,26.0829694 58.6018519,27.4159389 59.5166667,28.3526201 C60.4314815,29.2893013 61.5925926,29.7576419 63,29.7576419 L63,36.2423581 C61.5925926,36.2423581 60.4314815,36.7106987 59.5166667,37.6473799 C58.6018519,38.5840611 58.1444444,39.9170306 58.1444444,41.6462882 L58.1444444,53.5349345 C58.1444444,57.3296943 57.0654321,60.3558952 54.9074074,62.6135371 C52.7493827,64.871179 49.7938272,66 46.0407407,66 L44,66 L44,59.5873362 Z", id: "Path" }))));
|
|
3718
|
+
const SvgVizLine = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "10 10 90 90", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_line", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M88.1848681,33.1583406 C89.7542734,31.6035859 92.2869054,31.6154626 93.8416601,33.1848679 C95.3445896,34.7019597 95.3835892,37.1191334 93.9668812,38.6829968 L93.8151328,38.84166 L66.2578818,66.14166 C64.8378618,67.5484238 62.6084032,67.6843587 61.0319068,66.4919462 L60.8595019,66.3539866 L45.2420004,53.1430003 L21.844917,76.8176775 C20.3437446,78.336508 17.927116,78.4009733 16.3484126,77.0008213 L16.1881594,76.850753 C14.6693289,75.3495806 14.6048635,72.932952 16.0050156,71.3542486 L16.1550839,71.1939954 L42.1550839,44.8881592 C43.5729843,43.4535802 45.8262314,43.3057778 47.4155704,44.5116324 L47.583248,44.646014 L63.2290004,57.8810003 L88.1848681,33.1583406 Z", id: "Path-10", fill: "currentColor", fillRule: "nonzero" })));
|
|
3719
|
+
const SvgVizLink = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "10 10 90 90", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_link", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "link_black_24dp", transform: "translate(5.000000, 5.000000)" }, /* @__PURE__ */ React.createElement("path", { d: "M5,0 L96,0 C98.7614237,-5.07265313e-16 101,2.23857625 101,5 L101,96 C101,98.7614237 98.7614237,101 96,101 L5,101 C2.23857625,101 3.38176876e-16,98.7614237 0,96 L0,5 C-3.38176876e-16,2.23857625 2.23857625,5.07265313e-16 5,0 Z", id: "Path" }), /* @__PURE__ */ React.createElement("path", { d: "M71,30 L58.4,30 C56.0804041,30 54.2,31.8804041 54.2,34.2 C54.2,36.5195959 56.0804041,38.4 58.4,38.4 L71,38.4 L71,38.4 C77.93,38.4 83.6,44.07 83.6,51 C83.6,57.93 77.93,63.6 71,63.6 L58.4,63.6 C56.0804041,63.6 54.2,65.4804041 54.2,67.8 C54.2,70.1195959 56.0804041,72 58.4,72 L71,72 L71,72 C82.592,72 92,62.592 92,51 C92,39.408 82.592,30 71,30 Z M41.6,63.6 L29,63.6 L29,63.6 C22.07,63.6 16.4,57.93 16.4,51 C16.4,44.07 22.07,38.4 29,38.4 L41.6,38.4 C43.9195959,38.4 45.8,36.5195959 45.8,34.2 C45.8,31.8804041 43.9195959,30 41.6,30 L29,30 L29,30 C17.408,30 8,39.408 8,51 C8,62.592 17.408,72 29,72 L41.6,72 C43.9195959,72 45.8,70.1195959 45.8,67.8 C45.8,65.4804041 43.9195959,63.6 41.6,63.6 Z M37.4,46.8 L62.6,46.8 C64.9195959,46.8 66.8,48.6804041 66.8,51 C66.8,53.3195959 64.9195959,55.2 62.6,55.2 L37.4,55.2 C35.0804041,55.2 33.2,53.3195959 33.2,51 C33.2,48.6804041 35.0804041,46.8 37.4,46.8 Z", id: "Shape", fill: "currentColor", fillRule: "nonzero" }))));
|
|
3720
|
+
const SvgVizList = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_list", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-58", fill: "currentColor", x: 24.1587742, y: 27, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-61", fill: "currentColor", x: 24.1587742, y: 43, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-64", fill: "currentColor", x: 24.1587742, y: 59, width: 62, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-65", fill: "currentColor", x: 24.1587742, y: 75.1904762, width: 62, height: 7.61904762, rx: 3.80952381 })));
|
|
3721
|
+
const SvgVizListDetail = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_list_detail", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-58", fill: "currentColor", x: 22.1587742, y: 27, width: 15.983946, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-59", fill: "currentColor", x: 44.1587742, y: 27, width: 43.9558514, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-61", fill: "currentColor", x: 22.1587742, y: 43, width: 15.983946, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-62", fill: "currentColor", x: 44.1587742, y: 43, width: 43.9558514, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-64", fill: "currentColor", x: 22.1587742, y: 59, width: 16, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-66", fill: "currentColor", x: 44.1587742, y: 59, width: 44, height: 8, rx: 4 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-65", fill: "currentColor", x: 22.1587742, y: 75.1904762, width: 16, height: 7.61904762, rx: 3.80952381 }), /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy-67", fill: "currentColor", x: 44.1587742, y: 75.1904762, width: 44, height: 7.61904762, rx: 3.80952381 })));
|
|
3722
|
+
const SvgVizMapPoints = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_map_points", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group-Copy-36", transform: "translate(30.000000, 19.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M25,0 C11.1785714,0 0,11.268 0,25.2 C0,44.1 25,72 25,72 C25,72 50,44.1 50,25.2 C50,11.268 38.8214286,0 25,0 Z M7.14285714,25.2 C7.14285714,15.264 15.1428571,7.2 25,7.2 C34.8571429,7.2 42.8571429,15.264 42.8571429,25.2 C42.8571429,35.568 32.5714286,51.084 25,60.768 C17.5714286,51.156 7.14285714,35.46 7.14285714,25.2 Z", id: "Shape" }), /* @__PURE__ */ React.createElement("path", { d: "M25,34 C29.97052,34 34,29.97052 34,25 C34,20.029444 29.97052,16 25,16 C20.02948,16 16,20.029444 16,25 C16,29.97052 20.02948,34 25,34 Z", id: "Path" }))));
|
|
3723
|
+
const SvgVizMapSegment = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "10 10 90 90", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_map_segment", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group-Copy-36", transform: "translate(11.000000, 27.000000)", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M17,0 C7.60142857,0 0,7.6685 0,17.15 C0,30.0125 17,49 17,49 C17,49 34,30.0125 34,17.15 C34,7.6685 26.3985714,0 17,0 Z M4.85714286,17.15 C4.85714286,10.388 10.2971429,4.9 17,4.9 C23.7028571,4.9 29.1428571,10.388 29.1428571,17.15 C29.1428571,24.206 22.1485714,34.7655 17,41.356 C11.9485714,34.8145 4.85714286,24.1325 4.85714286,17.15 Z", id: "Shape", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M17,24 C20.31368,24 23,21.31368 23,18 C23,14.686296 20.31368,12 17,12 C13.68632,12 11,14.686296 11,18 C11,21.31368 13.68632,24 17,24 Z", id: "Path", fill: "currentColor" })), /* @__PURE__ */ React.createElement("g", { id: "Group-Copy-37", transform: "translate(62.000000, 27.000000)", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M17,0 C7.60142857,0 0,7.6685 0,17.15 C0,30.0125 17,49 17,49 C17,49 34,30.0125 34,17.15 C34,7.6685 26.3985714,0 17,0 Z M4.85714286,17.15 C4.85714286,10.388 10.2971429,4.9 17,4.9 C23.7028571,4.9 29.1428571,10.388 29.1428571,17.15 C29.1428571,24.206 22.1485714,34.7655 17,41.356 C11.9485714,34.8145 4.85714286,24.1325 4.85714286,17.15 Z", id: "Shape", fill: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M17,24 C20.31368,24 23,21.31368 23,18 C23,14.686296 20.31368,12 17,12 C13.68632,12 11,14.686296 11,18 C11,21.31368 13.68632,24 17,24 Z", id: "Path", fill: "currentColor" })), /* @__PURE__ */ React.createElement("line", { x1: 28.5, y1: 81.5, x2: 79.5, y2: 81.5, id: "Line-3", stroke: "currentColor", strokeWidth: 5, strokeLinecap: "round", strokeDasharray: "5,10" })));
|
|
3724
|
+
const SvgVizMapShape = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_map_shape", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "noun-world-4667432-2", transform: "translate(19.000000, 19.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("g", { id: "noun-world-4667432" }, /* @__PURE__ */ React.createElement("path", { d: "M36,5 C18.8798665,5 5,18.8793071 5,36 C5,53.1206929 18.8793071,67 36,67 C53.1206929,67 67,53.1206929 67,36 C67,18.8793071 53.1206929,5 36,5 Z M0,36 C0,16.1177143 16.1177143,0 36,0 C55.8822857,0 72,16.1177143 72,36 C72,55.8822857 55.8822857,72 36,72 C16.1177143,72 0,55.8822857 0,36 Z", id: "Shape" }), /* @__PURE__ */ React.createElement("path", { d: "M37.2848685,1.50131372 C37.8999474,1.48477633 38.4631152,1.71654937 38.8767996,2.10376364 C39.2928262,2.49317029 39.5578301,3.03960333 39.57434,3.65023916 L39.57434,3.65023916 L40.0344656,20.7428771 C40.0487121,21.2893502 39.8586306,21.8212062 39.4992535,22.2375953 L39.4992535,22.2375953 L32.1172188,30.7832284 C31.7924232,31.1592888 31.3490374,31.4169308 30.8586892,31.5134813 L30.8586892,31.5134813 L24.6865498,32.7324332 L28.0628423,42.7359018 C28.4533111,43.8925701 28.4513039,45.0197005 28.1633304,46.0321806 C27.8503264,47.132665 27.1975708,48.0987342 26.3338575,48.8190181 C25.4716664,49.5380326 24.3999821,50.0114808 23.2508211,50.1317463 C22.1949716,50.2422462 21.0728206,50.0558305 19.9867908,49.4837618 L19.9867908,49.4837618 L1.68382097,39.8433672 C1.13885361,39.5565384 0.764084629,39.078393 0.597525292,38.5380041 C0.430427538,37.9958684 0.472619244,37.3906551 0.763987861,36.8508084 C1.05393693,36.3139129 1.53648052,35.9433066 2.08313472,35.7791188 C2.62798313,35.6154734 3.2361363,35.657153 3.77860632,35.9426925 L3.77860632,35.9426925 L22.0816454,45.5831236 C22.3171919,45.7071442 22.5603781,45.7498863 22.7897862,45.7258621 C23.0398735,45.6996723 23.2725259,45.5956093 23.4599703,45.4392842 C23.6458558,45.2842591 23.7880139,45.0772117 23.8554593,44.8399997 C23.9169381,44.6237728 23.9147045,44.383346 23.8314444,44.1367864 L23.8314444,44.1367864 L19.6527943,31.7569079 C19.4493668,31.1542234 19.517516,30.4944328 19.8403231,29.9450638 C20.1614725,29.3985413 20.7046793,29.014044 21.3323155,28.8900909 L21.3323155,28.8900909 L29.2286003,27.3302661 L35.5513871,20.0108413 L35.1144494,3.7686887 C35.0979491,3.15801867 35.3331708,2.59836837 35.7276711,2.18746751 C36.1199426,1.77888802 36.6699139,1.51752889 37.2848685,1.50131372 Z", id: "Path", stroke: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M42.2538467,56.3169014 C42.834665,56.3169014 43.3919278,56.5473051 43.8025756,56.957964 L43.8025756,56.957964 L50.5634819,63.7190531 C50.990585,64.1465338 51.2042254,64.7070592 51.2042254,65.267637 C51.2042254,65.8282064 50.9905908,66.3887389 50.5631792,66.8165562 C50.1353619,67.244019 49.5748515,67.4577465 49.0143336,67.4577465 C48.453827,67.4577465 47.893307,67.2440267 47.4652769,66.8163886 L47.4652769,66.8163886 L41.3467145,60.697095 L29.639469,60.697095 L23.5207389,66.8165562 C23.0929158,67.2440249 22.5323953,67.4577465 21.9719658,67.4577465 C21.4114352,67.4577465 20.8509999,67.2439558 20.4235838,66.8165562 C19.995665,66.388992 19.7816901,65.8283383 19.7816901,65.2676696 C19.7816901,64.7070094 19.9956592,64.1463486 20.4234173,63.7189168 L20.4234173,63.7189168 L27.1839229,56.9576493 C27.5952192,56.5470739 28.1516855,56.3169014 28.7323368,56.3169014 L28.7323368,56.3169014 Z", id: "Path", stroke: "currentColor" }), /* @__PURE__ */ React.createElement("path", { d: "M63.9378166,21.2379048 C64.4225216,20.8714311 65.0086399,20.7379975 65.5642349,20.8181856 C66.1191803,20.8982799 66.6440521,21.191578 67.006552,21.6798365 C67.3682973,22.1662502 67.5006358,22.75458 67.4216695,23.3126471 C67.3426278,23.8712474 67.0519787,24.3991735 66.5692317,24.7645164 L66.5692317,24.7645164 L53.5947929,34.5837331 L50.8571888,42.8725775 L63.4236834,55.5534973 C63.8498746,55.9835692 64.0634024,56.5474048 64.0634024,57.111468 C64.0634024,57.6755228 63.8498803,58.2393656 63.4235328,58.6696236 C62.9952729,59.1014133 62.434079,59.3169014 61.8731786,59.3169014 C61.3121772,59.3169014 60.7510686,59.1013441 60.3230649,58.6694716 L60.3230649,58.6694716 L46.8022881,45.0255804 C46.5094233,44.730049 46.31189,44.3642735 46.2203738,43.9732706 C46.1289585,43.5826987 46.1433461,43.1669732 46.2741073,42.7711741 L46.2741073,42.7711741 L49.6544877,32.5388634 C49.7943202,32.1133276 50.0607882,31.7409505 50.416846,31.4711161 L50.416846,31.4711161 Z", id: "Path", stroke: "currentColor" })))));
|
|
3725
|
+
const SvgVizNumber = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_number", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group", transform: "translate(20.000000, 20.000000)", fill: "currentColor" }, /* @__PURE__ */ React.createElement("path", { d: "M-10.5,30.5 L51.5,30.5 C53.709139,30.5 55.5,32.290861 55.5,34.5 L55.5,35.5 C55.5,37.709139 53.709139,39.5 51.5,39.5 L-10.5,39.5 C-12.709139,39.5 -14.5,37.709139 -14.5,35.5 L-14.5,34.5 C-14.5,32.290861 -12.709139,30.5 -10.5,30.5 Z", id: "Rectangle-Copy-60", transform: "translate(20.500000, 35.000000) rotate(-90.000000) translate(-20.500000, -35.000000) " }), /* @__PURE__ */ React.createElement("path", { d: "M19.5,30.5 L81.5,30.5 C83.709139,30.5 85.5,32.290861 85.5,34.5 L85.5,35.5 C85.5,37.709139 83.709139,39.5 81.5,39.5 L19.5,39.5 C17.290861,39.5 15.5,37.709139 15.5,35.5 L15.5,34.5 C15.5,32.290861 17.290861,30.5 19.5,30.5 Z", id: "Rectangle-Copy-61", transform: "translate(50.500000, 35.000000) rotate(-90.000000) translate(-50.500000, -35.000000) " }), /* @__PURE__ */ React.createElement("path", { d: "M4,14 L66,14 C68.209139,14 70,15.790861 70,18 L70,19 C70,21.209139 68.209139,23 66,23 L4,23 C1.790861,23 2.705415e-16,21.209139 0,19 L0,18 C-2.705415e-16,15.790861 1.790861,14 4,14 Z", id: "Rectangle-Copy-63", transform: "translate(35.000000, 18.500000) rotate(-360.000000) translate(-35.000000, -18.500000) " }), /* @__PURE__ */ React.createElement("path", { d: "M4,44 L66,44 C68.209139,44 70,45.790861 70,48 L70,49 C70,51.209139 68.209139,53 66,53 L4,53 C1.790861,53 2.705415e-16,51.209139 0,49 L0,48 C-2.705415e-16,45.790861 1.790861,44 4,44 Z", id: "Rectangle-Copy-62", transform: "translate(35.000000, 48.500000) rotate(-360.000000) translate(-35.000000, -48.500000) " }))));
|
|
3726
|
+
const SvgVizPercent = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_percent", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "%-copy-5", transform: "translate(19.000000, 22.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M16.1194226,31.5251397 C19.1010499,31.5251397 21.8186789,30.8184358 24.2723097,29.4050279 C26.7259405,27.9916201 28.6671041,26.0712291 30.0958005,23.6438547 C31.5244969,21.2164804 32.2388451,18.5893855 32.2388451,15.7625698 C32.2388451,12.9357542 31.5244969,10.3086592 30.0958005,7.88128492 C28.6671041,5.45391061 26.7259405,3.53351955 24.2723097,2.12011173 C21.8186789,0.706703911 19.1010499,0 16.1194226,0 C13.1377953,0 10.4201662,0.706703911 7.96653543,2.12011173 C5.51290464,3.53351955 3.57174103,5.45391061 2.14304462,7.88128492 C0.714348206,10.3086592 0,12.9357542 0,15.7625698 C0,18.5893855 0.714348206,21.2164804 2.14304462,23.6438547 C3.57174103,26.0712291 5.51290464,27.9916201 7.96653543,29.4050279 C10.4201662,30.8184358 13.1377953,31.5251397 16.1194226,31.5251397 Z M19.9645575,62.4787112 L57.1929452,7.56550735 C58.3200259,5.90302296 57.8859954,3.64163362 56.223511,2.5145529 C56.2107419,2.50589603 56.1979177,2.49732049 56.1850394,2.48882682 C54.4804105,1.3645685 52.1887314,1.81914062 51.0422905,3.50893047 L13.7228276,58.5157377 C12.6107181,60.1549252 13.0379992,62.3852921 14.6771866,63.4974016 C14.7072768,63.5178164 14.7376757,63.5377723 14.7683727,63.5572626 C16.507245,64.6613129 18.8087263,64.1836036 19.9645575,62.4787112 Z M16.1194226,24.150838 C13.8832021,24.150838 12.0041557,23.3519553 10.4822835,21.7541899 C8.9604112,20.1564246 8.19947507,18.1592179 8.19947507,15.7625698 C8.19947507,13.3044693 8.9604112,11.2918994 10.4822835,9.72486034 C12.0041557,8.15782123 13.8832021,7.37430168 16.1194226,7.37430168 C18.4177603,7.37430168 20.3278653,8.15782123 21.8497375,9.72486034 C23.3716098,11.2918994 24.1325459,13.3044693 24.1325459,15.7625698 C24.1325459,18.2206704 23.3716098,20.2332402 21.8497375,21.8002793 C20.3278653,23.3673184 18.4177603,24.150838 16.1194226,24.150838 Z M54.8805774,66 C57.8622047,66 60.5798338,65.2932961 63.0334646,63.8798883 C65.4870954,62.4664804 67.428259,60.5460894 68.8569554,58.1187151 C70.2856518,55.6913408 71,53.0642458 71,50.2374302 C71,47.4106145 70.2856518,44.7835196 68.8569554,42.3561453 C67.428259,39.9287709 65.4870954,38.0083799 63.0334646,36.5949721 C60.5798338,35.1815642 57.8622047,34.4748603 54.8805774,34.4748603 C51.8989501,34.4748603 49.1813211,35.1815642 46.7276903,36.5949721 C44.2740595,38.0083799 42.3328959,39.9287709 40.9041995,42.3561453 C39.4755031,44.7835196 38.7611549,47.4106145 38.7611549,50.2374302 C38.7611549,53.0642458 39.4755031,55.6913408 40.9041995,58.1187151 C42.3328959,60.5460894 44.2740595,62.4664804 46.7276903,63.8798883 C49.1813211,65.2932961 51.8989501,66 54.8805774,66 Z M54.8805774,58.6256983 C52.644357,58.6256983 50.7653106,57.8268156 49.2434383,56.2290503 C47.7215661,54.6312849 46.9606299,52.6340782 46.9606299,50.2374302 C46.9606299,47.7793296 47.7215661,45.7667598 49.2434383,44.1997207 C50.7653106,42.6326816 52.644357,41.849162 54.8805774,41.849162 C57.1789151,41.849162 59.0890201,42.6326816 60.6108924,44.1997207 C62.1327647,45.7667598 62.8937008,47.7793296 62.8937008,50.2374302 C62.8937008,52.6340782 62.1172353,54.6312849 60.5643045,56.2290503 C59.0113736,57.8268156 57.1167979,58.6256983 54.8805774,58.6256983 Z", id: "%-copy-2" }))));
|
|
3727
|
+
const SvgVizScatter = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "5 5 100 100", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_scatter", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M29.1340462,83.93 C36.5885775,83.93 42.6340462,77.8857969 42.6340462,70.43 C42.6340462,62.9742031 36.5885775,56.93 29.1340462,56.93 C21.679515,56.93 15.6340462,62.9742031 15.6340462,70.43 C15.6340462,77.8857969 21.679515,83.93 29.1340462,83.93 Z", id: "Path-Copy-3", stroke: "#9aa0a6", className: "primarystroke", strokeWidth: 7, fillRule: "nonzero" }), /* @__PURE__ */ React.createElement("path", { d: "M68.2840462,92.63 C73.6709212,92.63 78.0340462,88.264925 78.0340462,82.88 C78.0340462,77.495075 73.6709212,73.13 68.2840462,73.13 C62.8971712,73.13 58.5340462,77.495075 58.5340462,82.88 C58.5340462,88.264925 62.8971712,92.63 68.2840462,92.63 Z", id: "Path-Copy-2", stroke: "#9aa0a6", className: "primarystroke", strokeWidth: 7, fillRule: "nonzero", transform: "translate(68.284046, 82.880000) rotate(-360.000000) translate(-68.284046, -82.880000) " }), /* @__PURE__ */ React.createElement("path", { d: "M67.8242963,57.43 C78.8701296,57.43 87.8242963,48.4758333 87.8242963,37.43 C87.8242963,26.3842917 78.8701296,17.43 67.8242963,17.43 C56.7784629,17.43 47.8242963,26.3842917 47.8242963,37.43 C47.8242963,48.4758333 56.7784629,57.43 67.8242963,57.43 Z", id: "Path-Copy", stroke: "#9aa0a6", className: "primarystroke", strokeWidth: 7, fillRule: "nonzero" })));
|
|
3736
3728
|
const SvgVizSparkline = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "0 0 110 110", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_sparkline", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { id: "Path-11", stroke: "#9aa0a6", strokeWidth: 6, points: "10 54.8274509 25.9215088 61.0844803 40.1501567 54.8274509 53.3907166 68.7215958 69.5925598 42 83.3327332 64.4487228 100.431152 57.8274509" })));
|
|
3737
|
-
const SvgVizTable = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3738
|
-
const SvgVizText = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3739
|
-
const SvgVizTime = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3729
|
+
const SvgVizTable = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_table", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("path", { d: "M81.0526316,23 L28.9473684,23 C25.1263158,23 22,26.1662162 22,30.036036 L22,79.2882883 C22,83.1581081 25.1263158,86.3243243 28.9473684,86.3243243 L81.0526316,86.3243243 C84.8736842,86.3243243 88,83.1581081 88,79.2882883 L88,30.036036 C88,26.1662162 84.8736842,23 81.0526316,23 Z M80.8648649,30.1351351 L80.8648649,40.8378378 L28.2432432,40.8378378 L28.2432432,30.1351351 L80.8648649,30.1351351 Z M63.9189189,79.1891892 L46.0810811,79.1891892 L46.0810811,47.972973 L63.9189189,47.972973 L63.9189189,79.1891892 Z M28.2432432,47.972973 L38.9459459,47.972973 L38.9459459,79.1891892 L28.2432432,79.1891892 L28.2432432,47.972973 Z M71.0540541,79.1891892 L71.0540541,47.972973 L81.7567568,47.972973 L81.7567568,79.1891892 L71.0540541,79.1891892 Z", id: "Shape", fill: "currentColor", fillRule: "nonzero" })));
|
|
3730
|
+
const SvgVizText = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "10 10 90 90", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_text", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle-Copy", stroke: "currentColor", strokeWidth: 6, x: 15.5, y: 35, width: 79, height: 40, rx: 5 }), /* @__PURE__ */ React.createElement("g", { id: "abc", transform: "translate(33.090000, 44.134000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("path", { d: "M4.81,19.032 C3.406,19.032 2.25333333,18.6203333 1.352,17.797 C0.450666667,16.9736667 0,15.8946667 0,14.56 C0,13.676 0.234,12.896 0.702,12.22 C1.17,11.544 1.81133333,11.024 2.626,10.66 C3.44066667,10.296 4.342,10.114 5.33,10.114 C6.69933333,10.114 7.86933333,10.3133333 8.84,10.712 L8.84,10.14 C8.84,9.412 8.567,8.82266667 8.021,8.372 C7.475,7.92133333 6.74266667,7.696 5.824,7.696 C5.2,7.696 4.59766667,7.839 4.017,8.125 C3.43633333,8.411 2.95533333,8.788 2.574,9.256 L0.39,7.54 C1.03133333,6.708 1.83733333,6.06666667 2.808,5.616 C3.77866667,5.16533333 4.836,4.94 5.98,4.94 C8.008,4.94 9.55066667,5.408 10.608,6.344 C11.6653333,7.28 12.194,8.64933333 12.194,10.452 L12.194,18.616 L8.84,18.616 L8.84,17.264 L8.632,17.264 C8.23333333,17.784 7.709,18.2086667 7.059,18.538 C6.409,18.8673333 5.65933333,19.032 4.81,19.032 Z M5.616,16.38 C6.604,16.38 7.38833333,16.0636667 7.969,15.431 C8.54966667,14.7983333 8.84,14.0573333 8.84,13.208 C7.956,12.792 7.02866667,12.584 6.058,12.584 C4.29,12.584 3.406,13.2426667 3.406,14.56 C3.406,15.0973333 3.59666667,15.535 3.978,15.873 C4.35933333,16.211 4.90533333,16.38 5.616,16.38 Z", id: "Shape" }), /* @__PURE__ */ React.createElement("path", { d: "M22.724,19.032 C21.8226667,19.032 21.021,18.8413333 20.319,18.46 C19.617,18.0786667 19.0926667,17.602 18.746,17.03 L18.538,17.03 L18.538,18.616 L15.34,18.616 L15.34,0 L18.746,0 L18.746,5.096 L18.538,6.968 L18.746,6.968 C19.11,6.396 19.6386667,5.915 20.332,5.525 C21.0253333,5.135 21.8226667,4.94 22.724,4.94 C23.92,4.94 25.0076667,5.239 25.987,5.837 C26.9663333,6.435 27.7333333,7.27133333 28.288,8.346 C28.8426667,9.42066667 29.12,10.634 29.12,11.986 C29.12,13.3553333 28.8426667,14.573 28.288,15.639 C27.7333333,16.705 26.9663333,17.537 25.987,18.135 C25.0076667,18.733 23.92,19.032 22.724,19.032 Z M22.126,15.886 C22.7673333,15.886 23.3653333,15.7213333 23.92,15.392 C24.4746667,15.0626667 24.9166667,14.6033333 25.246,14.014 C25.5753333,13.4246667 25.74,12.7486667 25.74,11.986 C25.74,11.2233333 25.5753333,10.5473333 25.246,9.958 C24.9166667,9.36866667 24.4746667,8.91366667 23.92,8.593 C23.3653333,8.27233333 22.7673333,8.112 22.126,8.112 C21.502,8.112 20.9126667,8.27233333 20.358,8.593 C19.8033333,8.91366667 19.3613333,9.36866667 19.032,9.958 C18.7026667,10.5473333 18.538,11.2233333 18.538,11.986 C18.538,12.7486667 18.7026667,13.4246667 19.032,14.014 C19.3613333,14.6033333 19.8033333,15.0626667 20.358,15.392 C20.9126667,15.7213333 21.502,15.886 22.126,15.886 Z", id: "Shape" }), /* @__PURE__ */ React.createElement("path", { d: "M37.986,19.032 C36.6513333,19.032 35.4553333,18.733 34.398,18.135 C33.3406667,17.537 32.513,16.7006667 31.915,15.626 C31.317,14.5513333 31.018,13.338 31.018,11.986 C31.018,10.634 31.317,9.425 31.915,8.359 C32.513,7.293 33.3406667,6.45666667 34.398,5.85 C35.4553333,5.24333333 36.6513333,4.94 37.986,4.94 C39.4593333,4.94 40.7246667,5.25633333 41.782,5.889 C42.8393333,6.52166667 43.602,7.41866667 44.07,8.58 L40.95,9.88 C40.3953333,8.70133333 39.4073333,8.112 37.986,8.112 C36.946,8.112 36.0923333,8.46733333 35.425,9.178 C34.7576667,9.88866667 34.424,10.8246667 34.424,11.986 C34.424,13.1646667 34.7576667,14.1093333 35.425,14.82 C36.0923333,15.5306667 36.946,15.886 37.986,15.886 C39.4246667,15.886 40.4646667,15.262 41.106,14.014 L44.2,15.366 C43.628,16.5273333 42.8133333,17.4286667 41.756,18.07 C40.6986667,18.7113333 39.442,19.032 37.986,19.032 Z", id: "Path" }))));
|
|
3731
|
+
const SvgVizTime = (props2) => /* @__PURE__ */ React.createElement("svg", { width: "110px", height: "110px", viewBox: "15 15 80 80", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...props2 }, /* @__PURE__ */ React.createElement("g", { id: "viz_time", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React.createElement("g", { id: "Group-Copy-19", transform: "translate(51.307692, 36.538462)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React.createElement("polygon", { id: "Path", points: "5.30769231 0 0 0 0 21.7906683 18.5769231 33.2307692 21.2307692 28.7636822 5.30769231 19.0668348" })), /* @__PURE__ */ React.createElement("circle", { id: "Oval", stroke: "currentColor", strokeWidth: 7, cx: 55, cy: 55, r: 32.5 })));
|
|
3740
3732
|
const SvgSearch = (props2) => /* @__PURE__ */ React.createElement("svg", { height: 56, viewBox: "0 0 56 56", width: 56, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "m23.957 41.7695c3.8906 0 7.5234-1.2656 10.4766-3.375l11.1093 11.1094c.5156.5156 1.1953.7735 1.8985.7735 1.5234 0 2.625-1.1719 2.625-2.6719 0-.7032-.2342-1.3594-.7502-1.875l-11.0389-11.0626c2.3203-3.0468 3.7031-6.8203 3.7031-10.9218 0-9.9141-8.1094-18.0235-18.0234-18.0235-9.9375 0-18.0234 8.1094-18.0234 18.0235 0 9.914 8.0859 18.0234 18.0234 18.0234zm0-3.8906c-7.7578 0-14.1328-6.3984-14.1328-14.1328s6.375-14.1328 14.1328-14.1328c7.7344 0 14.1328 6.3984 14.1328 14.1328s-6.3984 14.1328-14.1328 14.1328z" }));
|
|
3741
3733
|
const ICON_MAP = {
|
|
3742
3734
|
chevronDown: SvgChevronDown,
|
|
@@ -3811,7 +3803,6 @@ const ICON_MAP = {
|
|
|
3811
3803
|
viz_url: SvgVizLink,
|
|
3812
3804
|
viz_vega: SvgVizLine
|
|
3813
3805
|
};
|
|
3814
|
-
const SMALL_ICONS = ["chevronDown", "chevronLeft", "chevronRight", "database", "date", "dimension", "measure", "number", "string", "view"];
|
|
3815
3806
|
function Icon({
|
|
3816
3807
|
name,
|
|
3817
3808
|
color = "primary",
|
|
@@ -3822,10 +3813,11 @@ function Icon({
|
|
|
3822
3813
|
return null;
|
|
3823
3814
|
}
|
|
3824
3815
|
return /* @__PURE__ */ jsx(IconComponent, {
|
|
3825
|
-
..._stylex.props(styles$
|
|
3816
|
+
..._stylex.props(styles$O.main, colorVariants$3[color], customStyle),
|
|
3817
|
+
"data-testid": `icon-${color}-${name}`
|
|
3826
3818
|
});
|
|
3827
3819
|
}
|
|
3828
|
-
const styles$
|
|
3820
|
+
const styles$O = {
|
|
3829
3821
|
main: {
|
|
3830
3822
|
display: "mly1rg5ohu",
|
|
3831
3823
|
width: "mly1kky2od",
|
|
@@ -3834,10 +3826,6 @@ const styles$N = {
|
|
|
3834
3826
|
overflowX: null,
|
|
3835
3827
|
overflowY: null,
|
|
3836
3828
|
$$css: true
|
|
3837
|
-
},
|
|
3838
|
-
scaleUp: {
|
|
3839
|
-
transform: "mly1fuxgwz",
|
|
3840
|
-
$$css: true
|
|
3841
3829
|
}
|
|
3842
3830
|
};
|
|
3843
3831
|
const colorVariants$3 = {
|
|
@@ -3898,17 +3886,18 @@ function Badge({
|
|
|
3898
3886
|
customStyle
|
|
3899
3887
|
}) {
|
|
3900
3888
|
return /* @__PURE__ */ jsxs("div", {
|
|
3901
|
-
..._stylex.props(styles$
|
|
3889
|
+
..._stylex.props(styles$N.main, colorVariants$2[color], customStyle),
|
|
3902
3890
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
3903
3891
|
color,
|
|
3904
3892
|
name: icon
|
|
3905
3893
|
}), /* @__PURE__ */ jsx("div", {
|
|
3906
|
-
|
|
3894
|
+
"data-testid": "badge-label",
|
|
3895
|
+
..._stylex.props(fontStyles.badge, styles$N.label),
|
|
3907
3896
|
children: label
|
|
3908
3897
|
})]
|
|
3909
3898
|
});
|
|
3910
3899
|
}
|
|
3911
|
-
const styles$
|
|
3900
|
+
const styles$N = {
|
|
3912
3901
|
main: {
|
|
3913
3902
|
display: "mly3nfvp2",
|
|
3914
3903
|
height: "mly1qx5ct2",
|
|
@@ -3990,10 +3979,10 @@ function Divider({
|
|
|
3990
3979
|
customStyle
|
|
3991
3980
|
}) {
|
|
3992
3981
|
return /* @__PURE__ */ jsx("div", {
|
|
3993
|
-
..._stylex.props(styles$
|
|
3982
|
+
..._stylex.props(styles$M.main, orientationVariants[orientation], customStyle)
|
|
3994
3983
|
});
|
|
3995
3984
|
}
|
|
3996
|
-
const styles$
|
|
3985
|
+
const styles$M = {
|
|
3997
3986
|
main: {
|
|
3998
3987
|
background: "mly1xnbgy5",
|
|
3999
3988
|
backgroundAttachment: null,
|
|
@@ -4799,7 +4788,7 @@ function Button({
|
|
|
4799
4788
|
...props2
|
|
4800
4789
|
}) {
|
|
4801
4790
|
const button = /* @__PURE__ */ jsxs("button", {
|
|
4802
|
-
..._stylex.props(styles$
|
|
4791
|
+
..._stylex.props(styles$L.main, colorVariants$1[variant], sizeVariants$1[size2], customStyle),
|
|
4803
4792
|
type: "button",
|
|
4804
4793
|
disabled: isDisabled,
|
|
4805
4794
|
...props2,
|
|
@@ -4809,9 +4798,9 @@ function Button({
|
|
|
4809
4798
|
},
|
|
4810
4799
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
4811
4800
|
name: icon,
|
|
4812
|
-
customStyle: styles$
|
|
4801
|
+
customStyle: styles$L.icon
|
|
4813
4802
|
}), label && /* @__PURE__ */ jsx("div", {
|
|
4814
|
-
..._stylex.props(variant === "primary" ? fontStyles.emphasized : fontStyles.body, styles$
|
|
4803
|
+
..._stylex.props(variant === "primary" ? fontStyles.emphasized : fontStyles.body, styles$L.label),
|
|
4815
4804
|
children: label
|
|
4816
4805
|
})]
|
|
4817
4806
|
}), isDisabled && /* @__PURE__ */ jsx("div", {
|
|
@@ -4838,7 +4827,7 @@ function Button({
|
|
|
4838
4827
|
return button;
|
|
4839
4828
|
}
|
|
4840
4829
|
}
|
|
4841
|
-
const styles$
|
|
4830
|
+
const styles$L = {
|
|
4842
4831
|
main: {
|
|
4843
4832
|
display: "mly3nfvp2",
|
|
4844
4833
|
flexDirection: "mlydt5ytf",
|
|
@@ -5089,7 +5078,7 @@ function Token({
|
|
|
5089
5078
|
}) {
|
|
5090
5079
|
const isInteractive = onClick !== void 0 || asButtonTrigger;
|
|
5091
5080
|
const token2 = /* @__PURE__ */ jsxs("div", {
|
|
5092
|
-
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], !isInteractive && styles$
|
|
5081
|
+
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], !isInteractive && styles$K.nonInteractive, customStyle),
|
|
5093
5082
|
...dragProps == null ? void 0 : dragProps.attributes,
|
|
5094
5083
|
...dragProps == null ? void 0 : dragProps.listeners,
|
|
5095
5084
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
@@ -5126,7 +5115,7 @@ function Token({
|
|
|
5126
5115
|
})]
|
|
5127
5116
|
}) : token2;
|
|
5128
5117
|
}
|
|
5129
|
-
const styles$
|
|
5118
|
+
const styles$K = {
|
|
5130
5119
|
nonInteractive: {
|
|
5131
5120
|
cursor: "mlyt0e3qv",
|
|
5132
5121
|
background: "mly1np9qvj",
|
|
@@ -5150,7 +5139,7 @@ function TokenGroup({
|
|
|
5150
5139
|
}) {
|
|
5151
5140
|
const count2 = React.Children.count(children);
|
|
5152
5141
|
return /* @__PURE__ */ jsx("div", {
|
|
5153
|
-
..._stylex.props(styles$
|
|
5142
|
+
..._stylex.props(styles$J.main, customStyle),
|
|
5154
5143
|
children: React.Children.map(children, (child, index2) => /* @__PURE__ */ React.cloneElement(child, {
|
|
5155
5144
|
customStyle: {
|
|
5156
5145
|
...child.props.customStyle,
|
|
@@ -5161,16 +5150,16 @@ function TokenGroup({
|
|
|
5161
5150
|
});
|
|
5162
5151
|
}
|
|
5163
5152
|
const getChildStyle = (index2, count2) => {
|
|
5164
|
-
if (count2 === 1) return styles$
|
|
5165
|
-
if (index2 === 0) return styles$
|
|
5166
|
-
if (index2 === count2 - 1) return styles$
|
|
5167
|
-
return styles$
|
|
5153
|
+
if (count2 === 1) return styles$J.onlyChild;
|
|
5154
|
+
if (index2 === 0) return styles$J.firstChild;
|
|
5155
|
+
if (index2 === count2 - 1) return styles$J.lastChild;
|
|
5156
|
+
return styles$J.innerChild;
|
|
5168
5157
|
};
|
|
5169
5158
|
const getTokenColor = (child, groupColor) => {
|
|
5170
5159
|
const childColor = child.props.color;
|
|
5171
5160
|
return childColor === void 0 ? groupColor : childColor;
|
|
5172
5161
|
};
|
|
5173
|
-
const styles$
|
|
5162
|
+
const styles$J = {
|
|
5174
5163
|
main: {
|
|
5175
5164
|
display: "mlyrvj5dj",
|
|
5176
5165
|
gridAutoFlow: "mly1mt1orb",
|
|
@@ -5242,7 +5231,7 @@ function ErrorIcon({
|
|
|
5242
5231
|
},
|
|
5243
5232
|
children: /* @__PURE__ */ jsx(Icon, {
|
|
5244
5233
|
name: "warning",
|
|
5245
|
-
customStyle: styles$
|
|
5234
|
+
customStyle: styles$I.errorIcon
|
|
5246
5235
|
})
|
|
5247
5236
|
})
|
|
5248
5237
|
}), /* @__PURE__ */ jsx(TooltipPortal, {
|
|
@@ -5255,7 +5244,7 @@ function ErrorIcon({
|
|
|
5255
5244
|
})]
|
|
5256
5245
|
});
|
|
5257
5246
|
}
|
|
5258
|
-
const styles$
|
|
5247
|
+
const styles$I = {
|
|
5259
5248
|
errorIcon: {
|
|
5260
5249
|
color: "mly1e2nbdu",
|
|
5261
5250
|
$$css: true
|
|
@@ -5300,22 +5289,22 @@ function EditableToken({
|
|
|
5300
5289
|
className: "mly78zum5 mly6s0dn4"
|
|
5301
5290
|
},
|
|
5302
5291
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
5303
|
-
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], isFocused && styles$
|
|
5292
|
+
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], isFocused && styles$H.focused, !!errorMessage && styles$H.hasError, customStyle),
|
|
5304
5293
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
5305
5294
|
name: icon,
|
|
5306
|
-
customStyle: styles$
|
|
5295
|
+
customStyle: styles$H.icon
|
|
5307
5296
|
}), /* @__PURE__ */ jsxs("span", {
|
|
5308
5297
|
...{
|
|
5309
5298
|
className: "mlywz0xwf"
|
|
5310
5299
|
},
|
|
5311
5300
|
children: [/* @__PURE__ */ jsx("span", {
|
|
5312
|
-
..._stylex.props(fontStyles.body, styles$
|
|
5301
|
+
..._stylex.props(fontStyles.body, styles$H.placeholder),
|
|
5313
5302
|
style: {
|
|
5314
5303
|
whiteSpaceCollapse: "preserve"
|
|
5315
5304
|
},
|
|
5316
5305
|
children: value
|
|
5317
5306
|
}), /* @__PURE__ */ jsx("input", {
|
|
5318
|
-
..._stylex.props(styles$
|
|
5307
|
+
..._stylex.props(styles$H.input, fontStyles.body),
|
|
5319
5308
|
ref: inputRef,
|
|
5320
5309
|
pattern: type === "number" ? "^-?[0-9.]*$" : void 0,
|
|
5321
5310
|
value,
|
|
@@ -5340,7 +5329,7 @@ function EditableToken({
|
|
|
5340
5329
|
})]
|
|
5341
5330
|
});
|
|
5342
5331
|
}
|
|
5343
|
-
const styles$
|
|
5332
|
+
const styles$H = {
|
|
5344
5333
|
focused: {
|
|
5345
5334
|
background: "mlyotlr4g",
|
|
5346
5335
|
backgroundAttachment: null,
|
|
@@ -7682,12 +7671,12 @@ function TextInput({
|
|
|
7682
7671
|
}
|
|
7683
7672
|
};
|
|
7684
7673
|
return /* @__PURE__ */ jsxs("div", {
|
|
7685
|
-
..._stylex.props(styles$
|
|
7674
|
+
..._stylex.props(styles$G.main, isFocused && styles$G.focused, sizeVariants[size2], customStyle),
|
|
7686
7675
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
7687
7676
|
name: icon,
|
|
7688
7677
|
color: "secondary"
|
|
7689
7678
|
}), /* @__PURE__ */ jsx("input", {
|
|
7690
|
-
..._stylex.props(fontStyles.body, styles$
|
|
7679
|
+
..._stylex.props(fontStyles.body, styles$G.input),
|
|
7691
7680
|
value,
|
|
7692
7681
|
placeholder,
|
|
7693
7682
|
onChange: handleChange,
|
|
@@ -7695,7 +7684,7 @@ function TextInput({
|
|
|
7695
7684
|
onBlur: handleBlur,
|
|
7696
7685
|
onKeyDown
|
|
7697
7686
|
}), hasClear && /* @__PURE__ */ jsx("button", {
|
|
7698
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
7687
|
+
..._stylex.props(fontStyles.supporting, styles$G.actionButton, value === "" && styles$G.hidden),
|
|
7699
7688
|
ref: buttonRef,
|
|
7700
7689
|
onClick: () => onChange(""),
|
|
7701
7690
|
tabIndex: 0,
|
|
@@ -7703,7 +7692,7 @@ function TextInput({
|
|
|
7703
7692
|
})]
|
|
7704
7693
|
});
|
|
7705
7694
|
}
|
|
7706
|
-
const styles$
|
|
7695
|
+
const styles$G = {
|
|
7707
7696
|
main: {
|
|
7708
7697
|
display: "mly78zum5",
|
|
7709
7698
|
alignItems: "mly6s0dn4",
|
|
@@ -7912,7 +7901,7 @@ function SelectorToken({
|
|
|
7912
7901
|
onValueChange: handleValueChange,
|
|
7913
7902
|
required: true,
|
|
7914
7903
|
children: [/* @__PURE__ */ jsxs(Trigger$3, {
|
|
7915
|
-
..._stylex.props(tokenStyles.main, styles$
|
|
7904
|
+
..._stylex.props(tokenStyles.main, styles$F.selectTrigger, tokenColorVariants[color], tokenSizeVariants[size2], fontStyles.body, tokenStyles.label, customStyle),
|
|
7916
7905
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
7917
7906
|
name: icon,
|
|
7918
7907
|
customStyle: tokenStyles.icon
|
|
@@ -7941,7 +7930,7 @@ function SelectorToken({
|
|
|
7941
7930
|
size: "compact",
|
|
7942
7931
|
icon: "search",
|
|
7943
7932
|
hasClear: true,
|
|
7944
|
-
customStyle: styles$
|
|
7933
|
+
customStyle: styles$F.searchInput,
|
|
7945
7934
|
onKeyDown: (event) => {
|
|
7946
7935
|
const excludedKeys = ["ArrowUp", "ArrowDown"];
|
|
7947
7936
|
if (!excludedKeys.includes(event.key)) {
|
|
@@ -7974,21 +7963,21 @@ function SelectItem({
|
|
|
7974
7963
|
...props2
|
|
7975
7964
|
}) {
|
|
7976
7965
|
return /* @__PURE__ */ jsxs(Item$1, {
|
|
7977
|
-
..._stylex.props(fontStyles.body, styles$
|
|
7966
|
+
..._stylex.props(fontStyles.body, styles$F.selectItem),
|
|
7978
7967
|
value,
|
|
7979
7968
|
...props2,
|
|
7980
7969
|
children: [value === selectedValue ? /* @__PURE__ */ jsx(Icon, {
|
|
7981
7970
|
name: "radioChecked",
|
|
7982
|
-
customStyle: styles$
|
|
7971
|
+
customStyle: styles$F.radioChecked
|
|
7983
7972
|
}) : /* @__PURE__ */ jsx(Icon, {
|
|
7984
7973
|
name: "radioUnchecked",
|
|
7985
|
-
customStyle: styles$
|
|
7974
|
+
customStyle: styles$F.radioUnchecked
|
|
7986
7975
|
}), /* @__PURE__ */ jsx(ItemText, {
|
|
7987
7976
|
children
|
|
7988
7977
|
})]
|
|
7989
7978
|
});
|
|
7990
7979
|
}
|
|
7991
|
-
const styles$
|
|
7980
|
+
const styles$F = {
|
|
7992
7981
|
selectTrigger: {
|
|
7993
7982
|
whiteSpace: "mlyuxw1ft",
|
|
7994
7983
|
overflow: "mlyb3r6kr",
|
|
@@ -8078,7 +8067,7 @@ function Card({
|
|
|
8078
8067
|
customStyle
|
|
8079
8068
|
}) {
|
|
8080
8069
|
return /* @__PURE__ */ jsxs("div", {
|
|
8081
|
-
..._stylex.props(styles$
|
|
8070
|
+
..._stylex.props(styles$E.container, customStyle),
|
|
8082
8071
|
children: [/* @__PURE__ */ jsx("div", {
|
|
8083
8072
|
...{
|
|
8084
8073
|
className: "mly1717udv"
|
|
@@ -8092,7 +8081,7 @@ function Card({
|
|
|
8092
8081
|
})]
|
|
8093
8082
|
});
|
|
8094
8083
|
}
|
|
8095
|
-
const styles$
|
|
8084
|
+
const styles$E = {
|
|
8096
8085
|
container: {
|
|
8097
8086
|
display: "mly78zum5",
|
|
8098
8087
|
flexDirection: "mlydt5ytf",
|
|
@@ -8185,7 +8174,7 @@ function CollapsiblePanel({
|
|
|
8185
8174
|
},
|
|
8186
8175
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
8187
8176
|
name: icon,
|
|
8188
|
-
customStyle: styles$
|
|
8177
|
+
customStyle: styles$D.icon
|
|
8189
8178
|
}), /* @__PURE__ */ jsx("div", {
|
|
8190
8179
|
...{
|
|
8191
8180
|
className: "mlyuxw1ft mlyb3r6kr mlylyipyv mlyehqz9p mly1ghz6dp mly117nqv4"
|
|
@@ -8227,7 +8216,7 @@ function CollapsiblePanel({
|
|
|
8227
8216
|
})]
|
|
8228
8217
|
});
|
|
8229
8218
|
}
|
|
8230
|
-
const styles$
|
|
8219
|
+
const styles$D = {
|
|
8231
8220
|
icon: {
|
|
8232
8221
|
$$css: true
|
|
8233
8222
|
}
|
|
@@ -8259,10 +8248,10 @@ function CollapsibleListItem({
|
|
|
8259
8248
|
className: "mly78zum5 mlydt5ytf mly1iyjqo2 mlyb3r6kr"
|
|
8260
8249
|
},
|
|
8261
8250
|
children: [/* @__PURE__ */ jsx("span", {
|
|
8262
|
-
..._stylex.props(fontStyles.body, styles$
|
|
8251
|
+
..._stylex.props(fontStyles.body, styles$C.label),
|
|
8263
8252
|
children: label
|
|
8264
8253
|
}), sublabel && /* @__PURE__ */ jsx("span", {
|
|
8265
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
8254
|
+
..._stylex.props(fontStyles.supporting, styles$C.sublabel),
|
|
8266
8255
|
children: sublabel
|
|
8267
8256
|
})]
|
|
8268
8257
|
})]
|
|
@@ -8274,7 +8263,7 @@ function CollapsibleListItem({
|
|
|
8274
8263
|
})]
|
|
8275
8264
|
});
|
|
8276
8265
|
}
|
|
8277
|
-
const styles$
|
|
8266
|
+
const styles$C = {
|
|
8278
8267
|
label: {
|
|
8279
8268
|
flexGrow: "mly1iyjqo2",
|
|
8280
8269
|
fontWeight: "mly1xlr1w8",
|
|
@@ -19088,7 +19077,7 @@ function Spinner({
|
|
|
19088
19077
|
} = SIZES[size2];
|
|
19089
19078
|
const frameSize = diameter + border * 2;
|
|
19090
19079
|
return /* @__PURE__ */ jsx("div", {
|
|
19091
|
-
..._stylex.props(styles$
|
|
19080
|
+
..._stylex.props(styles$B.root, customStyle),
|
|
19092
19081
|
children: /* @__PURE__ */ jsx("span", {
|
|
19093
19082
|
"aria-valuetext": "Loading",
|
|
19094
19083
|
...{
|
|
@@ -19108,7 +19097,7 @@ function Spinner({
|
|
|
19108
19097
|
})
|
|
19109
19098
|
});
|
|
19110
19099
|
}
|
|
19111
|
-
const styles$
|
|
19100
|
+
const styles$B = {
|
|
19112
19101
|
root: {
|
|
19113
19102
|
alignItems: "mly6s0dn4",
|
|
19114
19103
|
display: "mly3nfvp2",
|
|
@@ -23506,7 +23495,7 @@ const Popover = ({
|
|
|
23506
23495
|
})
|
|
23507
23496
|
});
|
|
23508
23497
|
};
|
|
23509
|
-
const styles$
|
|
23498
|
+
const styles$A = {
|
|
23510
23499
|
wrapper: {
|
|
23511
23500
|
position: "mly1n2onr6",
|
|
23512
23501
|
$$css: true
|
|
@@ -23558,7 +23547,7 @@ const SelectDropdown = ({
|
|
|
23558
23547
|
setOpen(false);
|
|
23559
23548
|
};
|
|
23560
23549
|
return /* @__PURE__ */ jsxs("div", {
|
|
23561
|
-
..._stylex.props(styles$
|
|
23550
|
+
..._stylex.props(styles$A.wrapper, customStyle),
|
|
23562
23551
|
children: [/* @__PURE__ */ jsxs("button", {
|
|
23563
23552
|
type: "button",
|
|
23564
23553
|
autoFocus,
|
|
@@ -23626,7 +23615,7 @@ function SelectList({
|
|
|
23626
23615
|
const [hoveredIndex, setHoveredIndex] = useState(null);
|
|
23627
23616
|
return /* @__PURE__ */ jsx(ScrollableArea, {
|
|
23628
23617
|
children: /* @__PURE__ */ jsx("div", {
|
|
23629
|
-
..._stylex.props(styles$
|
|
23618
|
+
..._stylex.props(styles$A.selectListDiv, customStyle),
|
|
23630
23619
|
children: options.reduce((result, option2, index2) => {
|
|
23631
23620
|
const isSelected = value !== void 0 && valueEqual(value, option2.value);
|
|
23632
23621
|
if (option2.divider) {
|
|
@@ -23658,8 +23647,8 @@ function SelectList({
|
|
|
23658
23647
|
}), /* @__PURE__ */ jsx(Icon, {
|
|
23659
23648
|
name: "checkmark",
|
|
23660
23649
|
customStyle: {
|
|
23661
|
-
...styles$
|
|
23662
|
-
...isSelected ? styles$
|
|
23650
|
+
...styles$A.checkIcon,
|
|
23651
|
+
...isSelected ? styles$A.checkIconSelected : void 0
|
|
23663
23652
|
}
|
|
23664
23653
|
}), /* @__PURE__ */ jsx("span", {
|
|
23665
23654
|
...{
|
|
@@ -23711,7 +23700,7 @@ const DateInput = ({
|
|
|
23711
23700
|
setTempValue(hooks.utc(value).format(format2));
|
|
23712
23701
|
}, [value, format2]);
|
|
23713
23702
|
return /* @__PURE__ */ jsx("input", {
|
|
23714
|
-
..._stylex.props(customStyle, isActive ? styles$
|
|
23703
|
+
..._stylex.props(customStyle, isActive ? styles$z.active : null),
|
|
23715
23704
|
type: "text",
|
|
23716
23705
|
placeholder: placeholder || format2,
|
|
23717
23706
|
value: tempValue,
|
|
@@ -23746,7 +23735,7 @@ function guessUnits(moment2, isDateTime) {
|
|
|
23746
23735
|
}
|
|
23747
23736
|
return isDateTime ? "second" : "day";
|
|
23748
23737
|
}
|
|
23749
|
-
const styles$
|
|
23738
|
+
const styles$z = {
|
|
23750
23739
|
active: {
|
|
23751
23740
|
backgroundColor: "mly1vzefiq",
|
|
23752
23741
|
$$css: true
|
|
@@ -23858,7 +23847,7 @@ function DatePicker({
|
|
|
23858
23847
|
});
|
|
23859
23848
|
};
|
|
23860
23849
|
return /* @__PURE__ */ jsxs("div", {
|
|
23861
|
-
..._stylex.props(styles$
|
|
23850
|
+
..._stylex.props(styles$y.outer, customStyle),
|
|
23862
23851
|
ref: forwardRef,
|
|
23863
23852
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
23864
23853
|
...{
|
|
@@ -24174,7 +24163,7 @@ function DatePicker({
|
|
|
24174
24163
|
})]
|
|
24175
24164
|
});
|
|
24176
24165
|
}
|
|
24177
|
-
const styles$
|
|
24166
|
+
const styles$y = {
|
|
24178
24167
|
outer: {
|
|
24179
24168
|
userSelect: "mly87ps6o",
|
|
24180
24169
|
fontSize: "mlymhiqyu",
|
|
@@ -24260,7 +24249,7 @@ function Banner({
|
|
|
24260
24249
|
className: "mly1q4ynmn mlyh8yej3 mly5yr21d mly78zum5 mlydt5ytf mly1kmqopl mly16zck5j"
|
|
24261
24250
|
},
|
|
24262
24251
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
24263
|
-
..._stylex.props(styles$
|
|
24252
|
+
..._stylex.props(styles$x.header, variantColors[variant], children ? styles$x.headerWithContent : null),
|
|
24264
24253
|
children: [/* @__PURE__ */ jsx("div", {
|
|
24265
24254
|
...{
|
|
24266
24255
|
className: "mly1qx5ct2 mly78zum5 mlyl56j7k mly6s0dn4"
|
|
@@ -24273,22 +24262,22 @@ function Banner({
|
|
|
24273
24262
|
className: "mly78zum5 mlydt5ytf mlyb3r6kr"
|
|
24274
24263
|
},
|
|
24275
24264
|
children: [/* @__PURE__ */ jsx("div", {
|
|
24276
|
-
..._stylex.props(styles$
|
|
24265
|
+
..._stylex.props(styles$x.title, fontStyles.emphasized),
|
|
24277
24266
|
children: title
|
|
24278
24267
|
}), /* @__PURE__ */ jsx("div", {
|
|
24279
|
-
..._stylex.props(styles$
|
|
24268
|
+
..._stylex.props(styles$x.description, fontStyles.supporting),
|
|
24280
24269
|
children: description
|
|
24281
24270
|
})]
|
|
24282
24271
|
})]
|
|
24283
24272
|
}), children && /* @__PURE__ */ jsx("div", {
|
|
24284
|
-
..._stylex.props(styles$
|
|
24273
|
+
..._stylex.props(styles$x.content, fontStyles.body),
|
|
24285
24274
|
children: /* @__PURE__ */ jsx(ScrollableArea, {
|
|
24286
24275
|
children
|
|
24287
24276
|
})
|
|
24288
24277
|
})]
|
|
24289
24278
|
});
|
|
24290
24279
|
}
|
|
24291
|
-
const styles$
|
|
24280
|
+
const styles$x = {
|
|
24292
24281
|
header: {
|
|
24293
24282
|
borderRadius: "mly1q4ynmn",
|
|
24294
24283
|
borderStartStartRadius: null,
|
|
@@ -24430,14 +24419,14 @@ function AccordionList({
|
|
|
24430
24419
|
onExpandedItemChange: handleExpandedItemChange
|
|
24431
24420
|
},
|
|
24432
24421
|
children: /* @__PURE__ */ jsx("div", {
|
|
24433
|
-
..._stylex.props(styles$
|
|
24422
|
+
..._stylex.props(styles$w.main, customStyle),
|
|
24434
24423
|
children: React.Children.map(children, (child) => /* @__PURE__ */ jsxs(Fragment, {
|
|
24435
24424
|
children: [child, /* @__PURE__ */ jsx(Divider, {})]
|
|
24436
24425
|
}))
|
|
24437
24426
|
})
|
|
24438
24427
|
});
|
|
24439
24428
|
}
|
|
24440
|
-
const styles$
|
|
24429
|
+
const styles$w = {
|
|
24441
24430
|
main: {
|
|
24442
24431
|
display: "mly78zum5",
|
|
24443
24432
|
flexDirection: "mlydt5ytf",
|
|
@@ -24474,10 +24463,10 @@ function AccordionListItem({
|
|
|
24474
24463
|
className: "mly78zum5 mlydt5ytf mlyb3r6kr mly1iyjqo2"
|
|
24475
24464
|
},
|
|
24476
24465
|
children: [/* @__PURE__ */ jsx("span", {
|
|
24477
|
-
..._stylex.props(fontStyles.body, styles$
|
|
24466
|
+
..._stylex.props(fontStyles.body, styles$v.label),
|
|
24478
24467
|
children: label
|
|
24479
24468
|
}), sublabel && /* @__PURE__ */ jsx("span", {
|
|
24480
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
24469
|
+
..._stylex.props(fontStyles.supporting, styles$v.sublabel),
|
|
24481
24470
|
children: sublabel
|
|
24482
24471
|
})]
|
|
24483
24472
|
}), badge && badge, endIcon && endIcon]
|
|
@@ -24489,7 +24478,7 @@ function AccordionListItem({
|
|
|
24489
24478
|
})]
|
|
24490
24479
|
});
|
|
24491
24480
|
}
|
|
24492
|
-
const styles$
|
|
24481
|
+
const styles$v = {
|
|
24493
24482
|
label: {
|
|
24494
24483
|
flexGrow: "mly1iyjqo2",
|
|
24495
24484
|
fontWeight: "mly1xlr1w8",
|
|
@@ -25774,7 +25763,7 @@ function DropdownMenu({
|
|
|
25774
25763
|
children: trigger
|
|
25775
25764
|
}), /* @__PURE__ */ jsx(Portal2, {
|
|
25776
25765
|
children: /* @__PURE__ */ jsx(Content2, {
|
|
25777
|
-
..._stylex.props(fontStyles.body, styles$
|
|
25766
|
+
..._stylex.props(fontStyles.body, styles$u.content),
|
|
25778
25767
|
side: "bottom",
|
|
25779
25768
|
align: "start",
|
|
25780
25769
|
sideOffset: 4,
|
|
@@ -25801,22 +25790,22 @@ function DropdownMenuItem({
|
|
|
25801
25790
|
disabled,
|
|
25802
25791
|
children: [icon && /* @__PURE__ */ jsx(Icon, {
|
|
25803
25792
|
name: icon,
|
|
25804
|
-
customStyle: styles$
|
|
25793
|
+
customStyle: styles$u.icon
|
|
25805
25794
|
}), /* @__PURE__ */ jsxs("div", {
|
|
25806
25795
|
...{
|
|
25807
25796
|
className: "mly78zum5 mlydt5ytf mly1iyjqo2"
|
|
25808
25797
|
},
|
|
25809
25798
|
children: [/* @__PURE__ */ jsx("span", {
|
|
25810
|
-
..._stylex.props(fontStyles.body, styles$
|
|
25799
|
+
..._stylex.props(fontStyles.body, styles$u.label),
|
|
25811
25800
|
children: label
|
|
25812
25801
|
}), sublabel && /* @__PURE__ */ jsx("span", {
|
|
25813
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
25802
|
+
..._stylex.props(fontStyles.supporting, styles$u.sublabel),
|
|
25814
25803
|
children: sublabel
|
|
25815
25804
|
})]
|
|
25816
25805
|
})]
|
|
25817
25806
|
});
|
|
25818
25807
|
}
|
|
25819
|
-
const styles$
|
|
25808
|
+
const styles$u = {
|
|
25820
25809
|
content: {
|
|
25821
25810
|
display: "mly78zum5",
|
|
25822
25811
|
flexDirection: "mlydt5ytf",
|
|
@@ -25903,7 +25892,7 @@ function QueryActionBar({
|
|
|
25903
25892
|
children: [/* @__PURE__ */ jsx(Icon, {
|
|
25904
25893
|
name: "filterSliders"
|
|
25905
25894
|
}), /* @__PURE__ */ jsx("div", {
|
|
25906
|
-
..._stylex.props(fontStyles.largeBody, styles$
|
|
25895
|
+
..._stylex.props(fontStyles.largeBody, styles$t.title),
|
|
25907
25896
|
children: "Query"
|
|
25908
25897
|
})]
|
|
25909
25898
|
}), /* @__PURE__ */ jsxs("div", {
|
|
@@ -25948,13 +25937,13 @@ function QueryActionBar({
|
|
|
25948
25937
|
})]
|
|
25949
25938
|
});
|
|
25950
25939
|
}
|
|
25951
|
-
const styles$
|
|
25940
|
+
const styles$t = {
|
|
25952
25941
|
title: {
|
|
25953
25942
|
fontWeight: "mly1xlr1w8",
|
|
25954
25943
|
$$css: true
|
|
25955
25944
|
}
|
|
25956
25945
|
};
|
|
25957
|
-
const styles$
|
|
25946
|
+
const styles$s = {
|
|
25958
25947
|
labelWithIcon: {
|
|
25959
25948
|
display: "mly78zum5",
|
|
25960
25949
|
alignItems: "mly6s0dn4",
|
|
@@ -30079,32 +30068,32 @@ function BadgeForField({
|
|
|
30079
30068
|
label: "view",
|
|
30080
30069
|
icon: "view_filled",
|
|
30081
30070
|
color: "purple",
|
|
30082
|
-
customStyle: styles$
|
|
30071
|
+
customStyle: styles$r.noBackground
|
|
30083
30072
|
});
|
|
30084
30073
|
} else if (field.kind === "dimension") {
|
|
30085
30074
|
return /* @__PURE__ */ jsx(Badge, {
|
|
30086
30075
|
label: "dimension",
|
|
30087
30076
|
icon: fieldToIcon(field),
|
|
30088
30077
|
color: "cyan",
|
|
30089
|
-
customStyle: styles$
|
|
30078
|
+
customStyle: styles$r.noBackground
|
|
30090
30079
|
});
|
|
30091
30080
|
} else if (field.kind === "measure") {
|
|
30092
30081
|
return /* @__PURE__ */ jsx(Badge, {
|
|
30093
30082
|
label: "measure",
|
|
30094
30083
|
icon: fieldToIcon(field),
|
|
30095
30084
|
color: "green",
|
|
30096
|
-
customStyle: styles$
|
|
30085
|
+
customStyle: styles$r.noBackground
|
|
30097
30086
|
});
|
|
30098
30087
|
} else if (field.kind === "join") {
|
|
30099
30088
|
return /* @__PURE__ */ jsx(Badge, {
|
|
30100
30089
|
label: "join",
|
|
30101
30090
|
icon: fieldToIcon(field),
|
|
30102
30091
|
color: "gray",
|
|
30103
|
-
customStyle: styles$
|
|
30092
|
+
customStyle: styles$r.noBackground
|
|
30104
30093
|
});
|
|
30105
30094
|
}
|
|
30106
30095
|
}
|
|
30107
|
-
const styles$
|
|
30096
|
+
const styles$r = {
|
|
30108
30097
|
noBackground: {
|
|
30109
30098
|
backgroundColor: "mlyjbqb8w",
|
|
30110
30099
|
$$css: true
|
|
@@ -30133,7 +30122,7 @@ function Visualization$1({
|
|
|
30133
30122
|
onClick: () => setRenderer(viz)
|
|
30134
30123
|
}));
|
|
30135
30124
|
const tokens2 = [/* @__PURE__ */ jsx(SelectorToken, {
|
|
30136
|
-
customStyle: styles$
|
|
30125
|
+
customStyle: styles$q.first,
|
|
30137
30126
|
icon: `viz_${currentRenderer}`,
|
|
30138
30127
|
value: currentRenderer,
|
|
30139
30128
|
items: vizes,
|
|
@@ -30143,7 +30132,7 @@ function Visualization$1({
|
|
|
30143
30132
|
children: tokens2
|
|
30144
30133
|
});
|
|
30145
30134
|
}
|
|
30146
|
-
const styles$
|
|
30135
|
+
const styles$q = {
|
|
30147
30136
|
first: {
|
|
30148
30137
|
flexGrow: "mly1iyjqo2",
|
|
30149
30138
|
justifyContent: "mlylqzeqv",
|
|
@@ -30172,7 +30161,7 @@ function ViewAttributeTable({
|
|
|
30172
30161
|
}) {
|
|
30173
30162
|
const dimensions = viewInfo.schema.fields.filter((f2) => f2.kind === "dimension");
|
|
30174
30163
|
return /* @__PURE__ */ jsx("div", {
|
|
30175
|
-
..._stylex.props(styles$
|
|
30164
|
+
..._stylex.props(styles$p.attributeTableContainer, style),
|
|
30176
30165
|
children: /* @__PURE__ */ jsx("table", {
|
|
30177
30166
|
...{
|
|
30178
30167
|
className: "mly1mwwwfo mly9f619 mlyh8yej3 mly5yr21d"
|
|
@@ -30210,9 +30199,9 @@ function ViewAttributeTableRow({
|
|
|
30210
30199
|
className: "mlydpxx8g"
|
|
30211
30200
|
},
|
|
30212
30201
|
children: [/* @__PURE__ */ jsx("td", {
|
|
30213
|
-
..._stylex.props(styles$
|
|
30202
|
+
..._stylex.props(styles$p.attributeTableKeyCell, fontStyles.supporting),
|
|
30214
30203
|
children: /* @__PURE__ */ jsx("div", {
|
|
30215
|
-
..._stylex.props(styles$
|
|
30204
|
+
..._stylex.props(styles$p.attributeTableKeyCellContent, fontStyles.supporting),
|
|
30216
30205
|
children: attribute
|
|
30217
30206
|
})
|
|
30218
30207
|
}), /* @__PURE__ */ jsx("td", {
|
|
@@ -30223,7 +30212,7 @@ function ViewAttributeTableRow({
|
|
|
30223
30212
|
})]
|
|
30224
30213
|
});
|
|
30225
30214
|
}
|
|
30226
|
-
const styles$
|
|
30215
|
+
const styles$p = {
|
|
30227
30216
|
attributeTableContainer: {
|
|
30228
30217
|
padding: "mlye8ttls",
|
|
30229
30218
|
paddingInline: null,
|
|
@@ -30328,67 +30317,84 @@ function largeNumberLabel(n) {
|
|
|
30328
30317
|
return Math.floor(n / 1e3).toLocaleString() + "M";
|
|
30329
30318
|
}
|
|
30330
30319
|
}
|
|
30320
|
+
function RichText({
|
|
30321
|
+
children,
|
|
30322
|
+
ref,
|
|
30323
|
+
customStyle,
|
|
30324
|
+
isTooltipContent = false,
|
|
30325
|
+
...props2
|
|
30326
|
+
}) {
|
|
30327
|
+
const parts = children.split(/((?:http|https):\/\/\S*)\b/);
|
|
30328
|
+
const multiLine = parts.length > 1;
|
|
30329
|
+
const formatted = parts.map((part, idx) => {
|
|
30330
|
+
if (part.match(/^(http|https):/)) {
|
|
30331
|
+
return /* @__PURE__ */ jsx("a", {
|
|
30332
|
+
href: part,
|
|
30333
|
+
...{
|
|
30334
|
+
0: {},
|
|
30335
|
+
1: {
|
|
30336
|
+
className: "mly198oq2i"
|
|
30337
|
+
}
|
|
30338
|
+
}[!!isTooltipContent << 0],
|
|
30339
|
+
children: part
|
|
30340
|
+
}, idx);
|
|
30341
|
+
} else {
|
|
30342
|
+
return part;
|
|
30343
|
+
}
|
|
30344
|
+
});
|
|
30345
|
+
return /* @__PURE__ */ jsx("div", {
|
|
30346
|
+
ref,
|
|
30347
|
+
..._stylex.props(multiLine && styles$o.preWrap, multiLine && styles$o.breakWord, customStyle),
|
|
30348
|
+
...props2,
|
|
30349
|
+
children: formatted
|
|
30350
|
+
});
|
|
30351
|
+
}
|
|
30352
|
+
const styles$o = {
|
|
30353
|
+
preWrap: {
|
|
30354
|
+
whiteSpace: "mly126k92a",
|
|
30355
|
+
$$css: true
|
|
30356
|
+
},
|
|
30357
|
+
breakWord: {
|
|
30358
|
+
wordWrap: "mly1vvkbs",
|
|
30359
|
+
$$css: true
|
|
30360
|
+
}
|
|
30361
|
+
};
|
|
30331
30362
|
function HoverText({
|
|
30332
30363
|
text: text2,
|
|
30364
|
+
containerRef,
|
|
30333
30365
|
align = "center",
|
|
30334
30366
|
side = "top"
|
|
30335
30367
|
}) {
|
|
30336
|
-
const rootRef = useRef(null);
|
|
30337
|
-
const [isMouseInside, setIsMouseInside] = useState(false);
|
|
30338
30368
|
const textRef = useRef(null);
|
|
30339
|
-
const [
|
|
30340
|
-
|
|
30341
|
-
|
|
30342
|
-
|
|
30343
|
-
|
|
30344
|
-
|
|
30345
|
-
|
|
30346
|
-
|
|
30347
|
-
|
|
30348
|
-
|
|
30349
|
-
|
|
30350
|
-
|
|
30351
|
-
|
|
30352
|
-
|
|
30353
|
-
setIsTruncated(false);
|
|
30354
|
-
}
|
|
30355
|
-
}
|
|
30356
|
-
};
|
|
30357
|
-
checkTruncation();
|
|
30358
|
-
document.addEventListener("mousemove", handleMouseMove);
|
|
30359
|
-
window.addEventListener("resize", checkTruncation);
|
|
30360
|
-
return () => {
|
|
30361
|
-
document.removeEventListener("mousemove", handleMouseMove);
|
|
30362
|
-
window.removeEventListener("resize", checkTruncation);
|
|
30363
|
-
};
|
|
30364
|
-
}, []);
|
|
30365
|
-
return /* @__PURE__ */ jsx("div", {
|
|
30366
|
-
ref: rootRef,
|
|
30367
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
30368
|
-
style: {
|
|
30369
|
-
pointerEvents: "none"
|
|
30370
|
-
},
|
|
30371
|
-
children: /* @__PURE__ */ jsxs(Root3$1, {
|
|
30372
|
-
open: isMouseInside && isTruncated,
|
|
30373
|
-
children: [/* @__PURE__ */ jsx(Trigger$4, {
|
|
30374
|
-
asChild: true,
|
|
30375
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
30376
|
-
ref: textRef,
|
|
30377
|
-
..._stylex.props(styles$n.text, fontStyles.supporting),
|
|
30378
|
-
children: text2
|
|
30379
|
-
})
|
|
30380
|
-
}), /* @__PURE__ */ jsx(Portal$4, {
|
|
30381
|
-
children: /* @__PURE__ */ jsx(Content2$4, {
|
|
30382
|
-
side,
|
|
30383
|
-
align,
|
|
30384
|
-
children: /* @__PURE__ */ jsx("pre", {
|
|
30385
|
-
..._stylex.props(styles$n.hoverText, fontStyles.tooltipText),
|
|
30386
|
-
children: text2
|
|
30387
|
-
})
|
|
30388
|
-
})
|
|
30389
|
-
})]
|
|
30369
|
+
const [isTriggeredHovered, setIsTriggerHovered] = React.useState(false);
|
|
30370
|
+
const [isContentHovered, setIsContentHovered] = React.useState(false);
|
|
30371
|
+
const isTruncated = () => (textRef.current && textRef.current.scrollHeight > textRef.current.clientHeight) ?? false;
|
|
30372
|
+
return /* @__PURE__ */ jsxs(Root3$1, {
|
|
30373
|
+
open: (isTriggeredHovered || isContentHovered) && isTruncated(),
|
|
30374
|
+
children: [/* @__PURE__ */ jsx(Trigger$4, {
|
|
30375
|
+
asChild: true,
|
|
30376
|
+
children: /* @__PURE__ */ jsx(RichText, {
|
|
30377
|
+
ref: textRef,
|
|
30378
|
+
onMouseEnter: () => setIsTriggerHovered(true),
|
|
30379
|
+
onMouseLeave: () => setIsTriggerHovered(false),
|
|
30380
|
+
onPointerMove: (e) => e.preventDefault(),
|
|
30381
|
+
customStyle: [fontStyles.supporting, styles$n.text],
|
|
30382
|
+
children: text2
|
|
30390
30383
|
})
|
|
30391
|
-
})
|
|
30384
|
+
}), /* @__PURE__ */ jsx(Portal$4, {
|
|
30385
|
+
container: containerRef == null ? void 0 : containerRef.current,
|
|
30386
|
+
children: /* @__PURE__ */ jsx(Content2$4, {
|
|
30387
|
+
side,
|
|
30388
|
+
align,
|
|
30389
|
+
children: /* @__PURE__ */ jsx(RichText, {
|
|
30390
|
+
onMouseEnter: () => setIsContentHovered(true),
|
|
30391
|
+
onMouseLeave: () => setIsContentHovered(false),
|
|
30392
|
+
isTooltipContent: true,
|
|
30393
|
+
customStyle: [fontStyles.body, tooltipStyles.default],
|
|
30394
|
+
children: text2
|
|
30395
|
+
})
|
|
30396
|
+
})
|
|
30397
|
+
})]
|
|
30392
30398
|
});
|
|
30393
30399
|
}
|
|
30394
30400
|
const styles$n = {
|
|
@@ -30400,43 +30406,6 @@ const styles$n = {
|
|
|
30400
30406
|
"-webkit-line-clamp": "mly1gzmk7r",
|
|
30401
30407
|
"-webkit-box-orient": "mly1ua5tub",
|
|
30402
30408
|
$$css: true
|
|
30403
|
-
},
|
|
30404
|
-
hoverText: {
|
|
30405
|
-
maxWidth: "mlyaka53j",
|
|
30406
|
-
overflow: "mlyb3r6kr",
|
|
30407
|
-
overflowX: null,
|
|
30408
|
-
overflowY: null,
|
|
30409
|
-
wordBreak: "mly1yn0g08",
|
|
30410
|
-
whiteSpace: "mly126k92a",
|
|
30411
|
-
backgroundColor: "mly1pcjto7",
|
|
30412
|
-
borderRadius: "mly12oqio5",
|
|
30413
|
-
borderStartStartRadius: null,
|
|
30414
|
-
borderStartEndRadius: null,
|
|
30415
|
-
borderEndStartRadius: null,
|
|
30416
|
-
borderEndEndRadius: null,
|
|
30417
|
-
borderTopLeftRadius: null,
|
|
30418
|
-
borderTopRightRadius: null,
|
|
30419
|
-
borderBottomLeftRadius: null,
|
|
30420
|
-
borderBottomRightRadius: null,
|
|
30421
|
-
margin: "mly1hlb6i2",
|
|
30422
|
-
marginInline: null,
|
|
30423
|
-
marginInlineStart: null,
|
|
30424
|
-
marginLeft: null,
|
|
30425
|
-
marginInlineEnd: null,
|
|
30426
|
-
marginRight: null,
|
|
30427
|
-
marginBlock: null,
|
|
30428
|
-
marginTop: null,
|
|
30429
|
-
marginBottom: null,
|
|
30430
|
-
padding: "mly1q44i06",
|
|
30431
|
-
paddingInline: null,
|
|
30432
|
-
paddingStart: null,
|
|
30433
|
-
paddingLeft: null,
|
|
30434
|
-
paddingEnd: null,
|
|
30435
|
-
paddingRight: null,
|
|
30436
|
-
paddingBlock: null,
|
|
30437
|
-
paddingTop: null,
|
|
30438
|
-
paddingBottom: null,
|
|
30439
|
-
$$css: true
|
|
30440
30409
|
}
|
|
30441
30410
|
};
|
|
30442
30411
|
function HoverCard({
|
|
@@ -30485,6 +30454,7 @@ function FieldHoverCard({
|
|
|
30485
30454
|
const {
|
|
30486
30455
|
source
|
|
30487
30456
|
} = React.useContext(QueryEditorContext);
|
|
30457
|
+
const ref = React.useRef(null);
|
|
30488
30458
|
const pathString = [(source == null ? void 0 : source.name) ?? "", ...path].join(" > ");
|
|
30489
30459
|
const descriptionAnnotation = getDescriptionAnnotation(field.annotations ?? []);
|
|
30490
30460
|
const description = descriptionAnnotation ?? "";
|
|
@@ -30504,6 +30474,7 @@ function FieldHoverCard({
|
|
|
30504
30474
|
return /* @__PURE__ */ jsxs(HoverCard, {
|
|
30505
30475
|
customStyle: styles$l.container,
|
|
30506
30476
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
30477
|
+
ref,
|
|
30507
30478
|
children: [/* @__PURE__ */ jsx("div", {
|
|
30508
30479
|
...{
|
|
30509
30480
|
className: "mly12nagc"
|
|
@@ -30518,7 +30489,8 @@ function FieldHoverCard({
|
|
|
30518
30489
|
..._stylex.props(fontStyles.emphasized, styles$l.title),
|
|
30519
30490
|
children: field.name
|
|
30520
30491
|
}), description && /* @__PURE__ */ jsx(HoverText, {
|
|
30521
|
-
text: description
|
|
30492
|
+
text: description,
|
|
30493
|
+
containerRef: ref
|
|
30522
30494
|
})]
|
|
30523
30495
|
}), details && /* @__PURE__ */ jsx("div", {
|
|
30524
30496
|
children: details
|
|
@@ -32507,7 +32479,7 @@ function OperationActionTitle({
|
|
|
32507
32479
|
return !(segment == null ? void 0 : segment.hasField(field.name, path)) && isNotAnnotatedFilteredField(field);
|
|
32508
32480
|
};
|
|
32509
32481
|
return /* @__PURE__ */ jsxs("div", {
|
|
32510
|
-
..._stylex.props(styles$
|
|
32482
|
+
..._stylex.props(styles$s.title, hoverStyles.main),
|
|
32511
32483
|
children: [/* @__PURE__ */ jsx("div", {
|
|
32512
32484
|
children: title
|
|
32513
32485
|
}), /* @__PURE__ */ jsx("div", {
|
|
@@ -33084,7 +33056,7 @@ function SortableOperations({
|
|
|
33084
33056
|
fields,
|
|
33085
33057
|
...props2
|
|
33086
33058
|
}), /* @__PURE__ */ jsx("div", {
|
|
33087
|
-
..._stylex.props(styles$
|
|
33059
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
33088
33060
|
children: /* @__PURE__ */ jsx(DndContext, {
|
|
33089
33061
|
sensors,
|
|
33090
33062
|
collisionDetection: closestCenter,
|
|
@@ -33283,94 +33255,6 @@ class ErrorElement extends React.Component {
|
|
|
33283
33255
|
return this.props.children;
|
|
33284
33256
|
}
|
|
33285
33257
|
}
|
|
33286
|
-
function FilterOperations({
|
|
33287
|
-
rootQuery,
|
|
33288
|
-
filters
|
|
33289
|
-
}) {
|
|
33290
|
-
const {
|
|
33291
|
-
setQuery
|
|
33292
|
-
} = useContext(QueryEditorContext);
|
|
33293
|
-
if (filters.length === 0) {
|
|
33294
|
-
return null;
|
|
33295
|
-
}
|
|
33296
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
33297
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
33298
|
-
..._stylex.props(styles$r.title),
|
|
33299
|
-
children: "filter by"
|
|
33300
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
33301
|
-
..._stylex.props(styles$r.tokenContainer),
|
|
33302
|
-
children: filters.map((filterOperation, key2) => {
|
|
33303
|
-
return /* @__PURE__ */ jsx(ErrorElement, {
|
|
33304
|
-
fallback: /* @__PURE__ */ jsxs("div", {
|
|
33305
|
-
children: ["Invalid filter", /* @__PURE__ */ jsx(ClearButton, {
|
|
33306
|
-
onClick: () => {
|
|
33307
|
-
filterOperation.delete();
|
|
33308
|
-
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33309
|
-
}
|
|
33310
|
-
})]
|
|
33311
|
-
}),
|
|
33312
|
-
children: /* @__PURE__ */ jsx(SingleFilterOperation, {
|
|
33313
|
-
filterOperation,
|
|
33314
|
-
rootQuery
|
|
33315
|
-
})
|
|
33316
|
-
}, key2);
|
|
33317
|
-
})
|
|
33318
|
-
})]
|
|
33319
|
-
});
|
|
33320
|
-
}
|
|
33321
|
-
function SingleFilterOperation({
|
|
33322
|
-
rootQuery,
|
|
33323
|
-
filterOperation
|
|
33324
|
-
}) {
|
|
33325
|
-
const {
|
|
33326
|
-
fieldReference,
|
|
33327
|
-
filterString
|
|
33328
|
-
} = filterOperation.filter;
|
|
33329
|
-
const filter = filterOperation.filter.getFilter();
|
|
33330
|
-
const fieldInfo = fieldReference.getFieldInfo();
|
|
33331
|
-
const {
|
|
33332
|
-
setQuery
|
|
33333
|
-
} = useContext(QueryEditorContext);
|
|
33334
|
-
if (fieldInfo.kind !== "dimension" && fieldInfo.kind !== "measure") {
|
|
33335
|
-
throw new Error(`Invalid filter field kind: ${fieldInfo.kind}`);
|
|
33336
|
-
}
|
|
33337
|
-
const setFilter = useCallback((filter2) => {
|
|
33338
|
-
filterOperation.filter.setFilter(filter2);
|
|
33339
|
-
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33340
|
-
}, [filterOperation.filter, rootQuery, setQuery]);
|
|
33341
|
-
const {
|
|
33342
|
-
op,
|
|
33343
|
-
value
|
|
33344
|
-
} = parsedToLabels(filter, filterString);
|
|
33345
|
-
const label = `${fieldInfo.name} ${op} ${value}`;
|
|
33346
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
33347
|
-
..._stylex.props(hoverStyles.main),
|
|
33348
|
-
children: [/* @__PURE__ */ jsx(FilterPopover, {
|
|
33349
|
-
fieldInfo,
|
|
33350
|
-
path: fieldReference.path ?? [],
|
|
33351
|
-
filter,
|
|
33352
|
-
setFilter,
|
|
33353
|
-
trigger: /* @__PURE__ */ jsx(Token, {
|
|
33354
|
-
icon: "filter",
|
|
33355
|
-
color: "cyan",
|
|
33356
|
-
label
|
|
33357
|
-
}),
|
|
33358
|
-
layoutProps: {
|
|
33359
|
-
align: "start",
|
|
33360
|
-
side: "bottom",
|
|
33361
|
-
sideOffset: 1
|
|
33362
|
-
}
|
|
33363
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
33364
|
-
..._stylex.props(hoverStyles.hoverActions),
|
|
33365
|
-
children: /* @__PURE__ */ jsx(ClearButton, {
|
|
33366
|
-
onClick: () => {
|
|
33367
|
-
filterOperation.delete();
|
|
33368
|
-
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33369
|
-
}
|
|
33370
|
-
})
|
|
33371
|
-
})]
|
|
33372
|
-
});
|
|
33373
|
-
}
|
|
33374
33258
|
const parsedToLabels = (parsed, filterString) => {
|
|
33375
33259
|
if (parsed.parsed === null) {
|
|
33376
33260
|
return {
|
|
@@ -33550,6 +33434,94 @@ function displayTimeFromMoment(momentObj) {
|
|
|
33550
33434
|
}
|
|
33551
33435
|
return momentObj.moment;
|
|
33552
33436
|
}
|
|
33437
|
+
function FilterOperations({
|
|
33438
|
+
rootQuery,
|
|
33439
|
+
filters
|
|
33440
|
+
}) {
|
|
33441
|
+
const {
|
|
33442
|
+
setQuery
|
|
33443
|
+
} = useContext(QueryEditorContext);
|
|
33444
|
+
if (filters.length === 0) {
|
|
33445
|
+
return null;
|
|
33446
|
+
}
|
|
33447
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
33448
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
33449
|
+
..._stylex.props(styles$s.title),
|
|
33450
|
+
children: "filter by"
|
|
33451
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
33452
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
33453
|
+
children: filters.map((filterOperation, key2) => {
|
|
33454
|
+
return /* @__PURE__ */ jsx(ErrorElement, {
|
|
33455
|
+
fallback: /* @__PURE__ */ jsxs("div", {
|
|
33456
|
+
children: ["Invalid filter", /* @__PURE__ */ jsx(ClearButton, {
|
|
33457
|
+
onClick: () => {
|
|
33458
|
+
filterOperation.delete();
|
|
33459
|
+
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33460
|
+
}
|
|
33461
|
+
})]
|
|
33462
|
+
}),
|
|
33463
|
+
children: /* @__PURE__ */ jsx(SingleFilterOperation, {
|
|
33464
|
+
filterOperation,
|
|
33465
|
+
rootQuery
|
|
33466
|
+
})
|
|
33467
|
+
}, key2);
|
|
33468
|
+
})
|
|
33469
|
+
})]
|
|
33470
|
+
});
|
|
33471
|
+
}
|
|
33472
|
+
function SingleFilterOperation({
|
|
33473
|
+
rootQuery,
|
|
33474
|
+
filterOperation
|
|
33475
|
+
}) {
|
|
33476
|
+
const {
|
|
33477
|
+
fieldReference,
|
|
33478
|
+
filterString
|
|
33479
|
+
} = filterOperation.filter;
|
|
33480
|
+
const filter = filterOperation.filter.getFilter();
|
|
33481
|
+
const fieldInfo = fieldReference.getFieldInfo();
|
|
33482
|
+
const {
|
|
33483
|
+
setQuery
|
|
33484
|
+
} = useContext(QueryEditorContext);
|
|
33485
|
+
if (fieldInfo.kind !== "dimension" && fieldInfo.kind !== "measure") {
|
|
33486
|
+
throw new Error(`Invalid filter field kind: ${fieldInfo.kind}`);
|
|
33487
|
+
}
|
|
33488
|
+
const setFilter = useCallback((filter2) => {
|
|
33489
|
+
filterOperation.filter.setFilter(filter2);
|
|
33490
|
+
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33491
|
+
}, [filterOperation.filter, rootQuery, setQuery]);
|
|
33492
|
+
const {
|
|
33493
|
+
op,
|
|
33494
|
+
value
|
|
33495
|
+
} = parsedToLabels(filter, filterString);
|
|
33496
|
+
const label = `${fieldInfo.name} ${op} ${value}`;
|
|
33497
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
33498
|
+
..._stylex.props(hoverStyles.main),
|
|
33499
|
+
children: [/* @__PURE__ */ jsx(FilterPopover, {
|
|
33500
|
+
fieldInfo,
|
|
33501
|
+
path: fieldReference.path ?? [],
|
|
33502
|
+
filter,
|
|
33503
|
+
setFilter,
|
|
33504
|
+
trigger: /* @__PURE__ */ jsx(Token, {
|
|
33505
|
+
icon: "filter",
|
|
33506
|
+
color: "cyan",
|
|
33507
|
+
label
|
|
33508
|
+
}),
|
|
33509
|
+
layoutProps: {
|
|
33510
|
+
align: "start",
|
|
33511
|
+
side: "bottom",
|
|
33512
|
+
sideOffset: 1
|
|
33513
|
+
}
|
|
33514
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
33515
|
+
..._stylex.props(hoverStyles.hoverActions),
|
|
33516
|
+
children: /* @__PURE__ */ jsx(ClearButton, {
|
|
33517
|
+
onClick: () => {
|
|
33518
|
+
filterOperation.delete();
|
|
33519
|
+
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33520
|
+
}
|
|
33521
|
+
})
|
|
33522
|
+
})]
|
|
33523
|
+
});
|
|
33524
|
+
}
|
|
33553
33525
|
function LimitOperation({
|
|
33554
33526
|
rootQuery,
|
|
33555
33527
|
limit
|
|
@@ -33562,7 +33534,7 @@ function LimitOperation({
|
|
|
33562
33534
|
}
|
|
33563
33535
|
return /* @__PURE__ */ jsxs("div", {
|
|
33564
33536
|
children: [/* @__PURE__ */ jsx("div", {
|
|
33565
|
-
..._stylex.props(styles$
|
|
33537
|
+
..._stylex.props(styles$s.title),
|
|
33566
33538
|
children: "limit"
|
|
33567
33539
|
}), /* @__PURE__ */ jsxs("div", {
|
|
33568
33540
|
..._stylex.props(hoverStyles.main),
|
|
@@ -33612,10 +33584,10 @@ function OrderByOperations({
|
|
|
33612
33584
|
}
|
|
33613
33585
|
return /* @__PURE__ */ jsxs("div", {
|
|
33614
33586
|
children: [/* @__PURE__ */ jsx("div", {
|
|
33615
|
-
..._stylex.props(styles$
|
|
33587
|
+
..._stylex.props(styles$s.title),
|
|
33616
33588
|
children: "order by"
|
|
33617
33589
|
}), /* @__PURE__ */ jsx("div", {
|
|
33618
|
-
..._stylex.props(styles$
|
|
33590
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
33619
33591
|
children: orderBys.map((orderBy) => {
|
|
33620
33592
|
const {
|
|
33621
33593
|
fieldReference
|
|
@@ -34136,7 +34108,7 @@ function NestOperations({
|
|
|
34136
34108
|
return null;
|
|
34137
34109
|
}
|
|
34138
34110
|
return /* @__PURE__ */ jsx("div", {
|
|
34139
|
-
..._stylex.props(styles$
|
|
34111
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
34140
34112
|
children: nests.map((nest) => /* @__PURE__ */ jsx(NestOperation, {
|
|
34141
34113
|
rootQuery,
|
|
34142
34114
|
view,
|
|
@@ -34412,7 +34384,6 @@ function Query({
|
|
|
34412
34384
|
onCurrentNestQueryPanelChange == null ? void 0 : onCurrentNestQueryPanelChange(null);
|
|
34413
34385
|
onCurrentNestViewChange == null ? void 0 : onCurrentNestViewChange(null);
|
|
34414
34386
|
};
|
|
34415
|
-
const canEditViz = query.definition instanceof ASTSegmentViewDefinition;
|
|
34416
34387
|
return /* @__PURE__ */ jsx("div", {
|
|
34417
34388
|
onPointerDownCapture: focusMainQueryPanel,
|
|
34418
34389
|
children: /* @__PURE__ */ jsxs(CollapsiblePanel, {
|
|
@@ -34461,7 +34432,7 @@ function Query({
|
|
|
34461
34432
|
flexDirection: "column",
|
|
34462
34433
|
gap: 8
|
|
34463
34434
|
},
|
|
34464
|
-
children: [!query.isEmpty() &&
|
|
34435
|
+
children: [!query.isEmpty() && /* @__PURE__ */ jsx(Visualization$1, {
|
|
34465
34436
|
rootQuery,
|
|
34466
34437
|
view: query
|
|
34467
34438
|
}), /* @__PURE__ */ jsx(ViewDefinition, {
|
|
@@ -34495,9 +34466,9 @@ function Source({
|
|
|
34495
34466
|
}) {
|
|
34496
34467
|
if (rootQuery.definition instanceof ASTArrowQueryDefinition) {
|
|
34497
34468
|
return /* @__PURE__ */ jsx("div", {
|
|
34498
|
-
..._stylex.props(styles$
|
|
34469
|
+
..._stylex.props(styles$s.queryCard, styles$b.content),
|
|
34499
34470
|
children: /* @__PURE__ */ jsxs("div", {
|
|
34500
|
-
..._stylex.props(styles$
|
|
34471
|
+
..._stylex.props(styles$s.labelWithIcon),
|
|
34501
34472
|
children: [/* @__PURE__ */ jsx(Icon, {
|
|
34502
34473
|
name: "database"
|
|
34503
34474
|
}), /* @__PURE__ */ jsx("div", {
|
|
@@ -34656,8 +34627,128 @@ const styles$a = {
|
|
|
34656
34627
|
$$css: true
|
|
34657
34628
|
}
|
|
34658
34629
|
};
|
|
34630
|
+
function FilterLiteralEditor({
|
|
34631
|
+
filterType,
|
|
34632
|
+
value,
|
|
34633
|
+
setValue
|
|
34634
|
+
}) {
|
|
34635
|
+
let filter = null;
|
|
34636
|
+
switch (filterType) {
|
|
34637
|
+
case "string_type":
|
|
34638
|
+
{
|
|
34639
|
+
const {
|
|
34640
|
+
parsed
|
|
34641
|
+
} = StringFilterExpression.parse(value.filter_expression_value);
|
|
34642
|
+
filter = {
|
|
34643
|
+
kind: "string",
|
|
34644
|
+
parsed
|
|
34645
|
+
};
|
|
34646
|
+
}
|
|
34647
|
+
break;
|
|
34648
|
+
case "number_type":
|
|
34649
|
+
{
|
|
34650
|
+
const {
|
|
34651
|
+
parsed
|
|
34652
|
+
} = NumberFilterExpression.parse(value.filter_expression_value);
|
|
34653
|
+
filter = {
|
|
34654
|
+
kind: "number",
|
|
34655
|
+
parsed
|
|
34656
|
+
};
|
|
34657
|
+
}
|
|
34658
|
+
break;
|
|
34659
|
+
case "boolean_type":
|
|
34660
|
+
{
|
|
34661
|
+
const {
|
|
34662
|
+
parsed
|
|
34663
|
+
} = BooleanFilterExpression.parse(value.filter_expression_value);
|
|
34664
|
+
filter = {
|
|
34665
|
+
kind: "boolean",
|
|
34666
|
+
parsed
|
|
34667
|
+
};
|
|
34668
|
+
}
|
|
34669
|
+
break;
|
|
34670
|
+
case "date_type":
|
|
34671
|
+
{
|
|
34672
|
+
const {
|
|
34673
|
+
parsed
|
|
34674
|
+
} = TemporalFilterExpression.parse(value.filter_expression_value);
|
|
34675
|
+
filter = {
|
|
34676
|
+
kind: "date",
|
|
34677
|
+
parsed
|
|
34678
|
+
};
|
|
34679
|
+
}
|
|
34680
|
+
break;
|
|
34681
|
+
case "timestamp_type":
|
|
34682
|
+
{
|
|
34683
|
+
const {
|
|
34684
|
+
parsed
|
|
34685
|
+
} = TemporalFilterExpression.parse(value.filter_expression_value);
|
|
34686
|
+
filter = {
|
|
34687
|
+
kind: "timestamp",
|
|
34688
|
+
parsed
|
|
34689
|
+
};
|
|
34690
|
+
}
|
|
34691
|
+
break;
|
|
34692
|
+
}
|
|
34693
|
+
const {
|
|
34694
|
+
op,
|
|
34695
|
+
value: filterValue
|
|
34696
|
+
} = parsedToLabels(filter, value.filter_expression_value);
|
|
34697
|
+
const label = `${op} ${filterValue}`;
|
|
34698
|
+
const fieldInfo = {
|
|
34699
|
+
kind: "dimension",
|
|
34700
|
+
name: "parameter",
|
|
34701
|
+
type: {
|
|
34702
|
+
kind: filterType
|
|
34703
|
+
}
|
|
34704
|
+
};
|
|
34705
|
+
const setFilter = (parsed) => {
|
|
34706
|
+
switch (parsed.kind) {
|
|
34707
|
+
case "string":
|
|
34708
|
+
setValue({
|
|
34709
|
+
kind: "filter_expression_literal",
|
|
34710
|
+
filter_expression_value: StringFilterExpression.unparse(parsed.parsed)
|
|
34711
|
+
});
|
|
34712
|
+
break;
|
|
34713
|
+
case "boolean":
|
|
34714
|
+
setValue({
|
|
34715
|
+
kind: "filter_expression_literal",
|
|
34716
|
+
filter_expression_value: BooleanFilterExpression.unparse(parsed.parsed)
|
|
34717
|
+
});
|
|
34718
|
+
break;
|
|
34719
|
+
case "number":
|
|
34720
|
+
setValue({
|
|
34721
|
+
kind: "filter_expression_literal",
|
|
34722
|
+
filter_expression_value: NumberFilterExpression.unparse(parsed.parsed)
|
|
34723
|
+
});
|
|
34724
|
+
break;
|
|
34725
|
+
case "date":
|
|
34726
|
+
case "timestamp":
|
|
34727
|
+
setValue({
|
|
34728
|
+
kind: "filter_expression_literal",
|
|
34729
|
+
filter_expression_value: TemporalFilterExpression.unparse(parsed.parsed)
|
|
34730
|
+
});
|
|
34731
|
+
break;
|
|
34732
|
+
}
|
|
34733
|
+
};
|
|
34734
|
+
return /* @__PURE__ */ jsx(FilterPopover, {
|
|
34735
|
+
fieldInfo,
|
|
34736
|
+
path: [],
|
|
34737
|
+
filter,
|
|
34738
|
+
setFilter,
|
|
34739
|
+
trigger: /* @__PURE__ */ jsx(Token, {
|
|
34740
|
+
label
|
|
34741
|
+
}),
|
|
34742
|
+
layoutProps: {
|
|
34743
|
+
align: "start",
|
|
34744
|
+
side: "bottom",
|
|
34745
|
+
sideOffset: 1
|
|
34746
|
+
}
|
|
34747
|
+
});
|
|
34748
|
+
}
|
|
34659
34749
|
function LiteralValueEditor({
|
|
34660
34750
|
value,
|
|
34751
|
+
filterType,
|
|
34661
34752
|
setValue,
|
|
34662
34753
|
customStyle
|
|
34663
34754
|
}) {
|
|
@@ -34712,12 +34803,10 @@ function LiteralValueEditor({
|
|
|
34712
34803
|
customStyle
|
|
34713
34804
|
});
|
|
34714
34805
|
case "filter_expression_literal":
|
|
34715
|
-
return /* @__PURE__ */ jsx(
|
|
34716
|
-
value
|
|
34717
|
-
|
|
34718
|
-
|
|
34719
|
-
filter_expression_value: value2
|
|
34720
|
-
}),
|
|
34806
|
+
return /* @__PURE__ */ jsx(FilterLiteralEditor, {
|
|
34807
|
+
value,
|
|
34808
|
+
filterType,
|
|
34809
|
+
setValue,
|
|
34721
34810
|
customStyle
|
|
34722
34811
|
});
|
|
34723
34812
|
}
|
|
@@ -34748,6 +34837,7 @@ function Parameters({
|
|
|
34748
34837
|
icon: atomicTypeToIcon(parameter.type.kind),
|
|
34749
34838
|
label: parameter.name
|
|
34750
34839
|
}), /* @__PURE__ */ jsx(LiteralValueEditor, {
|
|
34840
|
+
filterType: parameter.type.kind === "filter_expression_type" ? parameter.type.filter_type.kind : "string_type",
|
|
34751
34841
|
value: ((_a2 = source.tryGetParameter(parameter.name)) == null ? void 0 : _a2.parameter.value) ?? parameter.default_value,
|
|
34752
34842
|
setValue: (value) => {
|
|
34753
34843
|
source.setParameter(parameter.name, value);
|
|
@@ -35445,6 +35535,13 @@ function CopyToClipboard({
|
|
|
35445
35535
|
}
|
|
35446
35536
|
});
|
|
35447
35537
|
}
|
|
35538
|
+
var Tab = /* @__PURE__ */ function(Tab2) {
|
|
35539
|
+
Tab2["RESULTS"] = "Results";
|
|
35540
|
+
Tab2["MALLOY"] = "Malloy";
|
|
35541
|
+
Tab2["SQL"] = "SQL";
|
|
35542
|
+
Tab2["RAW_QUERY"] = "Raw Query";
|
|
35543
|
+
return Tab2;
|
|
35544
|
+
}(Tab || {});
|
|
35448
35545
|
function ResultPanel({
|
|
35449
35546
|
source,
|
|
35450
35547
|
draftQuery,
|
|
@@ -35453,32 +35550,23 @@ function ResultPanel({
|
|
|
35453
35550
|
options
|
|
35454
35551
|
}) {
|
|
35455
35552
|
var _a2, _b2, _c2;
|
|
35456
|
-
const [tab, setTab] = useState(
|
|
35457
|
-
"Malloy"
|
|
35458
|
-
/* MALLOY */
|
|
35459
|
-
);
|
|
35553
|
+
const [tab, setTab] = useState(Tab.MALLOY);
|
|
35460
35554
|
const malloyText = (_a2 = useQueryBuilder(source, draftQuery)) == null ? void 0 : _a2.toMalloy();
|
|
35461
35555
|
const views = source.schema.fields.filter((f2) => f2.kind === "view");
|
|
35462
35556
|
const submittedQueryExists = submittedQuery !== void 0;
|
|
35463
|
-
if (!submittedQueryExists && (tab ===
|
|
35464
|
-
setTab(
|
|
35465
|
-
"Malloy"
|
|
35466
|
-
/* MALLOY */
|
|
35467
|
-
);
|
|
35557
|
+
if (!submittedQueryExists && (tab === Tab.RESULTS || tab === Tab.SQL)) {
|
|
35558
|
+
setTab(Tab.MALLOY);
|
|
35468
35559
|
}
|
|
35469
35560
|
useEffect(() => {
|
|
35470
|
-
setTab(
|
|
35471
|
-
"Results"
|
|
35472
|
-
/* RESULTS */
|
|
35473
|
-
);
|
|
35561
|
+
setTab(Tab.RESULTS);
|
|
35474
35562
|
}, [submittedQuery]);
|
|
35475
35563
|
const clipboardText = (() => {
|
|
35476
35564
|
var _a3, _b3;
|
|
35477
|
-
if (tab ===
|
|
35565
|
+
if (tab === Tab.MALLOY && malloyText) {
|
|
35478
35566
|
return malloyText;
|
|
35479
|
-
} else if (tab ===
|
|
35567
|
+
} else if (tab === Tab.SQL && ((_b3 = (_a3 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _a3.result) == null ? void 0 : _b3.sql)) {
|
|
35480
35568
|
return submittedQuery.response.result.sql;
|
|
35481
|
-
} else if (tab ===
|
|
35569
|
+
} else if (tab === Tab.RAW_QUERY) {
|
|
35482
35570
|
return JSON.stringify(draftQuery);
|
|
35483
35571
|
}
|
|
35484
35572
|
return null;
|
|
@@ -35496,31 +35584,27 @@ function ResultPanel({
|
|
|
35496
35584
|
className: "mly78zum5 mly6s0dn4 mly167g77z"
|
|
35497
35585
|
},
|
|
35498
35586
|
children: [/* @__PURE__ */ jsx(Trigger, {
|
|
35499
|
-
value:
|
|
35587
|
+
value: Tab.RESULTS,
|
|
35500
35588
|
disabled: !submittedQueryExists,
|
|
35501
35589
|
..._stylex.props(fontStyles.body, styles$3.tab, !submittedQueryExists && styles$3.disabledTab),
|
|
35502
35590
|
title: !submittedQueryExists ? "Run a query to see the results." : void 0,
|
|
35503
|
-
children:
|
|
35504
|
-
/* RESULTS */
|
|
35591
|
+
children: Tab.RESULTS
|
|
35505
35592
|
}), /* @__PURE__ */ jsx(Trigger, {
|
|
35506
|
-
value:
|
|
35593
|
+
value: Tab.MALLOY,
|
|
35507
35594
|
..._stylex.props(fontStyles.body, styles$3.tab),
|
|
35508
|
-
children:
|
|
35509
|
-
/* MALLOY */
|
|
35595
|
+
children: Tab.MALLOY
|
|
35510
35596
|
}), /* @__PURE__ */ jsx(Trigger, {
|
|
35511
|
-
value:
|
|
35597
|
+
value: Tab.SQL,
|
|
35512
35598
|
disabled: !submittedQueryExists,
|
|
35513
35599
|
..._stylex.props(fontStyles.body, styles$3.tab, !submittedQueryExists && styles$3.disabledTab),
|
|
35514
35600
|
title: !submittedQueryExists ? "Run a query to see generated SQL." : void 0,
|
|
35515
|
-
children:
|
|
35516
|
-
/* SQL */
|
|
35601
|
+
children: Tab.SQL
|
|
35517
35602
|
}), (options == null ? void 0 : options.showRawQuery) && /* @__PURE__ */ jsx(Trigger, {
|
|
35518
|
-
value:
|
|
35603
|
+
value: Tab.RAW_QUERY,
|
|
35519
35604
|
..._stylex.props(fontStyles.body, styles$3.tab),
|
|
35520
|
-
children:
|
|
35521
|
-
/* RAW_QUERY */
|
|
35605
|
+
children: Tab.RAW_QUERY
|
|
35522
35606
|
})]
|
|
35523
|
-
}), tab !==
|
|
35607
|
+
}), tab !== Tab.RESULTS && clipboardText && /* @__PURE__ */ jsx(CopyToClipboard, {
|
|
35524
35608
|
text: clipboardText,
|
|
35525
35609
|
label: "Copy Code"
|
|
35526
35610
|
})]
|
|
@@ -35529,7 +35613,7 @@ function ResultPanel({
|
|
|
35529
35613
|
className: "mly1iyjqo2 mlyb3r6kr"
|
|
35530
35614
|
},
|
|
35531
35615
|
children: [/* @__PURE__ */ jsx(Content, {
|
|
35532
|
-
value:
|
|
35616
|
+
value: Tab.RESULTS,
|
|
35533
35617
|
...{
|
|
35534
35618
|
className: "mlyc7ga6q mlyh8yej3 mly5yr21d mly9f619"
|
|
35535
35619
|
},
|
|
@@ -35558,7 +35642,7 @@ function ResultPanel({
|
|
|
35558
35642
|
})]
|
|
35559
35643
|
})
|
|
35560
35644
|
}), /* @__PURE__ */ jsx(Content, {
|
|
35561
|
-
value:
|
|
35645
|
+
value: Tab.MALLOY,
|
|
35562
35646
|
...{
|
|
35563
35647
|
className: "mlywp4ipm mlyh8yej3 mly5yr21d mly9f619"
|
|
35564
35648
|
},
|
|
@@ -35567,7 +35651,7 @@ function ResultPanel({
|
|
|
35567
35651
|
language: "malloy"
|
|
35568
35652
|
})
|
|
35569
35653
|
}), /* @__PURE__ */ jsx(Content, {
|
|
35570
|
-
value:
|
|
35654
|
+
value: Tab.SQL,
|
|
35571
35655
|
...{
|
|
35572
35656
|
className: "mlywp4ipm mlyh8yej3 mly5yr21d mly9f619"
|
|
35573
35657
|
},
|
|
@@ -35576,7 +35660,7 @@ function ResultPanel({
|
|
|
35576
35660
|
language: "sql"
|
|
35577
35661
|
})
|
|
35578
35662
|
}), (options == null ? void 0 : options.showRawQuery) && /* @__PURE__ */ jsx(Content, {
|
|
35579
|
-
value:
|
|
35663
|
+
value: Tab.RAW_QUERY,
|
|
35580
35664
|
...{
|
|
35581
35665
|
className: "mlywp4ipm mlyh8yej3 mly5yr21d mly9f619"
|
|
35582
35666
|
},
|