@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/cjs/index.cjs
CHANGED
|
@@ -19,6 +19,7 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
19
19
|
const React = require("react");
|
|
20
20
|
const QB = require("@malloydata/malloy-query-builder");
|
|
21
21
|
const malloyTag = require("@malloydata/malloy-tag");
|
|
22
|
+
const malloyFilter = require("@malloydata/malloy-filter");
|
|
22
23
|
require("@malloydata/render/webcomponent");
|
|
23
24
|
const ReactDOM = require("react-dom");
|
|
24
25
|
function _interopNamespaceDefault(e) {
|
|
@@ -3684,47 +3685,38 @@ const fontStyles = {
|
|
|
3684
3685
|
lineHeight: "mly1d3mw78",
|
|
3685
3686
|
letterSpacing: "mly1gu5id8",
|
|
3686
3687
|
$$css: true
|
|
3687
|
-
},
|
|
3688
|
-
tooltipText: {
|
|
3689
|
-
fontFamily: "mly1rj5sg5",
|
|
3690
|
-
color: "mly1rs82da",
|
|
3691
|
-
fontSize: "mlyif65rj",
|
|
3692
|
-
fontStyle: "mly1j61x8r",
|
|
3693
|
-
fontWeight: "mlyo1l8bm",
|
|
3694
|
-
lineHeight: "mly1fc57z9",
|
|
3695
|
-
$$css: true
|
|
3696
3688
|
}
|
|
3697
3689
|
};
|
|
3698
|
-
const SvgChevronDown = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width:
|
|
3699
|
-
const SvgChevronLeft = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3700
|
-
const SvgChevronRight = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3690
|
+
const SvgChevronDown = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "cahevron_down", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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) " })));
|
|
3691
|
+
const SvgChevronLeft = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "chevron_left", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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) " })));
|
|
3692
|
+
const SvgChevronRight = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "chevron_right", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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) " })));
|
|
3701
3693
|
const SvgCheckmark = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: 24, viewBox: "0 0 24 24", width: 24, ...props2 }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }));
|
|
3702
|
-
const SvgClear = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3694
|
+
const SvgClear = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "query_clear_hover", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("circle", { className: "circle hoverfill", fill: "transparent", cx: 55, cy: 55, r: 55 }), /* @__PURE__ */ React__namespace.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" })));
|
|
3703
3695
|
const SvgCopy = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor", ...props2 }, /* @__PURE__ */ React__namespace.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" }));
|
|
3704
|
-
const SvgInsert = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3705
|
-
const SvgInsertMeasure = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3706
|
-
const SvgInsertFilter = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3707
|
-
const SvgInsertGroupBy = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3708
|
-
const SvgInsertLimit = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3709
|
-
const SvgInsertNest = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3710
|
-
const SvgInsertOrderBy = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3711
|
-
const SvgTypeIconManyToOne = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3712
|
-
const SvgTypeIconOneToMany = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3713
|
-
const SvgTypeIconOneToOne = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3714
|
-
const SvgTypeIconDatabase = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "78px", height: "73px", viewBox: "-
|
|
3715
|
-
const SvgTypeIconNumberMeasure = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3716
|
-
const SvgTypeIconProjection = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3717
|
-
const SvgTypeIconString = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3696
|
+
const SvgInsert = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "query_add", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3697
|
+
const SvgInsertMeasure = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "insert_measure", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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__namespace.createElement("circle", { id: "Oval-Copy-21", className: "primarystroke", stroke: "currentColor", strokeWidth: 7, fillRule: "nonzero", cx: 32.0190396, cy: 23.2007668, r: 9.09652528 })));
|
|
3698
|
+
const SvgInsertFilter = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "insert_filter", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3699
|
+
const SvgInsertGroupBy = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "insert_group_by", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3700
|
+
const SvgInsertLimit = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "insert_limit", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-46", className: "primaryfill", fill: "currentColor", x: 24, y: 23, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-47", className: "primaryfill", fill: "currentColor", x: 24, y: 39, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-48", className: "primaryfill", fill: "currentColor", x: 24, y: 55, width: 53.5, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.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__namespace.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) " })));
|
|
3701
|
+
const SvgInsertNest = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "insert_nest", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3702
|
+
const SvgInsertOrderBy = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "insert_order_by", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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__namespace.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" })));
|
|
3703
|
+
const SvgTypeIconManyToOne = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("title", null, "join_icon_one_to_many"), /* @__PURE__ */ React__namespace.createElement("g", { id: "join_icon_one_to_many", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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" }))));
|
|
3704
|
+
const SvgTypeIconOneToMany = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("title", null, "join_icon_many_to_one"), /* @__PURE__ */ React__namespace.createElement("g", { id: "join_icon_many_to_one", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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__namespace.createElement("rect", { id: "Rectangle-Copy-90", fill: "currentColor", x: 4, y: 4, width: 4, height: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-89", fill: "currentColor", x: 4, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-85", fill: "currentColor", x: 17.5186005, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-84", fill: "currentColor", x: 4, y: 17.5750258, width: 4, height: 4 }), /* @__PURE__ */ React__namespace.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" })));
|
|
3705
|
+
const SvgTypeIconOneToOne = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("title", null, "join_icon_one_to_one"), /* @__PURE__ */ React__namespace.createElement("g", { id: "join_icon_one_to_one", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-89", fill: "currentColor", x: 4, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-85", fill: "currentColor", x: 17.5186005, y: 10.7362273, width: 4, height: 4 }), /* @__PURE__ */ React__namespace.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" })));
|
|
3706
|
+
const SvgTypeIconDatabase = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("title", null, "database_b"), /* @__PURE__ */ React__namespace.createElement("g", { id: "icons", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "database_b", transform: "translate(-0.000189, 0.800000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Shape-2" }, /* @__PURE__ */ React__namespace.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" })))));
|
|
3707
|
+
const SvgTypeIconNumberMeasure = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-number", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3708
|
+
const SvgTypeIconProjection = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-projection", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3709
|
+
const SvgTypeIconString = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-string", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3718
3710
|
const SvgTypeIconArray = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height: 15, viewBox: "0 0 15 15", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.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" }));
|
|
3719
|
-
const SvgTypeIconOnOff = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3720
|
-
const SvgTypeIconDate = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3711
|
+
const SvgTypeIconOnOff = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-on-off", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group-Copy", transform: "translate(4.295444, 4.604157)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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" }))));
|
|
3712
|
+
const SvgTypeIconDate = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-date", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group-Copy-22", transform: "translate(4.753763, 4.094719)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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" }))));
|
|
3721
3713
|
const SvgTypeIconJson = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height: 15, viewBox: "0 0 15 15", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.createElement("g", { clipRule: "evenodd", fill: "currentColor", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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__namespace.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" })));
|
|
3722
|
-
const SvgTypeIconNumber = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3723
|
-
const SvgTypeIconQuery = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3724
|
-
const SvgTypeIconQueryFilled = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "
|
|
3725
|
-
const SvgTypeIconSqlNative = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height:
|
|
3714
|
+
const SvgTypeIconNumber = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-number", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3715
|
+
const SvgTypeIconQuery = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-projection", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3716
|
+
const SvgTypeIconQueryFilled = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "type-icon-projection", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3717
|
+
const SvgTypeIconSqlNative = (props2) => /* @__PURE__ */ React__namespace.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__namespace.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" }));
|
|
3726
3718
|
const SvgMeatballs = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height: 15, viewBox: "0 0 15 15", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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" })));
|
|
3727
|
-
const SvgPlay = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height:
|
|
3719
|
+
const SvgPlay = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height: 110, viewBox: "3 3 9 9", width: 15, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.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" }));
|
|
3728
3720
|
const SvgRadioChecked = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { height: 16, viewBox: "0 0 16 16", width: 16, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 8, r: 8, fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 8, r: 4, fill: "#FFFFFF" }));
|
|
3729
3721
|
const SvgRadioUnchecked = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { height: 16, viewBox: "0 0 16 16", width: 16, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 8, r: 8, fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("circle", { cx: 8, cy: 8, r: 7, fill: "#FFFFFF" }));
|
|
3730
3722
|
const SvgWarning = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor", ...props2 }, /* @__PURE__ */ React__namespace.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" }));
|
|
@@ -3734,27 +3726,27 @@ const SvgError = (props2) => /* @__PURE__ */ React__namespace.createElement("svg
|
|
|
3734
3726
|
const SvgRefresh = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { height: 20, viewBox: "0 0 20 20", width: 20, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.createElement("g", { fill: "none", stroke: "currentColor" }, /* @__PURE__ */ React__namespace.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__namespace.createElement("path", { d: "m9.9 2 2.89 2.89-3 3.01" })));
|
|
3735
3727
|
const SvgSidebarCollapse = (props2) => /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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" }));
|
|
3736
3728
|
const SvgFilterSliders = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { fill: "none", height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.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 }));
|
|
3737
|
-
const SvgVizBarChart = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3738
|
-
const SvgVizBoolean = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3739
|
-
const SvgVizColumnChart = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3740
|
-
const SvgVizCurrency = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3741
|
-
const SvgVizDashboard = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3742
|
-
const SvgVizImage = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3743
|
-
const SvgVizJson = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3744
|
-
const SvgVizLine = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3745
|
-
const SvgVizLink = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3746
|
-
const SvgVizList = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3747
|
-
const SvgVizListDetail = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3748
|
-
const SvgVizMapPoints = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3749
|
-
const SvgVizMapSegment = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3750
|
-
const SvgVizMapShape = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3751
|
-
const SvgVizNumber = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3752
|
-
const SvgVizPercent = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3753
|
-
const SvgVizScatter = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3729
|
+
const SvgVizBarChart = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_bar_chart", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group-3", transform: "translate(20.000000, 24.000000)", fill: "currentColor" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.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) " })))));
|
|
3730
|
+
const SvgVizBoolean = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_boolean", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "noun_switch_3350414-2", transform: "translate(20.000000, 22.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "noun_switch_3350414" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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" })))));
|
|
3731
|
+
const SvgVizColumnChart = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_column_chart", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group", transform: "translate(23.500000, 19.500000)", fill: "currentColor" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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) " }))));
|
|
3732
|
+
const SvgVizCurrency = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_currency", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group", transform: "translate(19.000000, 19.000000)" }, /* @__PURE__ */ React__namespace.createElement("circle", { id: "Oval", stroke: "currentColor", strokeWidth: 7, cx: 36, cy: 36, r: 32.5 }), /* @__PURE__ */ React__namespace.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__namespace.createElement("line", { x1: 36, y1: 14, x2: 36, y2: 21, id: "Line-Copy-4", stroke: "currentColor", strokeWidth: 5 }), /* @__PURE__ */ React__namespace.createElement("line", { x1: 36, y1: 52, x2: 36, y2: 59, id: "Line-Copy-5", stroke: "currentColor", strokeWidth: 5 })), /* @__PURE__ */ React__namespace.createElement("g", { id: "S", transform: "translate(43.412500, 37.060000)" })));
|
|
3733
|
+
const SvgVizDashboard = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_dashboard", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "dashboard_black_24dp", transform: "translate(13.000000, 13.000000)" }, /* @__PURE__ */ React__namespace.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__namespace.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" }))));
|
|
3734
|
+
const SvgVizImage = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_image", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3735
|
+
const SvgVizJson = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_json", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "{;}", transform: "translate(24.000000, 22.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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__namespace.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" }))));
|
|
3736
|
+
const SvgVizLine = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_line", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3737
|
+
const SvgVizLink = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_link", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "link_black_24dp", transform: "translate(5.000000, 5.000000)" }, /* @__PURE__ */ React__namespace.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__namespace.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" }))));
|
|
3738
|
+
const SvgVizList = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_list", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-58", fill: "currentColor", x: 24.1587742, y: 27, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-61", fill: "currentColor", x: 24.1587742, y: 43, width: 61.9377906, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-64", fill: "currentColor", x: 24.1587742, y: 59, width: 62, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-65", fill: "currentColor", x: 24.1587742, y: 75.1904762, width: 62, height: 7.61904762, rx: 3.80952381 })));
|
|
3739
|
+
const SvgVizListDetail = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_list_detail", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-58", fill: "currentColor", x: 22.1587742, y: 27, width: 15.983946, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-59", fill: "currentColor", x: 44.1587742, y: 27, width: 43.9558514, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-61", fill: "currentColor", x: 22.1587742, y: 43, width: 15.983946, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-62", fill: "currentColor", x: 44.1587742, y: 43, width: 43.9558514, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-64", fill: "currentColor", x: 22.1587742, y: 59, width: 16, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-66", fill: "currentColor", x: 44.1587742, y: 59, width: 44, height: 8, rx: 4 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-65", fill: "currentColor", x: 22.1587742, y: 75.1904762, width: 16, height: 7.61904762, rx: 3.80952381 }), /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy-67", fill: "currentColor", x: 44.1587742, y: 75.1904762, width: 44, height: 7.61904762, rx: 3.80952381 })));
|
|
3740
|
+
const SvgVizMapPoints = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_map_points", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group-Copy-36", transform: "translate(30.000000, 19.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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__namespace.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" }))));
|
|
3741
|
+
const SvgVizMapSegment = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_map_segment", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group-Copy-36", transform: "translate(11.000000, 27.000000)", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.createElement("g", { id: "Group-Copy-37", transform: "translate(62.000000, 27.000000)", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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" })));
|
|
3742
|
+
const SvgVizMapShape = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_map_shape", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "noun-world-4667432-2", transform: "translate(19.000000, 19.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "noun-world-4667432" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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" })))));
|
|
3743
|
+
const SvgVizNumber = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_number", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group", transform: "translate(20.000000, 20.000000)", fill: "currentColor" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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__namespace.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) " }))));
|
|
3744
|
+
const SvgVizPercent = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_percent", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "%-copy-5", transform: "translate(19.000000, 22.000000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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" }))));
|
|
3745
|
+
const SvgVizScatter = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_scatter", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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" })));
|
|
3754
3746
|
const SvgVizSparkline = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_sparkline", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3755
|
-
const SvgVizTable = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3756
|
-
const SvgVizText = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3757
|
-
const SvgVizTime = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "110px", height: "110px", viewBox: "
|
|
3747
|
+
const SvgVizTable = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_table", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.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" })));
|
|
3748
|
+
const SvgVizText = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_text", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("rect", { id: "Rectangle-Copy", stroke: "currentColor", strokeWidth: 6, x: 15.5, y: 35, width: 79, height: 40, rx: 5 }), /* @__PURE__ */ React__namespace.createElement("g", { id: "abc", transform: "translate(33.090000, 44.134000)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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" }))));
|
|
3749
|
+
const SvgVizTime = (props2) => /* @__PURE__ */ React__namespace.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__namespace.createElement("g", { id: "viz_time", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ React__namespace.createElement("g", { id: "Group-Copy-19", transform: "translate(51.307692, 36.538462)", fill: "currentColor", fillRule: "nonzero" }, /* @__PURE__ */ React__namespace.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__namespace.createElement("circle", { id: "Oval", stroke: "currentColor", strokeWidth: 7, cx: 55, cy: 55, r: 32.5 })));
|
|
3758
3750
|
const SvgSearch = (props2) => /* @__PURE__ */ React__namespace.createElement("svg", { height: 56, viewBox: "0 0 56 56", width: 56, xmlns: "http://www.w3.org/2000/svg", ...props2 }, /* @__PURE__ */ React__namespace.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" }));
|
|
3759
3751
|
const ICON_MAP = {
|
|
3760
3752
|
chevronDown: SvgChevronDown,
|
|
@@ -3829,7 +3821,6 @@ const ICON_MAP = {
|
|
|
3829
3821
|
viz_url: SvgVizLink,
|
|
3830
3822
|
viz_vega: SvgVizLine
|
|
3831
3823
|
};
|
|
3832
|
-
const SMALL_ICONS = ["chevronDown", "chevronLeft", "chevronRight", "database", "date", "dimension", "measure", "number", "string", "view"];
|
|
3833
3824
|
function Icon({
|
|
3834
3825
|
name,
|
|
3835
3826
|
color = "primary",
|
|
@@ -3840,10 +3831,11 @@ function Icon({
|
|
|
3840
3831
|
return null;
|
|
3841
3832
|
}
|
|
3842
3833
|
return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {
|
|
3843
|
-
..._stylex.props(styles$
|
|
3834
|
+
..._stylex.props(styles$O.main, colorVariants$3[color], customStyle),
|
|
3835
|
+
"data-testid": `icon-${color}-${name}`
|
|
3844
3836
|
});
|
|
3845
3837
|
}
|
|
3846
|
-
const styles$
|
|
3838
|
+
const styles$O = {
|
|
3847
3839
|
main: {
|
|
3848
3840
|
display: "mly1rg5ohu",
|
|
3849
3841
|
width: "mly1kky2od",
|
|
@@ -3852,10 +3844,6 @@ const styles$N = {
|
|
|
3852
3844
|
overflowX: null,
|
|
3853
3845
|
overflowY: null,
|
|
3854
3846
|
$$css: true
|
|
3855
|
-
},
|
|
3856
|
-
scaleUp: {
|
|
3857
|
-
transform: "mly1fuxgwz",
|
|
3858
|
-
$$css: true
|
|
3859
3847
|
}
|
|
3860
3848
|
};
|
|
3861
3849
|
const colorVariants$3 = {
|
|
@@ -3916,17 +3904,18 @@ function Badge({
|
|
|
3916
3904
|
customStyle
|
|
3917
3905
|
}) {
|
|
3918
3906
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
3919
|
-
..._stylex.props(styles$
|
|
3907
|
+
..._stylex.props(styles$N.main, colorVariants$2[color], customStyle),
|
|
3920
3908
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
3921
3909
|
color,
|
|
3922
3910
|
name: icon
|
|
3923
3911
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
3924
|
-
|
|
3912
|
+
"data-testid": "badge-label",
|
|
3913
|
+
..._stylex.props(fontStyles.badge, styles$N.label),
|
|
3925
3914
|
children: label
|
|
3926
3915
|
})]
|
|
3927
3916
|
});
|
|
3928
3917
|
}
|
|
3929
|
-
const styles$
|
|
3918
|
+
const styles$N = {
|
|
3930
3919
|
main: {
|
|
3931
3920
|
display: "mly3nfvp2",
|
|
3932
3921
|
height: "mly1qx5ct2",
|
|
@@ -4008,10 +3997,10 @@ function Divider({
|
|
|
4008
3997
|
customStyle
|
|
4009
3998
|
}) {
|
|
4010
3999
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
4011
|
-
..._stylex.props(styles$
|
|
4000
|
+
..._stylex.props(styles$M.main, orientationVariants[orientation], customStyle)
|
|
4012
4001
|
});
|
|
4013
4002
|
}
|
|
4014
|
-
const styles$
|
|
4003
|
+
const styles$M = {
|
|
4015
4004
|
main: {
|
|
4016
4005
|
background: "mly1xnbgy5",
|
|
4017
4006
|
backgroundAttachment: null,
|
|
@@ -4817,7 +4806,7 @@ function Button({
|
|
|
4817
4806
|
...props2
|
|
4818
4807
|
}) {
|
|
4819
4808
|
const button = /* @__PURE__ */ jsxRuntime.jsxs("button", {
|
|
4820
|
-
..._stylex.props(styles$
|
|
4809
|
+
..._stylex.props(styles$L.main, colorVariants$1[variant], sizeVariants$1[size2], customStyle),
|
|
4821
4810
|
type: "button",
|
|
4822
4811
|
disabled: isDisabled,
|
|
4823
4812
|
...props2,
|
|
@@ -4827,9 +4816,9 @@ function Button({
|
|
|
4827
4816
|
},
|
|
4828
4817
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
4829
4818
|
name: icon,
|
|
4830
|
-
customStyle: styles$
|
|
4819
|
+
customStyle: styles$L.icon
|
|
4831
4820
|
}), label && /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
4832
|
-
..._stylex.props(variant === "primary" ? fontStyles.emphasized : fontStyles.body, styles$
|
|
4821
|
+
..._stylex.props(variant === "primary" ? fontStyles.emphasized : fontStyles.body, styles$L.label),
|
|
4833
4822
|
children: label
|
|
4834
4823
|
})]
|
|
4835
4824
|
}), isDisabled && /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
@@ -4856,7 +4845,7 @@ function Button({
|
|
|
4856
4845
|
return button;
|
|
4857
4846
|
}
|
|
4858
4847
|
}
|
|
4859
|
-
const styles$
|
|
4848
|
+
const styles$L = {
|
|
4860
4849
|
main: {
|
|
4861
4850
|
display: "mly3nfvp2",
|
|
4862
4851
|
flexDirection: "mlydt5ytf",
|
|
@@ -5107,7 +5096,7 @@ function Token({
|
|
|
5107
5096
|
}) {
|
|
5108
5097
|
const isInteractive = onClick !== void 0 || asButtonTrigger;
|
|
5109
5098
|
const token2 = /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
5110
|
-
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], !isInteractive && styles$
|
|
5099
|
+
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], !isInteractive && styles$K.nonInteractive, customStyle),
|
|
5111
5100
|
...dragProps == null ? void 0 : dragProps.attributes,
|
|
5112
5101
|
...dragProps == null ? void 0 : dragProps.listeners,
|
|
5113
5102
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
@@ -5144,7 +5133,7 @@ function Token({
|
|
|
5144
5133
|
})]
|
|
5145
5134
|
}) : token2;
|
|
5146
5135
|
}
|
|
5147
|
-
const styles$
|
|
5136
|
+
const styles$K = {
|
|
5148
5137
|
nonInteractive: {
|
|
5149
5138
|
cursor: "mlyt0e3qv",
|
|
5150
5139
|
background: "mly1np9qvj",
|
|
@@ -5168,7 +5157,7 @@ function TokenGroup({
|
|
|
5168
5157
|
}) {
|
|
5169
5158
|
const count2 = React__namespace.Children.count(children);
|
|
5170
5159
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
5171
|
-
..._stylex.props(styles$
|
|
5160
|
+
..._stylex.props(styles$J.main, customStyle),
|
|
5172
5161
|
children: React__namespace.Children.map(children, (child, index2) => /* @__PURE__ */ React__namespace.cloneElement(child, {
|
|
5173
5162
|
customStyle: {
|
|
5174
5163
|
...child.props.customStyle,
|
|
@@ -5179,16 +5168,16 @@ function TokenGroup({
|
|
|
5179
5168
|
});
|
|
5180
5169
|
}
|
|
5181
5170
|
const getChildStyle = (index2, count2) => {
|
|
5182
|
-
if (count2 === 1) return styles$
|
|
5183
|
-
if (index2 === 0) return styles$
|
|
5184
|
-
if (index2 === count2 - 1) return styles$
|
|
5185
|
-
return styles$
|
|
5171
|
+
if (count2 === 1) return styles$J.onlyChild;
|
|
5172
|
+
if (index2 === 0) return styles$J.firstChild;
|
|
5173
|
+
if (index2 === count2 - 1) return styles$J.lastChild;
|
|
5174
|
+
return styles$J.innerChild;
|
|
5186
5175
|
};
|
|
5187
5176
|
const getTokenColor = (child, groupColor) => {
|
|
5188
5177
|
const childColor = child.props.color;
|
|
5189
5178
|
return childColor === void 0 ? groupColor : childColor;
|
|
5190
5179
|
};
|
|
5191
|
-
const styles$
|
|
5180
|
+
const styles$J = {
|
|
5192
5181
|
main: {
|
|
5193
5182
|
display: "mlyrvj5dj",
|
|
5194
5183
|
gridAutoFlow: "mly1mt1orb",
|
|
@@ -5260,7 +5249,7 @@ function ErrorIcon({
|
|
|
5260
5249
|
},
|
|
5261
5250
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
5262
5251
|
name: "warning",
|
|
5263
|
-
customStyle: styles$
|
|
5252
|
+
customStyle: styles$I.errorIcon
|
|
5264
5253
|
})
|
|
5265
5254
|
})
|
|
5266
5255
|
}), /* @__PURE__ */ jsxRuntime.jsx(TooltipPortal, {
|
|
@@ -5273,7 +5262,7 @@ function ErrorIcon({
|
|
|
5273
5262
|
})]
|
|
5274
5263
|
});
|
|
5275
5264
|
}
|
|
5276
|
-
const styles$
|
|
5265
|
+
const styles$I = {
|
|
5277
5266
|
errorIcon: {
|
|
5278
5267
|
color: "mly1e2nbdu",
|
|
5279
5268
|
$$css: true
|
|
@@ -5318,22 +5307,22 @@ function EditableToken({
|
|
|
5318
5307
|
className: "mly78zum5 mly6s0dn4"
|
|
5319
5308
|
},
|
|
5320
5309
|
children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
5321
|
-
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], isFocused && styles$
|
|
5310
|
+
..._stylex.props(tokenStyles.main, tokenColorVariants[color], tokenSizeVariants[size2], isFocused && styles$H.focused, !!errorMessage && styles$H.hasError, customStyle),
|
|
5322
5311
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
5323
5312
|
name: icon,
|
|
5324
|
-
customStyle: styles$
|
|
5313
|
+
customStyle: styles$H.icon
|
|
5325
5314
|
}), /* @__PURE__ */ jsxRuntime.jsxs("span", {
|
|
5326
5315
|
...{
|
|
5327
5316
|
className: "mlywz0xwf"
|
|
5328
5317
|
},
|
|
5329
5318
|
children: [/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
5330
|
-
..._stylex.props(fontStyles.body, styles$
|
|
5319
|
+
..._stylex.props(fontStyles.body, styles$H.placeholder),
|
|
5331
5320
|
style: {
|
|
5332
5321
|
whiteSpaceCollapse: "preserve"
|
|
5333
5322
|
},
|
|
5334
5323
|
children: value
|
|
5335
5324
|
}), /* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
5336
|
-
..._stylex.props(styles$
|
|
5325
|
+
..._stylex.props(styles$H.input, fontStyles.body),
|
|
5337
5326
|
ref: inputRef,
|
|
5338
5327
|
pattern: type === "number" ? "^-?[0-9.]*$" : void 0,
|
|
5339
5328
|
value,
|
|
@@ -5358,7 +5347,7 @@ function EditableToken({
|
|
|
5358
5347
|
})]
|
|
5359
5348
|
});
|
|
5360
5349
|
}
|
|
5361
|
-
const styles$
|
|
5350
|
+
const styles$H = {
|
|
5362
5351
|
focused: {
|
|
5363
5352
|
background: "mlyotlr4g",
|
|
5364
5353
|
backgroundAttachment: null,
|
|
@@ -7700,12 +7689,12 @@ function TextInput({
|
|
|
7700
7689
|
}
|
|
7701
7690
|
};
|
|
7702
7691
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
7703
|
-
..._stylex.props(styles$
|
|
7692
|
+
..._stylex.props(styles$G.main, isFocused && styles$G.focused, sizeVariants[size2], customStyle),
|
|
7704
7693
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
7705
7694
|
name: icon,
|
|
7706
7695
|
color: "secondary"
|
|
7707
7696
|
}), /* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
7708
|
-
..._stylex.props(fontStyles.body, styles$
|
|
7697
|
+
..._stylex.props(fontStyles.body, styles$G.input),
|
|
7709
7698
|
value,
|
|
7710
7699
|
placeholder,
|
|
7711
7700
|
onChange: handleChange,
|
|
@@ -7713,7 +7702,7 @@ function TextInput({
|
|
|
7713
7702
|
onBlur: handleBlur,
|
|
7714
7703
|
onKeyDown
|
|
7715
7704
|
}), hasClear && /* @__PURE__ */ jsxRuntime.jsx("button", {
|
|
7716
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
7705
|
+
..._stylex.props(fontStyles.supporting, styles$G.actionButton, value === "" && styles$G.hidden),
|
|
7717
7706
|
ref: buttonRef,
|
|
7718
7707
|
onClick: () => onChange(""),
|
|
7719
7708
|
tabIndex: 0,
|
|
@@ -7721,7 +7710,7 @@ function TextInput({
|
|
|
7721
7710
|
})]
|
|
7722
7711
|
});
|
|
7723
7712
|
}
|
|
7724
|
-
const styles$
|
|
7713
|
+
const styles$G = {
|
|
7725
7714
|
main: {
|
|
7726
7715
|
display: "mly78zum5",
|
|
7727
7716
|
alignItems: "mly6s0dn4",
|
|
@@ -7930,7 +7919,7 @@ function SelectorToken({
|
|
|
7930
7919
|
onValueChange: handleValueChange,
|
|
7931
7920
|
required: true,
|
|
7932
7921
|
children: [/* @__PURE__ */ jsxRuntime.jsxs(Trigger$3, {
|
|
7933
|
-
..._stylex.props(tokenStyles.main, styles$
|
|
7922
|
+
..._stylex.props(tokenStyles.main, styles$F.selectTrigger, tokenColorVariants[color], tokenSizeVariants[size2], fontStyles.body, tokenStyles.label, customStyle),
|
|
7934
7923
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
7935
7924
|
name: icon,
|
|
7936
7925
|
customStyle: tokenStyles.icon
|
|
@@ -7959,7 +7948,7 @@ function SelectorToken({
|
|
|
7959
7948
|
size: "compact",
|
|
7960
7949
|
icon: "search",
|
|
7961
7950
|
hasClear: true,
|
|
7962
|
-
customStyle: styles$
|
|
7951
|
+
customStyle: styles$F.searchInput,
|
|
7963
7952
|
onKeyDown: (event) => {
|
|
7964
7953
|
const excludedKeys = ["ArrowUp", "ArrowDown"];
|
|
7965
7954
|
if (!excludedKeys.includes(event.key)) {
|
|
@@ -7992,21 +7981,21 @@ function SelectItem({
|
|
|
7992
7981
|
...props2
|
|
7993
7982
|
}) {
|
|
7994
7983
|
return /* @__PURE__ */ jsxRuntime.jsxs(Item$1, {
|
|
7995
|
-
..._stylex.props(fontStyles.body, styles$
|
|
7984
|
+
..._stylex.props(fontStyles.body, styles$F.selectItem),
|
|
7996
7985
|
value,
|
|
7997
7986
|
...props2,
|
|
7998
7987
|
children: [value === selectedValue ? /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
7999
7988
|
name: "radioChecked",
|
|
8000
|
-
customStyle: styles$
|
|
7989
|
+
customStyle: styles$F.radioChecked
|
|
8001
7990
|
}) : /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
8002
7991
|
name: "radioUnchecked",
|
|
8003
|
-
customStyle: styles$
|
|
7992
|
+
customStyle: styles$F.radioUnchecked
|
|
8004
7993
|
}), /* @__PURE__ */ jsxRuntime.jsx(ItemText, {
|
|
8005
7994
|
children
|
|
8006
7995
|
})]
|
|
8007
7996
|
});
|
|
8008
7997
|
}
|
|
8009
|
-
const styles$
|
|
7998
|
+
const styles$F = {
|
|
8010
7999
|
selectTrigger: {
|
|
8011
8000
|
whiteSpace: "mlyuxw1ft",
|
|
8012
8001
|
overflow: "mlyb3r6kr",
|
|
@@ -8096,7 +8085,7 @@ function Card({
|
|
|
8096
8085
|
customStyle
|
|
8097
8086
|
}) {
|
|
8098
8087
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
8099
|
-
..._stylex.props(styles$
|
|
8088
|
+
..._stylex.props(styles$E.container, customStyle),
|
|
8100
8089
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
8101
8090
|
...{
|
|
8102
8091
|
className: "mly1717udv"
|
|
@@ -8110,7 +8099,7 @@ function Card({
|
|
|
8110
8099
|
})]
|
|
8111
8100
|
});
|
|
8112
8101
|
}
|
|
8113
|
-
const styles$
|
|
8102
|
+
const styles$E = {
|
|
8114
8103
|
container: {
|
|
8115
8104
|
display: "mly78zum5",
|
|
8116
8105
|
flexDirection: "mlydt5ytf",
|
|
@@ -8203,7 +8192,7 @@ function CollapsiblePanel({
|
|
|
8203
8192
|
},
|
|
8204
8193
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
8205
8194
|
name: icon,
|
|
8206
|
-
customStyle: styles$
|
|
8195
|
+
customStyle: styles$D.icon
|
|
8207
8196
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
8208
8197
|
...{
|
|
8209
8198
|
className: "mlyuxw1ft mlyb3r6kr mlylyipyv mlyehqz9p mly1ghz6dp mly117nqv4"
|
|
@@ -8245,7 +8234,7 @@ function CollapsiblePanel({
|
|
|
8245
8234
|
})]
|
|
8246
8235
|
});
|
|
8247
8236
|
}
|
|
8248
|
-
const styles$
|
|
8237
|
+
const styles$D = {
|
|
8249
8238
|
icon: {
|
|
8250
8239
|
$$css: true
|
|
8251
8240
|
}
|
|
@@ -8277,10 +8266,10 @@ function CollapsibleListItem({
|
|
|
8277
8266
|
className: "mly78zum5 mlydt5ytf mly1iyjqo2 mlyb3r6kr"
|
|
8278
8267
|
},
|
|
8279
8268
|
children: [/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
8280
|
-
..._stylex.props(fontStyles.body, styles$
|
|
8269
|
+
..._stylex.props(fontStyles.body, styles$C.label),
|
|
8281
8270
|
children: label
|
|
8282
8271
|
}), sublabel && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
8283
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
8272
|
+
..._stylex.props(fontStyles.supporting, styles$C.sublabel),
|
|
8284
8273
|
children: sublabel
|
|
8285
8274
|
})]
|
|
8286
8275
|
})]
|
|
@@ -8292,7 +8281,7 @@ function CollapsibleListItem({
|
|
|
8292
8281
|
})]
|
|
8293
8282
|
});
|
|
8294
8283
|
}
|
|
8295
|
-
const styles$
|
|
8284
|
+
const styles$C = {
|
|
8296
8285
|
label: {
|
|
8297
8286
|
flexGrow: "mly1iyjqo2",
|
|
8298
8287
|
fontWeight: "mly1xlr1w8",
|
|
@@ -19106,7 +19095,7 @@ function Spinner({
|
|
|
19106
19095
|
} = SIZES[size2];
|
|
19107
19096
|
const frameSize = diameter + border * 2;
|
|
19108
19097
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
19109
|
-
..._stylex.props(styles$
|
|
19098
|
+
..._stylex.props(styles$B.root, customStyle),
|
|
19110
19099
|
children: /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
19111
19100
|
"aria-valuetext": "Loading",
|
|
19112
19101
|
...{
|
|
@@ -19126,7 +19115,7 @@ function Spinner({
|
|
|
19126
19115
|
})
|
|
19127
19116
|
});
|
|
19128
19117
|
}
|
|
19129
|
-
const styles$
|
|
19118
|
+
const styles$B = {
|
|
19130
19119
|
root: {
|
|
19131
19120
|
alignItems: "mly6s0dn4",
|
|
19132
19121
|
display: "mly3nfvp2",
|
|
@@ -23524,7 +23513,7 @@ const Popover = ({
|
|
|
23524
23513
|
})
|
|
23525
23514
|
});
|
|
23526
23515
|
};
|
|
23527
|
-
const styles$
|
|
23516
|
+
const styles$A = {
|
|
23528
23517
|
wrapper: {
|
|
23529
23518
|
position: "mly1n2onr6",
|
|
23530
23519
|
$$css: true
|
|
@@ -23576,7 +23565,7 @@ const SelectDropdown = ({
|
|
|
23576
23565
|
setOpen(false);
|
|
23577
23566
|
};
|
|
23578
23567
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
23579
|
-
..._stylex.props(styles$
|
|
23568
|
+
..._stylex.props(styles$A.wrapper, customStyle),
|
|
23580
23569
|
children: [/* @__PURE__ */ jsxRuntime.jsxs("button", {
|
|
23581
23570
|
type: "button",
|
|
23582
23571
|
autoFocus,
|
|
@@ -23644,7 +23633,7 @@ function SelectList({
|
|
|
23644
23633
|
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
23645
23634
|
return /* @__PURE__ */ jsxRuntime.jsx(ScrollableArea, {
|
|
23646
23635
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
23647
|
-
..._stylex.props(styles$
|
|
23636
|
+
..._stylex.props(styles$A.selectListDiv, customStyle),
|
|
23648
23637
|
children: options.reduce((result, option2, index2) => {
|
|
23649
23638
|
const isSelected = value !== void 0 && valueEqual(value, option2.value);
|
|
23650
23639
|
if (option2.divider) {
|
|
@@ -23676,8 +23665,8 @@ function SelectList({
|
|
|
23676
23665
|
}), /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
23677
23666
|
name: "checkmark",
|
|
23678
23667
|
customStyle: {
|
|
23679
|
-
...styles$
|
|
23680
|
-
...isSelected ? styles$
|
|
23668
|
+
...styles$A.checkIcon,
|
|
23669
|
+
...isSelected ? styles$A.checkIconSelected : void 0
|
|
23681
23670
|
}
|
|
23682
23671
|
}), /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
23683
23672
|
...{
|
|
@@ -23729,7 +23718,7 @@ const DateInput = ({
|
|
|
23729
23718
|
setTempValue(hooks.utc(value).format(format2));
|
|
23730
23719
|
}, [value, format2]);
|
|
23731
23720
|
return /* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
23732
|
-
..._stylex.props(customStyle, isActive ? styles$
|
|
23721
|
+
..._stylex.props(customStyle, isActive ? styles$z.active : null),
|
|
23733
23722
|
type: "text",
|
|
23734
23723
|
placeholder: placeholder || format2,
|
|
23735
23724
|
value: tempValue,
|
|
@@ -23764,7 +23753,7 @@ function guessUnits(moment2, isDateTime) {
|
|
|
23764
23753
|
}
|
|
23765
23754
|
return isDateTime ? "second" : "day";
|
|
23766
23755
|
}
|
|
23767
|
-
const styles$
|
|
23756
|
+
const styles$z = {
|
|
23768
23757
|
active: {
|
|
23769
23758
|
backgroundColor: "mly1vzefiq",
|
|
23770
23759
|
$$css: true
|
|
@@ -23876,7 +23865,7 @@ function DatePicker({
|
|
|
23876
23865
|
});
|
|
23877
23866
|
};
|
|
23878
23867
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
23879
|
-
..._stylex.props(styles$
|
|
23868
|
+
..._stylex.props(styles$y.outer, customStyle),
|
|
23880
23869
|
ref: forwardRef,
|
|
23881
23870
|
children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
23882
23871
|
...{
|
|
@@ -24192,7 +24181,7 @@ function DatePicker({
|
|
|
24192
24181
|
})]
|
|
24193
24182
|
});
|
|
24194
24183
|
}
|
|
24195
|
-
const styles$
|
|
24184
|
+
const styles$y = {
|
|
24196
24185
|
outer: {
|
|
24197
24186
|
userSelect: "mly87ps6o",
|
|
24198
24187
|
fontSize: "mlymhiqyu",
|
|
@@ -24278,7 +24267,7 @@ function Banner({
|
|
|
24278
24267
|
className: "mly1q4ynmn mlyh8yej3 mly5yr21d mly78zum5 mlydt5ytf mly1kmqopl mly16zck5j"
|
|
24279
24268
|
},
|
|
24280
24269
|
children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
24281
|
-
..._stylex.props(styles$
|
|
24270
|
+
..._stylex.props(styles$x.header, variantColors[variant], children ? styles$x.headerWithContent : null),
|
|
24282
24271
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
24283
24272
|
...{
|
|
24284
24273
|
className: "mly1qx5ct2 mly78zum5 mlyl56j7k mly6s0dn4"
|
|
@@ -24291,22 +24280,22 @@ function Banner({
|
|
|
24291
24280
|
className: "mly78zum5 mlydt5ytf mlyb3r6kr"
|
|
24292
24281
|
},
|
|
24293
24282
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
24294
|
-
..._stylex.props(styles$
|
|
24283
|
+
..._stylex.props(styles$x.title, fontStyles.emphasized),
|
|
24295
24284
|
children: title
|
|
24296
24285
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
24297
|
-
..._stylex.props(styles$
|
|
24286
|
+
..._stylex.props(styles$x.description, fontStyles.supporting),
|
|
24298
24287
|
children: description
|
|
24299
24288
|
})]
|
|
24300
24289
|
})]
|
|
24301
24290
|
}), children && /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
24302
|
-
..._stylex.props(styles$
|
|
24291
|
+
..._stylex.props(styles$x.content, fontStyles.body),
|
|
24303
24292
|
children: /* @__PURE__ */ jsxRuntime.jsx(ScrollableArea, {
|
|
24304
24293
|
children
|
|
24305
24294
|
})
|
|
24306
24295
|
})]
|
|
24307
24296
|
});
|
|
24308
24297
|
}
|
|
24309
|
-
const styles$
|
|
24298
|
+
const styles$x = {
|
|
24310
24299
|
header: {
|
|
24311
24300
|
borderRadius: "mly1q4ynmn",
|
|
24312
24301
|
borderStartStartRadius: null,
|
|
@@ -24448,14 +24437,14 @@ function AccordionList({
|
|
|
24448
24437
|
onExpandedItemChange: handleExpandedItemChange
|
|
24449
24438
|
},
|
|
24450
24439
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
24451
|
-
..._stylex.props(styles$
|
|
24440
|
+
..._stylex.props(styles$w.main, customStyle),
|
|
24452
24441
|
children: React__namespace.Children.map(children, (child) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
24453
24442
|
children: [child, /* @__PURE__ */ jsxRuntime.jsx(Divider, {})]
|
|
24454
24443
|
}))
|
|
24455
24444
|
})
|
|
24456
24445
|
});
|
|
24457
24446
|
}
|
|
24458
|
-
const styles$
|
|
24447
|
+
const styles$w = {
|
|
24459
24448
|
main: {
|
|
24460
24449
|
display: "mly78zum5",
|
|
24461
24450
|
flexDirection: "mlydt5ytf",
|
|
@@ -24492,10 +24481,10 @@ function AccordionListItem({
|
|
|
24492
24481
|
className: "mly78zum5 mlydt5ytf mlyb3r6kr mly1iyjqo2"
|
|
24493
24482
|
},
|
|
24494
24483
|
children: [/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
24495
|
-
..._stylex.props(fontStyles.body, styles$
|
|
24484
|
+
..._stylex.props(fontStyles.body, styles$v.label),
|
|
24496
24485
|
children: label
|
|
24497
24486
|
}), sublabel && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
24498
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
24487
|
+
..._stylex.props(fontStyles.supporting, styles$v.sublabel),
|
|
24499
24488
|
children: sublabel
|
|
24500
24489
|
})]
|
|
24501
24490
|
}), badge && badge, endIcon && endIcon]
|
|
@@ -24507,7 +24496,7 @@ function AccordionListItem({
|
|
|
24507
24496
|
})]
|
|
24508
24497
|
});
|
|
24509
24498
|
}
|
|
24510
|
-
const styles$
|
|
24499
|
+
const styles$v = {
|
|
24511
24500
|
label: {
|
|
24512
24501
|
flexGrow: "mly1iyjqo2",
|
|
24513
24502
|
fontWeight: "mly1xlr1w8",
|
|
@@ -25792,7 +25781,7 @@ function DropdownMenu({
|
|
|
25792
25781
|
children: trigger
|
|
25793
25782
|
}), /* @__PURE__ */ jsxRuntime.jsx(Portal2, {
|
|
25794
25783
|
children: /* @__PURE__ */ jsxRuntime.jsx(Content2, {
|
|
25795
|
-
..._stylex.props(fontStyles.body, styles$
|
|
25784
|
+
..._stylex.props(fontStyles.body, styles$u.content),
|
|
25796
25785
|
side: "bottom",
|
|
25797
25786
|
align: "start",
|
|
25798
25787
|
sideOffset: 4,
|
|
@@ -25819,22 +25808,22 @@ function DropdownMenuItem({
|
|
|
25819
25808
|
disabled,
|
|
25820
25809
|
children: [icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
25821
25810
|
name: icon,
|
|
25822
|
-
customStyle: styles$
|
|
25811
|
+
customStyle: styles$u.icon
|
|
25823
25812
|
}), /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
25824
25813
|
...{
|
|
25825
25814
|
className: "mly78zum5 mlydt5ytf mly1iyjqo2"
|
|
25826
25815
|
},
|
|
25827
25816
|
children: [/* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
25828
|
-
..._stylex.props(fontStyles.body, styles$
|
|
25817
|
+
..._stylex.props(fontStyles.body, styles$u.label),
|
|
25829
25818
|
children: label
|
|
25830
25819
|
}), sublabel && /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
25831
|
-
..._stylex.props(fontStyles.supporting, styles$
|
|
25820
|
+
..._stylex.props(fontStyles.supporting, styles$u.sublabel),
|
|
25832
25821
|
children: sublabel
|
|
25833
25822
|
})]
|
|
25834
25823
|
})]
|
|
25835
25824
|
});
|
|
25836
25825
|
}
|
|
25837
|
-
const styles$
|
|
25826
|
+
const styles$u = {
|
|
25838
25827
|
content: {
|
|
25839
25828
|
display: "mly78zum5",
|
|
25840
25829
|
flexDirection: "mlydt5ytf",
|
|
@@ -25921,7 +25910,7 @@ function QueryActionBar({
|
|
|
25921
25910
|
children: [/* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
25922
25911
|
name: "filterSliders"
|
|
25923
25912
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
25924
|
-
..._stylex.props(fontStyles.largeBody, styles$
|
|
25913
|
+
..._stylex.props(fontStyles.largeBody, styles$t.title),
|
|
25925
25914
|
children: "Query"
|
|
25926
25915
|
})]
|
|
25927
25916
|
}), /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
@@ -25966,13 +25955,13 @@ function QueryActionBar({
|
|
|
25966
25955
|
})]
|
|
25967
25956
|
});
|
|
25968
25957
|
}
|
|
25969
|
-
const styles$
|
|
25958
|
+
const styles$t = {
|
|
25970
25959
|
title: {
|
|
25971
25960
|
fontWeight: "mly1xlr1w8",
|
|
25972
25961
|
$$css: true
|
|
25973
25962
|
}
|
|
25974
25963
|
};
|
|
25975
|
-
const styles$
|
|
25964
|
+
const styles$s = {
|
|
25976
25965
|
labelWithIcon: {
|
|
25977
25966
|
display: "mly78zum5",
|
|
25978
25967
|
alignItems: "mly6s0dn4",
|
|
@@ -30097,32 +30086,32 @@ function BadgeForField({
|
|
|
30097
30086
|
label: "view",
|
|
30098
30087
|
icon: "view_filled",
|
|
30099
30088
|
color: "purple",
|
|
30100
|
-
customStyle: styles$
|
|
30089
|
+
customStyle: styles$r.noBackground
|
|
30101
30090
|
});
|
|
30102
30091
|
} else if (field.kind === "dimension") {
|
|
30103
30092
|
return /* @__PURE__ */ jsxRuntime.jsx(Badge, {
|
|
30104
30093
|
label: "dimension",
|
|
30105
30094
|
icon: fieldToIcon(field),
|
|
30106
30095
|
color: "cyan",
|
|
30107
|
-
customStyle: styles$
|
|
30096
|
+
customStyle: styles$r.noBackground
|
|
30108
30097
|
});
|
|
30109
30098
|
} else if (field.kind === "measure") {
|
|
30110
30099
|
return /* @__PURE__ */ jsxRuntime.jsx(Badge, {
|
|
30111
30100
|
label: "measure",
|
|
30112
30101
|
icon: fieldToIcon(field),
|
|
30113
30102
|
color: "green",
|
|
30114
|
-
customStyle: styles$
|
|
30103
|
+
customStyle: styles$r.noBackground
|
|
30115
30104
|
});
|
|
30116
30105
|
} else if (field.kind === "join") {
|
|
30117
30106
|
return /* @__PURE__ */ jsxRuntime.jsx(Badge, {
|
|
30118
30107
|
label: "join",
|
|
30119
30108
|
icon: fieldToIcon(field),
|
|
30120
30109
|
color: "gray",
|
|
30121
|
-
customStyle: styles$
|
|
30110
|
+
customStyle: styles$r.noBackground
|
|
30122
30111
|
});
|
|
30123
30112
|
}
|
|
30124
30113
|
}
|
|
30125
|
-
const styles$
|
|
30114
|
+
const styles$r = {
|
|
30126
30115
|
noBackground: {
|
|
30127
30116
|
backgroundColor: "mlyjbqb8w",
|
|
30128
30117
|
$$css: true
|
|
@@ -30151,7 +30140,7 @@ function Visualization$1({
|
|
|
30151
30140
|
onClick: () => setRenderer(viz)
|
|
30152
30141
|
}));
|
|
30153
30142
|
const tokens2 = [/* @__PURE__ */ jsxRuntime.jsx(SelectorToken, {
|
|
30154
|
-
customStyle: styles$
|
|
30143
|
+
customStyle: styles$q.first,
|
|
30155
30144
|
icon: `viz_${currentRenderer}`,
|
|
30156
30145
|
value: currentRenderer,
|
|
30157
30146
|
items: vizes,
|
|
@@ -30161,7 +30150,7 @@ function Visualization$1({
|
|
|
30161
30150
|
children: tokens2
|
|
30162
30151
|
});
|
|
30163
30152
|
}
|
|
30164
|
-
const styles$
|
|
30153
|
+
const styles$q = {
|
|
30165
30154
|
first: {
|
|
30166
30155
|
flexGrow: "mly1iyjqo2",
|
|
30167
30156
|
justifyContent: "mlylqzeqv",
|
|
@@ -30190,7 +30179,7 @@ function ViewAttributeTable({
|
|
|
30190
30179
|
}) {
|
|
30191
30180
|
const dimensions = viewInfo.schema.fields.filter((f2) => f2.kind === "dimension");
|
|
30192
30181
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30193
|
-
..._stylex.props(styles$
|
|
30182
|
+
..._stylex.props(styles$p.attributeTableContainer, style),
|
|
30194
30183
|
children: /* @__PURE__ */ jsxRuntime.jsx("table", {
|
|
30195
30184
|
...{
|
|
30196
30185
|
className: "mly1mwwwfo mly9f619 mlyh8yej3 mly5yr21d"
|
|
@@ -30228,9 +30217,9 @@ function ViewAttributeTableRow({
|
|
|
30228
30217
|
className: "mlydpxx8g"
|
|
30229
30218
|
},
|
|
30230
30219
|
children: [/* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
30231
|
-
..._stylex.props(styles$
|
|
30220
|
+
..._stylex.props(styles$p.attributeTableKeyCell, fontStyles.supporting),
|
|
30232
30221
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30233
|
-
..._stylex.props(styles$
|
|
30222
|
+
..._stylex.props(styles$p.attributeTableKeyCellContent, fontStyles.supporting),
|
|
30234
30223
|
children: attribute
|
|
30235
30224
|
})
|
|
30236
30225
|
}), /* @__PURE__ */ jsxRuntime.jsx("td", {
|
|
@@ -30241,7 +30230,7 @@ function ViewAttributeTableRow({
|
|
|
30241
30230
|
})]
|
|
30242
30231
|
});
|
|
30243
30232
|
}
|
|
30244
|
-
const styles$
|
|
30233
|
+
const styles$p = {
|
|
30245
30234
|
attributeTableContainer: {
|
|
30246
30235
|
padding: "mlye8ttls",
|
|
30247
30236
|
paddingInline: null,
|
|
@@ -30346,67 +30335,84 @@ function largeNumberLabel(n) {
|
|
|
30346
30335
|
return Math.floor(n / 1e3).toLocaleString() + "M";
|
|
30347
30336
|
}
|
|
30348
30337
|
}
|
|
30338
|
+
function RichText({
|
|
30339
|
+
children,
|
|
30340
|
+
ref,
|
|
30341
|
+
customStyle,
|
|
30342
|
+
isTooltipContent = false,
|
|
30343
|
+
...props2
|
|
30344
|
+
}) {
|
|
30345
|
+
const parts = children.split(/((?:http|https):\/\/\S*)\b/);
|
|
30346
|
+
const multiLine = parts.length > 1;
|
|
30347
|
+
const formatted = parts.map((part, idx) => {
|
|
30348
|
+
if (part.match(/^(http|https):/)) {
|
|
30349
|
+
return /* @__PURE__ */ jsxRuntime.jsx("a", {
|
|
30350
|
+
href: part,
|
|
30351
|
+
...{
|
|
30352
|
+
0: {},
|
|
30353
|
+
1: {
|
|
30354
|
+
className: "mly198oq2i"
|
|
30355
|
+
}
|
|
30356
|
+
}[!!isTooltipContent << 0],
|
|
30357
|
+
children: part
|
|
30358
|
+
}, idx);
|
|
30359
|
+
} else {
|
|
30360
|
+
return part;
|
|
30361
|
+
}
|
|
30362
|
+
});
|
|
30363
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30364
|
+
ref,
|
|
30365
|
+
..._stylex.props(multiLine && styles$o.preWrap, multiLine && styles$o.breakWord, customStyle),
|
|
30366
|
+
...props2,
|
|
30367
|
+
children: formatted
|
|
30368
|
+
});
|
|
30369
|
+
}
|
|
30370
|
+
const styles$o = {
|
|
30371
|
+
preWrap: {
|
|
30372
|
+
whiteSpace: "mly126k92a",
|
|
30373
|
+
$$css: true
|
|
30374
|
+
},
|
|
30375
|
+
breakWord: {
|
|
30376
|
+
wordWrap: "mly1vvkbs",
|
|
30377
|
+
$$css: true
|
|
30378
|
+
}
|
|
30379
|
+
};
|
|
30349
30380
|
function HoverText({
|
|
30350
30381
|
text: text2,
|
|
30382
|
+
containerRef,
|
|
30351
30383
|
align = "center",
|
|
30352
30384
|
side = "top"
|
|
30353
30385
|
}) {
|
|
30354
|
-
const rootRef = React.useRef(null);
|
|
30355
|
-
const [isMouseInside, setIsMouseInside] = React.useState(false);
|
|
30356
30386
|
const textRef = React.useRef(null);
|
|
30357
|
-
const [
|
|
30358
|
-
|
|
30359
|
-
|
|
30360
|
-
|
|
30361
|
-
|
|
30362
|
-
|
|
30363
|
-
|
|
30364
|
-
|
|
30365
|
-
|
|
30366
|
-
|
|
30367
|
-
|
|
30368
|
-
|
|
30369
|
-
|
|
30370
|
-
|
|
30371
|
-
setIsTruncated(false);
|
|
30372
|
-
}
|
|
30373
|
-
}
|
|
30374
|
-
};
|
|
30375
|
-
checkTruncation();
|
|
30376
|
-
document.addEventListener("mousemove", handleMouseMove);
|
|
30377
|
-
window.addEventListener("resize", checkTruncation);
|
|
30378
|
-
return () => {
|
|
30379
|
-
document.removeEventListener("mousemove", handleMouseMove);
|
|
30380
|
-
window.removeEventListener("resize", checkTruncation);
|
|
30381
|
-
};
|
|
30382
|
-
}, []);
|
|
30383
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30384
|
-
ref: rootRef,
|
|
30385
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30386
|
-
style: {
|
|
30387
|
-
pointerEvents: "none"
|
|
30388
|
-
},
|
|
30389
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(Root3$1, {
|
|
30390
|
-
open: isMouseInside && isTruncated,
|
|
30391
|
-
children: [/* @__PURE__ */ jsxRuntime.jsx(Trigger$4, {
|
|
30392
|
-
asChild: true,
|
|
30393
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30394
|
-
ref: textRef,
|
|
30395
|
-
..._stylex.props(styles$n.text, fontStyles.supporting),
|
|
30396
|
-
children: text2
|
|
30397
|
-
})
|
|
30398
|
-
}), /* @__PURE__ */ jsxRuntime.jsx(Portal$4, {
|
|
30399
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(Content2$4, {
|
|
30400
|
-
side,
|
|
30401
|
-
align,
|
|
30402
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("pre", {
|
|
30403
|
-
..._stylex.props(styles$n.hoverText, fontStyles.tooltipText),
|
|
30404
|
-
children: text2
|
|
30405
|
-
})
|
|
30406
|
-
})
|
|
30407
|
-
})]
|
|
30387
|
+
const [isTriggeredHovered, setIsTriggerHovered] = React__namespace.useState(false);
|
|
30388
|
+
const [isContentHovered, setIsContentHovered] = React__namespace.useState(false);
|
|
30389
|
+
const isTruncated = () => (textRef.current && textRef.current.scrollHeight > textRef.current.clientHeight) ?? false;
|
|
30390
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Root3$1, {
|
|
30391
|
+
open: (isTriggeredHovered || isContentHovered) && isTruncated(),
|
|
30392
|
+
children: [/* @__PURE__ */ jsxRuntime.jsx(Trigger$4, {
|
|
30393
|
+
asChild: true,
|
|
30394
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(RichText, {
|
|
30395
|
+
ref: textRef,
|
|
30396
|
+
onMouseEnter: () => setIsTriggerHovered(true),
|
|
30397
|
+
onMouseLeave: () => setIsTriggerHovered(false),
|
|
30398
|
+
onPointerMove: (e) => e.preventDefault(),
|
|
30399
|
+
customStyle: [fontStyles.supporting, styles$n.text],
|
|
30400
|
+
children: text2
|
|
30408
30401
|
})
|
|
30409
|
-
})
|
|
30402
|
+
}), /* @__PURE__ */ jsxRuntime.jsx(Portal$4, {
|
|
30403
|
+
container: containerRef == null ? void 0 : containerRef.current,
|
|
30404
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Content2$4, {
|
|
30405
|
+
side,
|
|
30406
|
+
align,
|
|
30407
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(RichText, {
|
|
30408
|
+
onMouseEnter: () => setIsContentHovered(true),
|
|
30409
|
+
onMouseLeave: () => setIsContentHovered(false),
|
|
30410
|
+
isTooltipContent: true,
|
|
30411
|
+
customStyle: [fontStyles.body, tooltipStyles.default],
|
|
30412
|
+
children: text2
|
|
30413
|
+
})
|
|
30414
|
+
})
|
|
30415
|
+
})]
|
|
30410
30416
|
});
|
|
30411
30417
|
}
|
|
30412
30418
|
const styles$n = {
|
|
@@ -30418,43 +30424,6 @@ const styles$n = {
|
|
|
30418
30424
|
"-webkit-line-clamp": "mly1gzmk7r",
|
|
30419
30425
|
"-webkit-box-orient": "mly1ua5tub",
|
|
30420
30426
|
$$css: true
|
|
30421
|
-
},
|
|
30422
|
-
hoverText: {
|
|
30423
|
-
maxWidth: "mlyaka53j",
|
|
30424
|
-
overflow: "mlyb3r6kr",
|
|
30425
|
-
overflowX: null,
|
|
30426
|
-
overflowY: null,
|
|
30427
|
-
wordBreak: "mly1yn0g08",
|
|
30428
|
-
whiteSpace: "mly126k92a",
|
|
30429
|
-
backgroundColor: "mly1pcjto7",
|
|
30430
|
-
borderRadius: "mly12oqio5",
|
|
30431
|
-
borderStartStartRadius: null,
|
|
30432
|
-
borderStartEndRadius: null,
|
|
30433
|
-
borderEndStartRadius: null,
|
|
30434
|
-
borderEndEndRadius: null,
|
|
30435
|
-
borderTopLeftRadius: null,
|
|
30436
|
-
borderTopRightRadius: null,
|
|
30437
|
-
borderBottomLeftRadius: null,
|
|
30438
|
-
borderBottomRightRadius: null,
|
|
30439
|
-
margin: "mly1hlb6i2",
|
|
30440
|
-
marginInline: null,
|
|
30441
|
-
marginInlineStart: null,
|
|
30442
|
-
marginLeft: null,
|
|
30443
|
-
marginInlineEnd: null,
|
|
30444
|
-
marginRight: null,
|
|
30445
|
-
marginBlock: null,
|
|
30446
|
-
marginTop: null,
|
|
30447
|
-
marginBottom: null,
|
|
30448
|
-
padding: "mly1q44i06",
|
|
30449
|
-
paddingInline: null,
|
|
30450
|
-
paddingStart: null,
|
|
30451
|
-
paddingLeft: null,
|
|
30452
|
-
paddingEnd: null,
|
|
30453
|
-
paddingRight: null,
|
|
30454
|
-
paddingBlock: null,
|
|
30455
|
-
paddingTop: null,
|
|
30456
|
-
paddingBottom: null,
|
|
30457
|
-
$$css: true
|
|
30458
30427
|
}
|
|
30459
30428
|
};
|
|
30460
30429
|
function HoverCard({
|
|
@@ -30503,6 +30472,7 @@ function FieldHoverCard({
|
|
|
30503
30472
|
const {
|
|
30504
30473
|
source
|
|
30505
30474
|
} = React__namespace.useContext(QueryEditorContext);
|
|
30475
|
+
const ref = React__namespace.useRef(null);
|
|
30506
30476
|
const pathString = [(source == null ? void 0 : source.name) ?? "", ...path].join(" > ");
|
|
30507
30477
|
const descriptionAnnotation = getDescriptionAnnotation(field.annotations ?? []);
|
|
30508
30478
|
const description = descriptionAnnotation ?? "";
|
|
@@ -30522,6 +30492,7 @@ function FieldHoverCard({
|
|
|
30522
30492
|
return /* @__PURE__ */ jsxRuntime.jsxs(HoverCard, {
|
|
30523
30493
|
customStyle: styles$l.container,
|
|
30524
30494
|
children: [/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
30495
|
+
ref,
|
|
30525
30496
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30526
30497
|
...{
|
|
30527
30498
|
className: "mly12nagc"
|
|
@@ -30536,7 +30507,8 @@ function FieldHoverCard({
|
|
|
30536
30507
|
..._stylex.props(fontStyles.emphasized, styles$l.title),
|
|
30537
30508
|
children: field.name
|
|
30538
30509
|
}), description && /* @__PURE__ */ jsxRuntime.jsx(HoverText, {
|
|
30539
|
-
text: description
|
|
30510
|
+
text: description,
|
|
30511
|
+
containerRef: ref
|
|
30540
30512
|
})]
|
|
30541
30513
|
}), details && /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
30542
30514
|
children: details
|
|
@@ -32525,7 +32497,7 @@ function OperationActionTitle({
|
|
|
32525
32497
|
return !(segment == null ? void 0 : segment.hasField(field.name, path)) && isNotAnnotatedFilteredField(field);
|
|
32526
32498
|
};
|
|
32527
32499
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
32528
|
-
..._stylex.props(styles$
|
|
32500
|
+
..._stylex.props(styles$s.title, hoverStyles.main),
|
|
32529
32501
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
32530
32502
|
children: title
|
|
32531
32503
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
@@ -33102,7 +33074,7 @@ function SortableOperations({
|
|
|
33102
33074
|
fields,
|
|
33103
33075
|
...props2
|
|
33104
33076
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33105
|
-
..._stylex.props(styles$
|
|
33077
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
33106
33078
|
children: /* @__PURE__ */ jsxRuntime.jsx(DndContext, {
|
|
33107
33079
|
sensors,
|
|
33108
33080
|
collisionDetection: closestCenter,
|
|
@@ -33301,94 +33273,6 @@ class ErrorElement extends React__namespace.Component {
|
|
|
33301
33273
|
return this.props.children;
|
|
33302
33274
|
}
|
|
33303
33275
|
}
|
|
33304
|
-
function FilterOperations({
|
|
33305
|
-
rootQuery,
|
|
33306
|
-
filters
|
|
33307
|
-
}) {
|
|
33308
|
-
const {
|
|
33309
|
-
setQuery
|
|
33310
|
-
} = React.useContext(QueryEditorContext);
|
|
33311
|
-
if (filters.length === 0) {
|
|
33312
|
-
return null;
|
|
33313
|
-
}
|
|
33314
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33315
|
-
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33316
|
-
..._stylex.props(styles$r.title),
|
|
33317
|
-
children: "filter by"
|
|
33318
|
-
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33319
|
-
..._stylex.props(styles$r.tokenContainer),
|
|
33320
|
-
children: filters.map((filterOperation, key2) => {
|
|
33321
|
-
return /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {
|
|
33322
|
-
fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33323
|
-
children: ["Invalid filter", /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
|
|
33324
|
-
onClick: () => {
|
|
33325
|
-
filterOperation.delete();
|
|
33326
|
-
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33327
|
-
}
|
|
33328
|
-
})]
|
|
33329
|
-
}),
|
|
33330
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(SingleFilterOperation, {
|
|
33331
|
-
filterOperation,
|
|
33332
|
-
rootQuery
|
|
33333
|
-
})
|
|
33334
|
-
}, key2);
|
|
33335
|
-
})
|
|
33336
|
-
})]
|
|
33337
|
-
});
|
|
33338
|
-
}
|
|
33339
|
-
function SingleFilterOperation({
|
|
33340
|
-
rootQuery,
|
|
33341
|
-
filterOperation
|
|
33342
|
-
}) {
|
|
33343
|
-
const {
|
|
33344
|
-
fieldReference,
|
|
33345
|
-
filterString
|
|
33346
|
-
} = filterOperation.filter;
|
|
33347
|
-
const filter = filterOperation.filter.getFilter();
|
|
33348
|
-
const fieldInfo = fieldReference.getFieldInfo();
|
|
33349
|
-
const {
|
|
33350
|
-
setQuery
|
|
33351
|
-
} = React.useContext(QueryEditorContext);
|
|
33352
|
-
if (fieldInfo.kind !== "dimension" && fieldInfo.kind !== "measure") {
|
|
33353
|
-
throw new Error(`Invalid filter field kind: ${fieldInfo.kind}`);
|
|
33354
|
-
}
|
|
33355
|
-
const setFilter = React.useCallback((filter2) => {
|
|
33356
|
-
filterOperation.filter.setFilter(filter2);
|
|
33357
|
-
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33358
|
-
}, [filterOperation.filter, rootQuery, setQuery]);
|
|
33359
|
-
const {
|
|
33360
|
-
op,
|
|
33361
|
-
value
|
|
33362
|
-
} = parsedToLabels(filter, filterString);
|
|
33363
|
-
const label = `${fieldInfo.name} ${op} ${value}`;
|
|
33364
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33365
|
-
..._stylex.props(hoverStyles.main),
|
|
33366
|
-
children: [/* @__PURE__ */ jsxRuntime.jsx(FilterPopover, {
|
|
33367
|
-
fieldInfo,
|
|
33368
|
-
path: fieldReference.path ?? [],
|
|
33369
|
-
filter,
|
|
33370
|
-
setFilter,
|
|
33371
|
-
trigger: /* @__PURE__ */ jsxRuntime.jsx(Token, {
|
|
33372
|
-
icon: "filter",
|
|
33373
|
-
color: "cyan",
|
|
33374
|
-
label
|
|
33375
|
-
}),
|
|
33376
|
-
layoutProps: {
|
|
33377
|
-
align: "start",
|
|
33378
|
-
side: "bottom",
|
|
33379
|
-
sideOffset: 1
|
|
33380
|
-
}
|
|
33381
|
-
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33382
|
-
..._stylex.props(hoverStyles.hoverActions),
|
|
33383
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
|
|
33384
|
-
onClick: () => {
|
|
33385
|
-
filterOperation.delete();
|
|
33386
|
-
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33387
|
-
}
|
|
33388
|
-
})
|
|
33389
|
-
})]
|
|
33390
|
-
});
|
|
33391
|
-
}
|
|
33392
33276
|
const parsedToLabels = (parsed, filterString) => {
|
|
33393
33277
|
if (parsed.parsed === null) {
|
|
33394
33278
|
return {
|
|
@@ -33568,6 +33452,94 @@ function displayTimeFromMoment(momentObj) {
|
|
|
33568
33452
|
}
|
|
33569
33453
|
return momentObj.moment;
|
|
33570
33454
|
}
|
|
33455
|
+
function FilterOperations({
|
|
33456
|
+
rootQuery,
|
|
33457
|
+
filters
|
|
33458
|
+
}) {
|
|
33459
|
+
const {
|
|
33460
|
+
setQuery
|
|
33461
|
+
} = React.useContext(QueryEditorContext);
|
|
33462
|
+
if (filters.length === 0) {
|
|
33463
|
+
return null;
|
|
33464
|
+
}
|
|
33465
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33466
|
+
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33467
|
+
..._stylex.props(styles$s.title),
|
|
33468
|
+
children: "filter by"
|
|
33469
|
+
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33470
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
33471
|
+
children: filters.map((filterOperation, key2) => {
|
|
33472
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ErrorElement, {
|
|
33473
|
+
fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33474
|
+
children: ["Invalid filter", /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
|
|
33475
|
+
onClick: () => {
|
|
33476
|
+
filterOperation.delete();
|
|
33477
|
+
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33478
|
+
}
|
|
33479
|
+
})]
|
|
33480
|
+
}),
|
|
33481
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(SingleFilterOperation, {
|
|
33482
|
+
filterOperation,
|
|
33483
|
+
rootQuery
|
|
33484
|
+
})
|
|
33485
|
+
}, key2);
|
|
33486
|
+
})
|
|
33487
|
+
})]
|
|
33488
|
+
});
|
|
33489
|
+
}
|
|
33490
|
+
function SingleFilterOperation({
|
|
33491
|
+
rootQuery,
|
|
33492
|
+
filterOperation
|
|
33493
|
+
}) {
|
|
33494
|
+
const {
|
|
33495
|
+
fieldReference,
|
|
33496
|
+
filterString
|
|
33497
|
+
} = filterOperation.filter;
|
|
33498
|
+
const filter = filterOperation.filter.getFilter();
|
|
33499
|
+
const fieldInfo = fieldReference.getFieldInfo();
|
|
33500
|
+
const {
|
|
33501
|
+
setQuery
|
|
33502
|
+
} = React.useContext(QueryEditorContext);
|
|
33503
|
+
if (fieldInfo.kind !== "dimension" && fieldInfo.kind !== "measure") {
|
|
33504
|
+
throw new Error(`Invalid filter field kind: ${fieldInfo.kind}`);
|
|
33505
|
+
}
|
|
33506
|
+
const setFilter = React.useCallback((filter2) => {
|
|
33507
|
+
filterOperation.filter.setFilter(filter2);
|
|
33508
|
+
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33509
|
+
}, [filterOperation.filter, rootQuery, setQuery]);
|
|
33510
|
+
const {
|
|
33511
|
+
op,
|
|
33512
|
+
value
|
|
33513
|
+
} = parsedToLabels(filter, filterString);
|
|
33514
|
+
const label = `${fieldInfo.name} ${op} ${value}`;
|
|
33515
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33516
|
+
..._stylex.props(hoverStyles.main),
|
|
33517
|
+
children: [/* @__PURE__ */ jsxRuntime.jsx(FilterPopover, {
|
|
33518
|
+
fieldInfo,
|
|
33519
|
+
path: fieldReference.path ?? [],
|
|
33520
|
+
filter,
|
|
33521
|
+
setFilter,
|
|
33522
|
+
trigger: /* @__PURE__ */ jsxRuntime.jsx(Token, {
|
|
33523
|
+
icon: "filter",
|
|
33524
|
+
color: "cyan",
|
|
33525
|
+
label
|
|
33526
|
+
}),
|
|
33527
|
+
layoutProps: {
|
|
33528
|
+
align: "start",
|
|
33529
|
+
side: "bottom",
|
|
33530
|
+
sideOffset: 1
|
|
33531
|
+
}
|
|
33532
|
+
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33533
|
+
..._stylex.props(hoverStyles.hoverActions),
|
|
33534
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ClearButton, {
|
|
33535
|
+
onClick: () => {
|
|
33536
|
+
filterOperation.delete();
|
|
33537
|
+
setQuery == null ? void 0 : setQuery(rootQuery.build());
|
|
33538
|
+
}
|
|
33539
|
+
})
|
|
33540
|
+
})]
|
|
33541
|
+
});
|
|
33542
|
+
}
|
|
33571
33543
|
function LimitOperation({
|
|
33572
33544
|
rootQuery,
|
|
33573
33545
|
limit
|
|
@@ -33580,7 +33552,7 @@ function LimitOperation({
|
|
|
33580
33552
|
}
|
|
33581
33553
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33582
33554
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33583
|
-
..._stylex.props(styles$
|
|
33555
|
+
..._stylex.props(styles$s.title),
|
|
33584
33556
|
children: "limit"
|
|
33585
33557
|
}), /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33586
33558
|
..._stylex.props(hoverStyles.main),
|
|
@@ -33630,10 +33602,10 @@ function OrderByOperations({
|
|
|
33630
33602
|
}
|
|
33631
33603
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
33632
33604
|
children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33633
|
-
..._stylex.props(styles$
|
|
33605
|
+
..._stylex.props(styles$s.title),
|
|
33634
33606
|
children: "order by"
|
|
33635
33607
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
33636
|
-
..._stylex.props(styles$
|
|
33608
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
33637
33609
|
children: orderBys.map((orderBy) => {
|
|
33638
33610
|
const {
|
|
33639
33611
|
fieldReference
|
|
@@ -34154,7 +34126,7 @@ function NestOperations({
|
|
|
34154
34126
|
return null;
|
|
34155
34127
|
}
|
|
34156
34128
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
34157
|
-
..._stylex.props(styles$
|
|
34129
|
+
..._stylex.props(styles$s.tokenContainer),
|
|
34158
34130
|
children: nests.map((nest) => /* @__PURE__ */ jsxRuntime.jsx(NestOperation, {
|
|
34159
34131
|
rootQuery,
|
|
34160
34132
|
view,
|
|
@@ -34430,7 +34402,6 @@ function Query({
|
|
|
34430
34402
|
onCurrentNestQueryPanelChange == null ? void 0 : onCurrentNestQueryPanelChange(null);
|
|
34431
34403
|
onCurrentNestViewChange == null ? void 0 : onCurrentNestViewChange(null);
|
|
34432
34404
|
};
|
|
34433
|
-
const canEditViz = query.definition instanceof QB.ASTSegmentViewDefinition;
|
|
34434
34405
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
34435
34406
|
onPointerDownCapture: focusMainQueryPanel,
|
|
34436
34407
|
children: /* @__PURE__ */ jsxRuntime.jsxs(CollapsiblePanel, {
|
|
@@ -34479,7 +34450,7 @@ function Query({
|
|
|
34479
34450
|
flexDirection: "column",
|
|
34480
34451
|
gap: 8
|
|
34481
34452
|
},
|
|
34482
|
-
children: [!query.isEmpty() &&
|
|
34453
|
+
children: [!query.isEmpty() && /* @__PURE__ */ jsxRuntime.jsx(Visualization$1, {
|
|
34483
34454
|
rootQuery,
|
|
34484
34455
|
view: query
|
|
34485
34456
|
}), /* @__PURE__ */ jsxRuntime.jsx(ViewDefinition, {
|
|
@@ -34513,9 +34484,9 @@ function Source({
|
|
|
34513
34484
|
}) {
|
|
34514
34485
|
if (rootQuery.definition instanceof QB.ASTArrowQueryDefinition) {
|
|
34515
34486
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
34516
|
-
..._stylex.props(styles$
|
|
34487
|
+
..._stylex.props(styles$s.queryCard, styles$b.content),
|
|
34517
34488
|
children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
34518
|
-
..._stylex.props(styles$
|
|
34489
|
+
..._stylex.props(styles$s.labelWithIcon),
|
|
34519
34490
|
children: [/* @__PURE__ */ jsxRuntime.jsx(Icon, {
|
|
34520
34491
|
name: "database"
|
|
34521
34492
|
}), /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
@@ -34674,8 +34645,128 @@ const styles$a = {
|
|
|
34674
34645
|
$$css: true
|
|
34675
34646
|
}
|
|
34676
34647
|
};
|
|
34648
|
+
function FilterLiteralEditor({
|
|
34649
|
+
filterType,
|
|
34650
|
+
value,
|
|
34651
|
+
setValue
|
|
34652
|
+
}) {
|
|
34653
|
+
let filter = null;
|
|
34654
|
+
switch (filterType) {
|
|
34655
|
+
case "string_type":
|
|
34656
|
+
{
|
|
34657
|
+
const {
|
|
34658
|
+
parsed
|
|
34659
|
+
} = malloyFilter.StringFilterExpression.parse(value.filter_expression_value);
|
|
34660
|
+
filter = {
|
|
34661
|
+
kind: "string",
|
|
34662
|
+
parsed
|
|
34663
|
+
};
|
|
34664
|
+
}
|
|
34665
|
+
break;
|
|
34666
|
+
case "number_type":
|
|
34667
|
+
{
|
|
34668
|
+
const {
|
|
34669
|
+
parsed
|
|
34670
|
+
} = malloyFilter.NumberFilterExpression.parse(value.filter_expression_value);
|
|
34671
|
+
filter = {
|
|
34672
|
+
kind: "number",
|
|
34673
|
+
parsed
|
|
34674
|
+
};
|
|
34675
|
+
}
|
|
34676
|
+
break;
|
|
34677
|
+
case "boolean_type":
|
|
34678
|
+
{
|
|
34679
|
+
const {
|
|
34680
|
+
parsed
|
|
34681
|
+
} = malloyFilter.BooleanFilterExpression.parse(value.filter_expression_value);
|
|
34682
|
+
filter = {
|
|
34683
|
+
kind: "boolean",
|
|
34684
|
+
parsed
|
|
34685
|
+
};
|
|
34686
|
+
}
|
|
34687
|
+
break;
|
|
34688
|
+
case "date_type":
|
|
34689
|
+
{
|
|
34690
|
+
const {
|
|
34691
|
+
parsed
|
|
34692
|
+
} = malloyFilter.TemporalFilterExpression.parse(value.filter_expression_value);
|
|
34693
|
+
filter = {
|
|
34694
|
+
kind: "date",
|
|
34695
|
+
parsed
|
|
34696
|
+
};
|
|
34697
|
+
}
|
|
34698
|
+
break;
|
|
34699
|
+
case "timestamp_type":
|
|
34700
|
+
{
|
|
34701
|
+
const {
|
|
34702
|
+
parsed
|
|
34703
|
+
} = malloyFilter.TemporalFilterExpression.parse(value.filter_expression_value);
|
|
34704
|
+
filter = {
|
|
34705
|
+
kind: "timestamp",
|
|
34706
|
+
parsed
|
|
34707
|
+
};
|
|
34708
|
+
}
|
|
34709
|
+
break;
|
|
34710
|
+
}
|
|
34711
|
+
const {
|
|
34712
|
+
op,
|
|
34713
|
+
value: filterValue
|
|
34714
|
+
} = parsedToLabels(filter, value.filter_expression_value);
|
|
34715
|
+
const label = `${op} ${filterValue}`;
|
|
34716
|
+
const fieldInfo = {
|
|
34717
|
+
kind: "dimension",
|
|
34718
|
+
name: "parameter",
|
|
34719
|
+
type: {
|
|
34720
|
+
kind: filterType
|
|
34721
|
+
}
|
|
34722
|
+
};
|
|
34723
|
+
const setFilter = (parsed) => {
|
|
34724
|
+
switch (parsed.kind) {
|
|
34725
|
+
case "string":
|
|
34726
|
+
setValue({
|
|
34727
|
+
kind: "filter_expression_literal",
|
|
34728
|
+
filter_expression_value: malloyFilter.StringFilterExpression.unparse(parsed.parsed)
|
|
34729
|
+
});
|
|
34730
|
+
break;
|
|
34731
|
+
case "boolean":
|
|
34732
|
+
setValue({
|
|
34733
|
+
kind: "filter_expression_literal",
|
|
34734
|
+
filter_expression_value: malloyFilter.BooleanFilterExpression.unparse(parsed.parsed)
|
|
34735
|
+
});
|
|
34736
|
+
break;
|
|
34737
|
+
case "number":
|
|
34738
|
+
setValue({
|
|
34739
|
+
kind: "filter_expression_literal",
|
|
34740
|
+
filter_expression_value: malloyFilter.NumberFilterExpression.unparse(parsed.parsed)
|
|
34741
|
+
});
|
|
34742
|
+
break;
|
|
34743
|
+
case "date":
|
|
34744
|
+
case "timestamp":
|
|
34745
|
+
setValue({
|
|
34746
|
+
kind: "filter_expression_literal",
|
|
34747
|
+
filter_expression_value: malloyFilter.TemporalFilterExpression.unparse(parsed.parsed)
|
|
34748
|
+
});
|
|
34749
|
+
break;
|
|
34750
|
+
}
|
|
34751
|
+
};
|
|
34752
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FilterPopover, {
|
|
34753
|
+
fieldInfo,
|
|
34754
|
+
path: [],
|
|
34755
|
+
filter,
|
|
34756
|
+
setFilter,
|
|
34757
|
+
trigger: /* @__PURE__ */ jsxRuntime.jsx(Token, {
|
|
34758
|
+
label
|
|
34759
|
+
}),
|
|
34760
|
+
layoutProps: {
|
|
34761
|
+
align: "start",
|
|
34762
|
+
side: "bottom",
|
|
34763
|
+
sideOffset: 1
|
|
34764
|
+
}
|
|
34765
|
+
});
|
|
34766
|
+
}
|
|
34677
34767
|
function LiteralValueEditor({
|
|
34678
34768
|
value,
|
|
34769
|
+
filterType,
|
|
34679
34770
|
setValue,
|
|
34680
34771
|
customStyle
|
|
34681
34772
|
}) {
|
|
@@ -34730,12 +34821,10 @@ function LiteralValueEditor({
|
|
|
34730
34821
|
customStyle
|
|
34731
34822
|
});
|
|
34732
34823
|
case "filter_expression_literal":
|
|
34733
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
34734
|
-
value
|
|
34735
|
-
|
|
34736
|
-
|
|
34737
|
-
filter_expression_value: value2
|
|
34738
|
-
}),
|
|
34824
|
+
return /* @__PURE__ */ jsxRuntime.jsx(FilterLiteralEditor, {
|
|
34825
|
+
value,
|
|
34826
|
+
filterType,
|
|
34827
|
+
setValue,
|
|
34739
34828
|
customStyle
|
|
34740
34829
|
});
|
|
34741
34830
|
}
|
|
@@ -34766,6 +34855,7 @@ function Parameters({
|
|
|
34766
34855
|
icon: atomicTypeToIcon(parameter.type.kind),
|
|
34767
34856
|
label: parameter.name
|
|
34768
34857
|
}), /* @__PURE__ */ jsxRuntime.jsx(LiteralValueEditor, {
|
|
34858
|
+
filterType: parameter.type.kind === "filter_expression_type" ? parameter.type.filter_type.kind : "string_type",
|
|
34769
34859
|
value: ((_a2 = source.tryGetParameter(parameter.name)) == null ? void 0 : _a2.parameter.value) ?? parameter.default_value,
|
|
34770
34860
|
setValue: (value) => {
|
|
34771
34861
|
source.setParameter(parameter.name, value);
|
|
@@ -35463,6 +35553,13 @@ function CopyToClipboard({
|
|
|
35463
35553
|
}
|
|
35464
35554
|
});
|
|
35465
35555
|
}
|
|
35556
|
+
var Tab = /* @__PURE__ */ function(Tab2) {
|
|
35557
|
+
Tab2["RESULTS"] = "Results";
|
|
35558
|
+
Tab2["MALLOY"] = "Malloy";
|
|
35559
|
+
Tab2["SQL"] = "SQL";
|
|
35560
|
+
Tab2["RAW_QUERY"] = "Raw Query";
|
|
35561
|
+
return Tab2;
|
|
35562
|
+
}(Tab || {});
|
|
35466
35563
|
function ResultPanel({
|
|
35467
35564
|
source,
|
|
35468
35565
|
draftQuery,
|
|
@@ -35471,32 +35568,23 @@ function ResultPanel({
|
|
|
35471
35568
|
options
|
|
35472
35569
|
}) {
|
|
35473
35570
|
var _a2, _b2, _c2;
|
|
35474
|
-
const [tab, setTab] = React.useState(
|
|
35475
|
-
"Malloy"
|
|
35476
|
-
/* MALLOY */
|
|
35477
|
-
);
|
|
35571
|
+
const [tab, setTab] = React.useState(Tab.MALLOY);
|
|
35478
35572
|
const malloyText = (_a2 = useQueryBuilder(source, draftQuery)) == null ? void 0 : _a2.toMalloy();
|
|
35479
35573
|
const views = source.schema.fields.filter((f2) => f2.kind === "view");
|
|
35480
35574
|
const submittedQueryExists = submittedQuery !== void 0;
|
|
35481
|
-
if (!submittedQueryExists && (tab ===
|
|
35482
|
-
setTab(
|
|
35483
|
-
"Malloy"
|
|
35484
|
-
/* MALLOY */
|
|
35485
|
-
);
|
|
35575
|
+
if (!submittedQueryExists && (tab === Tab.RESULTS || tab === Tab.SQL)) {
|
|
35576
|
+
setTab(Tab.MALLOY);
|
|
35486
35577
|
}
|
|
35487
35578
|
React.useEffect(() => {
|
|
35488
|
-
setTab(
|
|
35489
|
-
"Results"
|
|
35490
|
-
/* RESULTS */
|
|
35491
|
-
);
|
|
35579
|
+
setTab(Tab.RESULTS);
|
|
35492
35580
|
}, [submittedQuery]);
|
|
35493
35581
|
const clipboardText = (() => {
|
|
35494
35582
|
var _a3, _b3;
|
|
35495
|
-
if (tab ===
|
|
35583
|
+
if (tab === Tab.MALLOY && malloyText) {
|
|
35496
35584
|
return malloyText;
|
|
35497
|
-
} else if (tab ===
|
|
35585
|
+
} else if (tab === Tab.SQL && ((_b3 = (_a3 = submittedQuery == null ? void 0 : submittedQuery.response) == null ? void 0 : _a3.result) == null ? void 0 : _b3.sql)) {
|
|
35498
35586
|
return submittedQuery.response.result.sql;
|
|
35499
|
-
} else if (tab ===
|
|
35587
|
+
} else if (tab === Tab.RAW_QUERY) {
|
|
35500
35588
|
return JSON.stringify(draftQuery);
|
|
35501
35589
|
}
|
|
35502
35590
|
return null;
|
|
@@ -35514,31 +35602,27 @@ function ResultPanel({
|
|
|
35514
35602
|
className: "mly78zum5 mly6s0dn4 mly167g77z"
|
|
35515
35603
|
},
|
|
35516
35604
|
children: [/* @__PURE__ */ jsxRuntime.jsx(Trigger, {
|
|
35517
|
-
value:
|
|
35605
|
+
value: Tab.RESULTS,
|
|
35518
35606
|
disabled: !submittedQueryExists,
|
|
35519
35607
|
..._stylex.props(fontStyles.body, styles$3.tab, !submittedQueryExists && styles$3.disabledTab),
|
|
35520
35608
|
title: !submittedQueryExists ? "Run a query to see the results." : void 0,
|
|
35521
|
-
children:
|
|
35522
|
-
/* RESULTS */
|
|
35609
|
+
children: Tab.RESULTS
|
|
35523
35610
|
}), /* @__PURE__ */ jsxRuntime.jsx(Trigger, {
|
|
35524
|
-
value:
|
|
35611
|
+
value: Tab.MALLOY,
|
|
35525
35612
|
..._stylex.props(fontStyles.body, styles$3.tab),
|
|
35526
|
-
children:
|
|
35527
|
-
/* MALLOY */
|
|
35613
|
+
children: Tab.MALLOY
|
|
35528
35614
|
}), /* @__PURE__ */ jsxRuntime.jsx(Trigger, {
|
|
35529
|
-
value:
|
|
35615
|
+
value: Tab.SQL,
|
|
35530
35616
|
disabled: !submittedQueryExists,
|
|
35531
35617
|
..._stylex.props(fontStyles.body, styles$3.tab, !submittedQueryExists && styles$3.disabledTab),
|
|
35532
35618
|
title: !submittedQueryExists ? "Run a query to see generated SQL." : void 0,
|
|
35533
|
-
children:
|
|
35534
|
-
/* SQL */
|
|
35619
|
+
children: Tab.SQL
|
|
35535
35620
|
}), (options == null ? void 0 : options.showRawQuery) && /* @__PURE__ */ jsxRuntime.jsx(Trigger, {
|
|
35536
|
-
value:
|
|
35621
|
+
value: Tab.RAW_QUERY,
|
|
35537
35622
|
..._stylex.props(fontStyles.body, styles$3.tab),
|
|
35538
|
-
children:
|
|
35539
|
-
/* RAW_QUERY */
|
|
35623
|
+
children: Tab.RAW_QUERY
|
|
35540
35624
|
})]
|
|
35541
|
-
}), tab !==
|
|
35625
|
+
}), tab !== Tab.RESULTS && clipboardText && /* @__PURE__ */ jsxRuntime.jsx(CopyToClipboard, {
|
|
35542
35626
|
text: clipboardText,
|
|
35543
35627
|
label: "Copy Code"
|
|
35544
35628
|
})]
|
|
@@ -35547,7 +35631,7 @@ function ResultPanel({
|
|
|
35547
35631
|
className: "mly1iyjqo2 mlyb3r6kr"
|
|
35548
35632
|
},
|
|
35549
35633
|
children: [/* @__PURE__ */ jsxRuntime.jsx(Content, {
|
|
35550
|
-
value:
|
|
35634
|
+
value: Tab.RESULTS,
|
|
35551
35635
|
...{
|
|
35552
35636
|
className: "mlyc7ga6q mlyh8yej3 mly5yr21d mly9f619"
|
|
35553
35637
|
},
|
|
@@ -35576,7 +35660,7 @@ function ResultPanel({
|
|
|
35576
35660
|
})]
|
|
35577
35661
|
})
|
|
35578
35662
|
}), /* @__PURE__ */ jsxRuntime.jsx(Content, {
|
|
35579
|
-
value:
|
|
35663
|
+
value: Tab.MALLOY,
|
|
35580
35664
|
...{
|
|
35581
35665
|
className: "mlywp4ipm mlyh8yej3 mly5yr21d mly9f619"
|
|
35582
35666
|
},
|
|
@@ -35585,7 +35669,7 @@ function ResultPanel({
|
|
|
35585
35669
|
language: "malloy"
|
|
35586
35670
|
})
|
|
35587
35671
|
}), /* @__PURE__ */ jsxRuntime.jsx(Content, {
|
|
35588
|
-
value:
|
|
35672
|
+
value: Tab.SQL,
|
|
35589
35673
|
...{
|
|
35590
35674
|
className: "mlywp4ipm mlyh8yej3 mly5yr21d mly9f619"
|
|
35591
35675
|
},
|
|
@@ -35594,7 +35678,7 @@ function ResultPanel({
|
|
|
35594
35678
|
language: "sql"
|
|
35595
35679
|
})
|
|
35596
35680
|
}), (options == null ? void 0 : options.showRawQuery) && /* @__PURE__ */ jsxRuntime.jsx(Content, {
|
|
35597
|
-
value:
|
|
35681
|
+
value: Tab.RAW_QUERY,
|
|
35598
35682
|
...{
|
|
35599
35683
|
className: "mlywp4ipm mlyh8yej3 mly5yr21d mly9f619"
|
|
35600
35684
|
},
|