@reltio/components 1.4.701 → 1.4.705

package/hooks/useWhyDidYouUpdate.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWhyDidYouUpdate = void 0;
+var react_1 = require("react");
+var useWhyDidYouUpdate = function (name, props) {
+    // Get a mutable ref object where we can store props ...
+    // ... for comparison next time this hook runs.
+    var previousProps = react_1.useRef();
+    react_1.useEffect(function () {
+        if (previousProps.current) {
+            // Get all keys from previous and current props
+            var allKeys = Object.keys(__assign(__assign({}, previousProps.current), props));
+            // Use this object to keep track of changed props
+            var changesObj_1 = {};
+            // Iterate through keys
+            allKeys.forEach(function (key) {
+                // If previous is different from current
+                if (previousProps.current[key] !== props[key]) {
+                    // Add to changesObj
+                    changesObj_1[key] = {
+                        from: previousProps.current[key],
+                        to: props[key]
+                    };
+                }
+            });
+            // If changesObj not empty then output to console
+            if (Object.keys(changesObj_1).length) {
+                console.log('[why-did-you-update]', name, changesObj_1); //eslint-disable-line no-console
+            }
+        }
+        // Finally update previousProps with current props for next hook call
+        previousProps.current = props;
+    });
+};
+exports.useWhyDidYouUpdate = useWhyDidYouUpdate;

package/icons/Add.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgAdd = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M17.4 13.08h-4.32v4.32h-2.16v-4.32H6.6v-2.16h4.32V6.6h2.16v4.32h4.32v2.16z", fill: "#fff" })));
+};
+exports.default = SvgAdd;

package/icons/AddComment.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgAddComment = function () {
+    return (react_1.default.createElement("svg", { width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M2.8 14.653L3.853 13.6H17.2V2.8H2.8v11.853zM17.2 1c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1h14.4zm-6.3 3.6H9.1v2.699L6.4 7.3v1.8l2.7-.001V11.8h1.8V9.099l2.7.001V7.3l-2.7-.001V4.6z" })));
+};
+exports.default = SvgAddComment;

package/icons/Calendar.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgCalendar = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 002 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z", fill: "currentColor", fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
+};
+exports.default = SvgCalendar;

package/icons/Comment.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgComment = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M16.35 6h-8.7C6.74 6 6 6.804 6 7.793v5.788c0 .986.737 1.79 1.644 1.793V18l3.472-2.626h5.234c.91 0 1.65-.805 1.65-1.793V7.793C18 6.804 17.26 6 16.35 6zm-1.562 6.726H9.212v-.765h5.576v.765zm0-1.63H9.212v-.765h5.576v.764zm0-1.631H9.212V8.7h5.576v.764z", fill: "#fff" })));
+};
+exports.default = SvgComment;

package/icons/CommentBubble.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgCommentBubble = function () {
+    return (react_1.default.createElement("svg", { width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M2.8 1h14.4c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1z" })));
+};
+exports.default = SvgCommentBubble;

package/icons/Create.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgCreate = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.6 15.15v2.25h2.25l6.636-6.636-2.25-2.25L6.6 15.15zm10.626-6.126a.598.598 0 000-.846l-1.404-1.404a.598.598 0 00-.846 0l-1.098 1.098 2.25 2.25 1.098-1.098z", fill: "#fff" })));
+};
+exports.default = SvgCreate;

package/icons/DefaultImage.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgDefaultImage = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { d: "M0 0h24v24H0z" }),
+            react_1.default.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zm-4.5-9l2.5 3.096V18H5l4.5-5.5 2.5 3.01L16.5 10zm-8-4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z", fillOpacity: 0.12, fill: "#000", fillRule: "nonzero" }))));
+};
+exports.default = SvgDefaultImage;

package/icons/Details.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgDetails = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("path", { d: "M14 5a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V6a1 1 0 011-1h10zm6 12v2h-3v-2h3zm2-4v2h-5v-2h5zm0-4v2h-5V9h5zm0-4v2h-5V5h5z", id: "Details_svg__a" })),
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "Details_svg__b", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#Details_svg__a" })),
+            react_1.default.createElement("path", { mask: "url(#Details_svg__b)", d: "M0 0h24v24H0z" }))));
+};
+exports.default = SvgDetails;

package/icons/Download.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgDownload = function () {
+    return (react_1.default.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("path", { d: "M19 16v3H5v-3H3v3c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-3h-2zm-6-3.33l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2v9.67z", id: "Download_svg__a" })),
+        react_1.default.createElement("g", { transform: "translate(-3 -3)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "Download_svg__b", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#Download_svg__a" })),
+            react_1.default.createElement("path", { fillOpacity: 0.54, fill: "#fff", mask: "url(#Download_svg__b)", d: "M0 0h24v24H0z" }))));
+};
+exports.default = SvgDownload;

package/icons/EmptySearchResults.js

@@ -0,0 +1,73 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgEmptySearchResults = function () {
+    return (react_1.default.createElement("svg", { width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("radialGradient", { cx: "50%", cy: "100%", fx: "50%", fy: "100%", r: "81.681%", gradientTransform: "matrix(.98998 0 0 .612 .005 .388)", id: "EmptySearchResults_svg__c" },
+                react_1.default.createElement("stop", { stopColor: "#00BFFF", stopOpacity: 0.5, offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#9EE8FF", stopOpacity: 0, offset: "100%" })),
+            react_1.default.createElement("radialGradient", { cx: "50%", cy: "111.651%", fx: "50%", fy: "111.651%", r: "87.693%", gradientTransform: "matrix(0 -.97693 .7263 0 -.31 1.605)", id: "EmptySearchResults_svg__f" },
+                react_1.default.createElement("stop", { stopColor: "#91F8E5", stopOpacity: 0.6, offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#14F7FF", stopOpacity: 0, offset: "100%" })),
+            react_1.default.createElement("radialGradient", { cx: "50%", cy: "103.659%", fx: "50%", fy: "103.659%", r: "90.207%", gradientTransform: "matrix(0 -1 2.23905 0 -1.821 1.537)", id: "EmptySearchResults_svg__g" },
+                react_1.default.createElement("stop", { stopColor: "#FFF", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#73FAFF", stopOpacity: 0.21, offset: "59.38%" }),
+                react_1.default.createElement("stop", { stopColor: "#14F7FF", stopOpacity: 0, offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: "50%", y1: "170.771%", x2: "50%", y2: "10.303%", id: "EmptySearchResults_svg__e" },
+                react_1.default.createElement("stop", { stopColor: "#91F8E5", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#99FCFF", stopOpacity: 0, offset: "100%" })),
+            react_1.default.createElement("filter", { x: "-25.9%", y: "-26.2%", width: "151.8%", height: "152.3%", filterUnits: "objectBoundingBox", id: "EmptySearchResults_svg__d" },
+                react_1.default.createElement("feGaussianBlur", { stdDeviation: 15, in: "SourceGraphic" })),
+            react_1.default.createElement("circle", { id: "EmptySearchResults_svg__a", cx: 128, cy: 128, r: 128 })),
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "EmptySearchResults_svg__b", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#EmptySearchResults_svg__a" })),
+            react_1.default.createElement("use", { fillOpacity: 0.2, fill: "#A792CD", xlinkHref: "#EmptySearchResults_svg__a" }),
+            react_1.default.createElement("g", { mask: "url(#EmptySearchResults_svg__b)" },
+                react_1.default.createElement("g", { transform: "translate(56 34)" },
+                    react_1.default.createElement("g", { opacity: 0.9, strokeWidth: 1, fill: "#FFF" },
+                        react_1.default.createElement("path", { d: "M0 6.99C0 3.13 3.137 0 7 0h247.067c3.866 0 7 3.144 7 6.99v169.353c0 3.86-3.137 6.99-7 6.99H7c-3.866 0-7-3.143-7-6.99V6.99z" }),
+                        react_1.default.createElement("path", { d: "M13 25.99c0-3.86 3.137-6.99 7-6.99h247.067c3.866 0 7 3.144 7 6.99v169.353c0 3.86-3.137 6.99-7 6.99H20c-3.866 0-7-3.143-7-6.99V25.99z", opacity: 0.4 })),
+                    react_1.default.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(21.756 45.833)" },
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 213.204, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 197.976, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        react_1.default.createElement("path", { d: "M10.334 1.091c5.707 0 10.334 4.627 10.334 10.334v.067c0 5.707-4.627 10.333-10.334 10.333S0 17.2 0 11.492v-.067C0 5.718 4.627 1.091 10.334 1.091z", fill: "#E3EBF4" }),
+                        react_1.default.createElement("path", { d: "M35.365.861h69.768a3.82 3.82 0 010 7.639H35.365a3.82 3.82 0 010-7.639z", fill: "#B1AABD", opacity: 0.5 }),
+                        react_1.default.createElement("path", { d: "M34.274 15.048h126.164a2.728 2.728 0 010 5.456H34.274a2.728 2.728 0 110-5.456z", fill: "#B1AABD", opacity: 0.43 }),
+                        react_1.default.createElement("path", { d: "M33.182 24.869H73.89a1.637 1.637 0 110 3.274H33.182a1.637 1.637 0 010-3.274z", fill: "#B1AABD", opacity: 0.2 })),
+                    react_1.default.createElement("rect", { fill: "#645F6D", opacity: 0.5, x: 21.756, y: 17.46, width: 87.022, height: 12.004, rx: 6.002 }),
+                    react_1.default.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(21.756 87.302)" },
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 213.204, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 197.976, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        react_1.default.createElement("rect", { fill: "#E3EBF4", x: 0, y: 1.091, width: 20.668, height: 20.734, rx: 10.334 }),
+                        react_1.default.createElement("path", { d: "M35.365.861h82.647a3.82 3.82 0 010 7.639H35.365a3.82 3.82 0 010-7.639z", fill: "#B1AABD", opacity: 0.5 }),
+                        react_1.default.createElement("path", { d: "M34.274 15.048H174.58a2.728 2.728 0 010 5.456H34.274a2.728 2.728 0 110-5.456z", fill: "#B1AABD", opacity: 0.43 }),
+                        react_1.default.createElement("path", { d: "M33.182 24.869h113.119a1.637 1.637 0 110 3.274H33.182a1.637 1.637 0 010-3.274z", fill: "#B1AABD", opacity: 0.2 })),
+                    react_1.default.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(21.756 128.77)" },
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 213.204, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 197.976, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        react_1.default.createElement("path", { d: "M10.334 1.091c5.707 0 10.334 4.627 10.334 10.334v.067c0 5.707-4.627 10.333-10.334 10.333S0 17.2 0 11.492v-.067C0 5.718 4.627 1.091 10.334 1.091z", fill: "#E3EBF4" }),
+                        react_1.default.createElement("path", { d: "M35.365.861h110.929a3.82 3.82 0 010 7.639H35.365a3.82 3.82 0 010-7.639z", fill: "#B1AABD", opacity: 0.5 }),
+                        react_1.default.createElement("path", { d: "M34.274 15.048h92.443a2.728 2.728 0 010 5.456H34.274a2.728 2.728 0 110-5.456z", fill: "#B1AABD", opacity: 0.43 }),
+                        react_1.default.createElement("path", { d: "M33.182 24.869H73.89a1.637 1.637 0 110 3.274H33.182a1.637 1.637 0 010-3.274z", fill: "#B1AABD", opacity: 0.2 })))),
+            react_1.default.createElement("g", { mask: "url(#EmptySearchResults_svg__b)" },
+                react_1.default.createElement("path", { fill: "#446275", d: "M72.246 84.033l8.66 5-35.5 61.488-8.66-5-12.556-24.729-51.307-29.622 20.431-35.388 50.648 29.242z" }),
+                react_1.default.createElement("path", { d: "M62.906 120.21l-80.091-46.24 10.5-18.188 50.647 29.242 28.284-.99 8.66 5-18 31.176z", fillOpacity: 0.2, fill: "#FFF" }),
+                react_1.default.createElement("path", { d: "M27.566 75.558L3.877 109.065l-5.013-2.895 26.045-32.146 2.657 1.534zm9.467 5.466L13.345 114.53l-5.014-2.895L34.377 79.49l2.656 1.534zm8.158 4.71l-22.32 34.297-5.013-2.895L43.903 84.99l1.288.744z", fill: "#527585" }),
+                react_1.default.createElement("path", { d: "M11.524 90.544l13.385-16.52 2.657 1.534-12.174 17.22-3.868-2.234zm9.467 5.467L34.377 79.49l2.656 1.534-12.174 17.22-3.868-2.233zm9.527 5.5L43.903 84.99l1.288.744-11.47 17.626-3.203-1.85z", fill: "#76A2B5", opacity: 0.6 }),
+                react_1.default.createElement("path", { d: "M.355 59.848l-23.689 33.507-5.013-2.895 26.045-32.146 2.657 1.534zm9.468 5.466L-13.866 98.82l-5.013-2.895L7.166 63.78l2.657 1.534zm8.158 4.71L-4.34 104.32l-5.014-2.895L16.692 69.28l1.289.744z", fillOpacity: 0.1, fill: "#000" }),
+                react_1.default.createElement("g", null,
+                    react_1.default.createElement("path", { fill: "url(#EmptySearchResults_svg__c)", opacity: 0.993, filter: "url(#EmptySearchResults_svg__d)", d: "M.63 0h173.74L123 172H52z", transform: "rotate(120 90.404 138.861)" }),
+                    react_1.default.createElement("path", { fill: "url(#EmptySearchResults_svg__e)", opacity: 0.3, d: "M4 9h166.37L120.73 172.299H53.64z", transform: "rotate(120 90.404 138.861)" }),
+                    react_1.default.createElement("path", { fill: "url(#EmptySearchResults_svg__f)", opacity: 0.3, d: "M4 2h166.37L120.73 172.299H53.64z", transform: "rotate(120 90.404 138.861)" }),
+                    react_1.default.createElement("path", { fill: "url(#EmptySearchResults_svg__g)", d: "M4 9h166.37L120.73 172.299H53.64z", transform: "rotate(120 90.404 138.861)" }),
+                    react_1.default.createElement("path", { fill: "#FFF", opacity: 0.196, d: "M212.363 205.344l-1 1.732L60.418 124.52l4.977-8.62z" })),
+                react_1.default.createElement("path", { fill: "#76A2B5", d: "M73.112 84.533l-35.5 61.488-.866-.5 35.5-61.488z" }),
+                react_1.default.createElement("path", { fill: "#F3F3F3", d: "M80.906 89.033l-35.5 61.488-.866-.5 35.5-61.488z" }),
+                react_1.default.createElement("path", { fill: "#538196", d: "M55.112 115.71l-17.5 30.311-.866-.5 17.5-30.31z" })))));
+};
+exports.default = SvgEmptySearchResults;

package/icons/Eye.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgEye = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("mask", { id: "Eye_svg__a", style: {
+                maskType: 'alpha'
+            }, maskUnits: "userSpaceOnUse", x: 1, y: 5, width: 22, height: 15 },
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 5C7 5 2.73 8.11 1 12.5 2.73 16.89 7 20 12 20s9.27-3.11 11-7.5C21.27 8.11 17 5 12 5zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm-3-5c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z", fill: "#fff" })),
+        react_1.default.createElement("g", { mask: "url(#Eye_svg__a)" },
+            react_1.default.createElement("path", { fill: "#000", fillOpacity: 0.54, d: "M0 0h24v24H0z" }))));
+};
+exports.default = SvgEye;

package/icons/Filter.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgFilter = function () {
+    return (react_1.default.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M18 2V0H0v2l7 8v8l4-2v-6z", fill: "currentColor", fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
+};
+exports.default = SvgFilter;

package/icons/Ignored.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgIgnored = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3.5A8.503 8.503 0 003.5 12c0 4.692 3.808 8.5 8.5 8.5s8.5-3.808 8.5-8.5-3.808-8.5-8.5-8.5zM6.1 12c0-3.26 2.64-5.9 5.9-5.9 1.161 0 2.24.336 3.149.917L7.017 15.15A5.821 5.821 0 016.101 12zm5.9 5.9c-1.16 0-2.24-.336-3.148-.917l8.131-8.131c.581.908.917 1.987.917 3.148 0 3.26-2.64 5.9-5.9 5.9z", fill: "#000", fillOpacity: 0.54 })));
+};
+exports.default = SvgIgnored;

package/icons/IgnoredOutlined.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgIgnoredOutlined = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.847 9.402a6.34 6.34 0 00-.8-1.322L8.08 17.048A6.34 6.34 0 0012 18.4a6.398 6.398 0 005.847-8.998zm-7.283 7.283l6.121-6.121a4.898 4.898 0 01-6.121 6.121zm1.437-11.084a6.334 6.334 0 013.92 1.352L6.953 15.92A6.334 6.334 0 015.6 12c0-3.536 2.864-6.4 6.4-6.4zm0 1.5c.5 0 .982.075 1.436.215l-6.121 6.12A4.898 4.898 0 0112 7.1zM6.6 17.903A7.967 7.967 0 0012 20c4.417-.001 8.001-3.585 8.001-8.001a7.967 7.967 0 00-2.601-5.902A7.988 7.988 0 0012 4c-4.416 0-8 3.584-8 8a7.967 7.967 0 002.602 5.902zM12 2.5c-5.244 0-9.5 4.256-9.5 9.5s4.256 9.5 9.5 9.5 9.5-4.256 9.5-9.5-4.256-9.5-9.5-9.5z", fill: "#000", fillOpacity: 0.54 })));
+};
+exports.default = SvgIgnoredOutlined;

package/icons/LogIn.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgLogIn = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M15.6 6H9c-.662 0-1.2.539-1.2 1.2V9H9V7.2h6.6v9.6H9V15H7.8v1.8c0 .662.538 1.2 1.2 1.2h6.6c.662 0 1.2-.538 1.2-1.2V7.2c0-.661-.538-1.2-1.2-1.2z", fill: "#fff" }),
+        react_1.default.createElement("path", { d: "M10.975 13.976l.85.848 2.823-2.83-2.824-2.819-.848.85 1.378 1.375H7.2v1.2h5.15l-1.375 1.376z", fill: "#fff" })));
+};
+exports.default = SvgLogIn;

package/icons/LogOut.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgLogOut = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M7.4 6H14c.662 0 1.2.539 1.2 1.2V9H14V7.2H7.4v9.6H14V15h1.2v1.8c0 .662-.538 1.2-1.2 1.2H7.4c-.662 0-1.2-.538-1.2-1.2V7.2c0-.661.538-1.2 1.2-1.2z" }),
+        react_1.default.createElement("path", { d: "M15.127 13.976l.85.848 2.823-2.83-2.824-2.819-.849.85 1.379 1.375h-5.154v1.2H16.5l-1.374 1.376z" })));
+};
+exports.default = SvgLogOut;

package/icons/Merge.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgMerge = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.764 11.152V9.659l2.334 2.217-2.334 2.217v-1.444H13.12c-1.023 0-1.333.314-1.918 1.632-.797 1.796-1.514 2.52-3.3 2.52h-1.69v-1.495h1.69c1.036 0 1.35-.319 1.937-1.639.348-.784.68-1.363 1.09-1.766-.41-.403-.742-.982-1.09-1.766-.586-1.32-.901-1.64-1.938-1.64H6.213V7H7.9c1.787 0 2.504.725 3.301 2.52.585 1.318.895 1.633 1.918 1.633h2.644z", fill: "#fff" })));
+};
+exports.default = SvgMerge;

package/icons/MlMatch.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgMlMatch = function () {
+    return (react_1.default.createElement("svg", { width: 192, height: 192, viewBox: "0 0 192 192", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("linearGradient", { x1: "94.582%", y1: "6.451%", x2: "23.195%", y2: "83.323%", id: "MLMatch_svg__b" },
+                react_1.default.createElement("stop", { stopColor: "#CDE1FF", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#AFFBF4", offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: "94.582%", y1: "6.594%", x2: "23.195%", y2: "83.214%", id: "MLMatch_svg__d" },
+                react_1.default.createElement("stop", { stopColor: "#FFF", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#FDFFFF", offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: "93.837%", y1: "55.274%", x2: "29.292%", y2: "-20.431%", id: "MLMatch_svg__g" },
+                react_1.default.createElement("stop", { stopColor: "#FFFCC7", stopOpacity: 0, offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#FFF470", offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: "50%", y1: "0%", x2: "50%", y2: "98.152%", id: "MLMatch_svg__i" },
+                react_1.default.createElement("stop", { stopColor: "#83D6FF", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#72B9EF", offset: "100%" })),
+            react_1.default.createElement("path", { d: "M1.821 66.003L34.263 9.94C36.633 5.813 45.673.594 51.398.072l64.445-.064c5.06-.241 14.821 5.084 17.888 10.395l31.467 54.503c3.186 5.518 2.765 16.592-.13 22.117l-30.948 53.481c-3.776 5.127-14.165 11.126-19.57 11.328l-62.134.061c-5.51-.264-15.934-5.764-18.758-10.655L1.856 86.155C-.846 81.475-.37 70.648 1.82 66.003z", id: "MLMatch_svg__a" }),
+            react_1.default.createElement("path", { d: "M11.109 67.042l28.713-49.618C41.92 13.77 49.931 9.158 55.006 8.7l57.143.005c4.486-.209 13.147 4.516 15.871 9.223l27.954 48.298c2.83 4.89 2.467 14.696-.095 19.586l-27.391 47.334c-3.343 4.537-12.55 9.84-17.342 10.013l-55.094-.004c-4.886-.24-14.134-5.12-16.643-9.454L11.16 84.889c-2.4-4.147-1.989-13.735-.05-17.847z", id: "MLMatch_svg__c" }),
+            react_1.default.createElement("path", { d: "M.995 0c26.4.684 47.59 22.234 47.59 48.72 0 26.23-23.795 34.53-23.795 56.987 0 3.703-3.011 6.705-6.725 6.705l-17.07-.001V68.985c6.466-1.238 11.353-6.923 11.353-13.75S7.46 42.722.995 41.485V0z", id: "MLMatch_svg__e" }),
+            react_1.default.createElement("path", { d: "M47.353 0l-.087 41.235-.225.003c-7.588.167-13.688 6.37-13.688 13.997 0 7.683 6.19 13.92 13.854 14l-.091 43.265H27.887c-1.894-.56-3.197-1.234-3.91-2.025-.712-.79-1.357-2.275-1.933-4.455l-2.335-10.733c-.354-1.265-.674-2.183-.96-2.753-.286-.57-.784-1.281-1.494-2.134L2.002 70.367c-.846-.949-1.383-1.73-1.61-2.343-.228-.613-.356-1.626-.386-3.038V31.34c-.028-.785.044-1.37.216-1.757.173-.387.566-.848 1.18-1.382L28.368.885c.37-.367.665-.601.885-.704.22-.103.557-.163 1.01-.181h17.09z", id: "MLMatch_svg__h" })),
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("g", { transform: "translate(12 6)" },
+                react_1.default.createElement("use", { fill: "url(#MLMatch_svg__b)", xlinkHref: "#MLMatch_svg__a" }),
+                react_1.default.createElement("use", { fill: "url(#MLMatch_svg__d)", opacity: 0.5, xlinkHref: "#MLMatch_svg__c" })),
+            react_1.default.createElement("g", { transform: "translate(69.652 30.765)" },
+                react_1.default.createElement("rect", { fill: "#363636", x: 15.457, y: 132.745, width: 21.151, height: 23.158, rx: 10.576 }),
+                react_1.default.createElement("path", { d: "M48.146 118.763v18.93c0 7.198-5.944 13.035-13.277 13.035h-16.71c-7.333 0-13.278-5.837-13.278-13.036v-18.929a13 13 0 01.023-.763h43.22a13 13 0 01.022.763z", fill: "#717171" }),
+                react_1.default.createElement("path", { d: "M41.348 137.2c0 7.199-4.947 13.035-11.048 13.035H16.395c-6.101 0-11.047-5.836-11.047-13.035v-18.965h36V137.2z", fill: "#828282" }),
+                react_1.default.createElement("path", { d: "M47.51 138.235a4 4 0 110 8H4.556a4 4 0 110-8h42.956zm0-11a4 4 0 110 8H4.556a4 4 0 110-8h42.956zm0-11a4 4 0 110 8H4.556a4 4 0 110-8h42.956z", fill: "#B1B1B1" }),
+                react_1.default.createElement("path", { d: "M24.999 138.234v8h-16v-8h16zm0-11v8h-16v-8h16zm0-11v8h-16v-8h16z", fill: "#C5C5C5" }),
+                react_1.default.createElement("g", { transform: "translate(27)" },
+                    react_1.default.createElement("mask", { id: "MLMatch_svg__f", fill: "#fff" },
+                        react_1.default.createElement("use", { xlinkHref: "#MLMatch_svg__e" })),
+                    react_1.default.createElement("use", { fill: "#FFD44B", xlinkHref: "#MLMatch_svg__e" }),
+                    react_1.default.createElement("path", { d: "M-49 48.729C-49 21.583-27.155 0-.207 0 26.74 0 48.585 21.817 48.585 48.729c0 26.227-23.75 34.525-23.75 56.98a6.708 6.708 0 01-6.713 6.703h-38.208a6.708 6.708 0 01-6.712-6.704C-26.798 85.217-49 75.875-49 48.73z", fill: "#FFD347", mask: "url(#MLMatch_svg__f)" }),
+                    react_1.default.createElement("path", { d: "M-49 48.729C-49 21.583-27.155 0-.207 0 26.74 0 48.585 21.817 48.585 48.729c0 26.227-23.75 34.525-23.75 56.98a6.708 6.708 0 01-6.713 6.703h-38.208a6.708 6.708 0 01-6.712-6.704C-26.798 85.217-49 75.875-49 48.73z", fill: "#FFDE72", mask: "url(#MLMatch_svg__f)" }),
+                    react_1.default.createElement("path", { d: "M11.965 48.645c.17-7.171 7.488-10.693 13.863-6.802 7.245 4.422 4.05 16.311-4.742 16.548l-.268.004h-3.227l-4.608 56.092-5.995-.253 4.413-51.248.185-4.592-10.592.001v-6h10.83l.139-3.585.002-.165zm10.737-1.681c-2.54-1.55-4.64-.58-4.737 1.766l-.005.284-.131 3.38 2.99.001c2.852 0 3.999-3.945 2.011-5.347l-.128-.084z", fill: "#F3BE13", mask: "url(#MLMatch_svg__f)" }),
+                    react_1.default.createElement("ellipse", { fill: "url(#MLMatch_svg__g)", mask: "url(#MLMatch_svg__f)", cx: -1.89, cy: 48.245, rx: 36.534, ry: 36.667 }))),
+            react_1.default.createElement("g", { transform: "translate(45.647 30.765)" },
+                react_1.default.createElement("mask", { id: "MLMatch_svg__j", fill: "#fff" },
+                    react_1.default.createElement("use", { xlinkHref: "#MLMatch_svg__h" })),
+                react_1.default.createElement("use", { fill: "url(#MLMatch_svg__i)", xlinkHref: "#MLMatch_svg__h" }),
+                react_1.default.createElement("path", { fill: "#D6FCFA", fillRule: "nonzero", opacity: 0.5, mask: "url(#MLMatch_svg__j)", d: "M38.24 11.235v6l-3.55-.001-22.207 22.207h-18.13v-6H9.997l22.207-22.206zM25.682 40.779l13.8 13.799H50v6H36.997L21.439 45.021zM53.311 28.235v6h-13.65l-3.935 4.246-4.4-4.08 5.718-6.166zM14.248 52.235l20.52 20.52h3.695v6h-6.18l-20.52-20.52H-.647v-6zM21.353 84.235h8.95L40.4 94.332h16.753v6H37.915L27.817 90.235z" })),
+            react_1.default.createElement("circle", { fill: "#008FD8", cx: 94, cy: 86, r: 9 }))));
+};
+exports.default = SvgMlMatch;

package/icons/NestedAttribute.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgNestedAttribute = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M14 11v-1a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-1h-3v1a1 1 0 01-1 1H6a1 1 0 01-1-1v-4a1 1 0 011-1h4a1 1 0 011 1v1h3z", fill: "#000", stroke: "none", strokeWidth: 1, fillRule: "evenodd" })));
+};
+exports.default = SvgNestedAttribute;

package/icons/NoData.js

@@ -0,0 +1,73 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgNoData = function () {
+    return (react_1.default.createElement("svg", { width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("linearGradient", { x1: "50%", y1: "0%", x2: "50%", y2: "100%", id: "NoData_svg__b" },
+                react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0, offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#F4F4F4", offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: "69.573%", y1: "86.747%", x2: "38.144%", y2: "33.403%", id: "NoData_svg__d" },
+                react_1.default.createElement("stop", { stopColor: "#000", stopOpacity: 0, offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#000", offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: "50%", y1: "0%", x2: "50%", y2: "100%", id: "NoData_svg__e" },
+                react_1.default.createElement("stop", { stopColor: "#EEFBFF", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#0072CE", offset: "100%" })),
+            react_1.default.createElement("filter", { x: "-7.7%", y: "-7.5%", width: "115.3%", height: "115%", filterUnits: "objectBoundingBox", id: "NoData_svg__f" },
+                react_1.default.createElement("feOffset", { dx: 0, dy: 2, in: "SourceAlpha", result: "shadowOffsetOuter1" }),
+                react_1.default.createElement("feGaussianBlur", { stdDeviation: 2, in: "shadowOffsetOuter1", result: "shadowBlurOuter1" }),
+                react_1.default.createElement("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0", type: "matrix", in: "shadowBlurOuter1", result: "shadowMatrixOuter1" }),
+                react_1.default.createElement("feMerge", null,
+                    react_1.default.createElement("feMergeNode", { in: "shadowMatrixOuter1" }),
+                    react_1.default.createElement("feMergeNode", { in: "SourceGraphic" }))),
+            react_1.default.createElement("circle", { id: "NoData_svg__a", cx: 128, cy: 128, r: 128 })),
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "NoData_svg__c", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#NoData_svg__a" })),
+            react_1.default.createElement("use", { fillOpacity: 0.1, fill: "#0072CE", xlinkHref: "#NoData_svg__a" }),
+            react_1.default.createElement("path", { fill: "url(#NoData_svg__b)", mask: "url(#NoData_svg__c)", d: "M0 9h256v247H0z" }),
+            react_1.default.createElement("g", { mask: "url(#NoData_svg__c)" },
+                react_1.default.createElement("g", { transform: "translate(29 37)" },
+                    react_1.default.createElement("g", { opacity: 0.9, strokeWidth: 1, fill: "#FFF" },
+                        react_1.default.createElement("path", { fillOpacity: 0.8, opacity: 0.5, d: "M14.565 8h228.144v176.476H14.565z" }),
+                        react_1.default.createElement("path", { d: "M0 8.01C0 3.586 3.576 0 7.997 0h223.838a7.997 7.997 0 017.997 8.01v152.401c0 4.424-3.577 8.01-7.997 8.01H7.997A7.997 7.997 0 010 160.411V8.01z" })),
+                    react_1.default.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(19.986 42.105)" },
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 195.862, cy: 5.013, rx: 3.997, ry: 4.01 }),
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 181.872, cy: 5.013, rx: 3.997, ry: 4.01 }),
+                        react_1.default.createElement("path", { d: "M9.493 1.003a9.493 9.493 0 019.494 9.493v.06a9.493 9.493 0 01-18.987 0v-.06a9.493 9.493 0 019.493-9.493z", fill: "#E3EBF4" }),
+                        react_1.default.createElement("path", { d: "M32.488.791h64.093a3.509 3.509 0 110 7.018H32.488a3.509 3.509 0 110-7.018z", fill: "#B1AABD", opacity: 0.5 }),
+                        react_1.default.createElement("path", { d: "M31.486 13.824h115.902a2.506 2.506 0 010 5.012H31.486a2.506 2.506 0 010-5.012z", fill: "#B1AABD", opacity: 0.43 }),
+                        react_1.default.createElement("path", { d: "M30.483 22.846H67.88a1.504 1.504 0 110 3.008H30.483a1.504 1.504 0 110-3.008z", fill: "#B1AABD", opacity: 0.2 })),
+                    react_1.default.createElement("rect", { fill: "#645F6D", opacity: 0.5, x: 19.986, y: 16.04, width: 79.944, height: 11.028, rx: 5.514 }),
+                    react_1.default.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(19.986 80.2)" },
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 195.862, cy: 5.013, rx: 3.997, ry: 4.01 }),
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 181.872, cy: 5.013, rx: 3.997, ry: 4.01 }),
+                        react_1.default.createElement("rect", { fill: "#E3EBF4", x: 0, y: 1.003, width: 18.987, height: 19.048, rx: 9.493 }),
+                        react_1.default.createElement("path", { d: "M32.488.791h75.925a3.509 3.509 0 010 7.018H32.488a3.509 3.509 0 110-7.018z", fill: "#B1AABD", opacity: 0.5 }),
+                        react_1.default.createElement("path", { d: "M31.486 13.824h128.893a2.506 2.506 0 110 5.012H31.486a2.506 2.506 0 010-5.012z", fill: "#B1AABD", opacity: 0.43 }),
+                        react_1.default.createElement("path", { d: "M30.483 22.846h103.918a1.504 1.504 0 010 3.008H30.483a1.504 1.504 0 110-3.008z", fill: "#B1AABD", opacity: 0.2 })),
+                    react_1.default.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(19.986 118.296)" },
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 195.862, cy: 5.013, rx: 3.997, ry: 4.01 }),
+                        react_1.default.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 181.872, cy: 5.013, rx: 3.997, ry: 4.01 }),
+                        react_1.default.createElement("path", { d: "M9.493 1.003a9.493 9.493 0 019.494 9.493v.06a9.493 9.493 0 01-18.987 0v-.06a9.493 9.493 0 019.493-9.493z", fill: "#E3EBF4" }),
+                        react_1.default.createElement("path", { d: "M32.488.791h101.906a3.509 3.509 0 010 7.018H32.488a3.509 3.509 0 110-7.018z", fill: "#B1AABD", opacity: 0.5 }),
+                        react_1.default.createElement("path", { d: "M31.486 13.824h84.924a2.506 2.506 0 010 5.012H31.486a2.506 2.506 0 010-5.012z", fill: "#B1AABD", opacity: 0.43 }),
+                        react_1.default.createElement("path", { d: "M30.483 22.846H67.88a1.504 1.504 0 110 3.008H30.483a1.504 1.504 0 110-3.008z", fill: "#B1AABD", opacity: 0.2 })))),
+            react_1.default.createElement("g", { mask: "url(#NoData_svg__c)" },
+                react_1.default.createElement("path", { d: "M154.445 45.134v154.072H36.625V45.134h.811C35.508 62.52 41.07 80.609 54.12 93.944c22.74 23.235 59.61 23.235 82.352 0 13.05-13.335 18.612-31.424 16.683-48.81h1.29z", fill: "url(#NoData_svg__d)", opacity: 0.1, transform: "rotate(-30 291.014 34.548)" }),
+                react_1.default.createElement("path", { d: "M27.473 93.234c17.964 18.355 47.09 18.355 65.054 0s17.964-48.113 0-66.468c-17.964-18.355-47.09-18.355-65.054 0s-17.964 48.113 0 66.468z", fill: "url(#NoData_svg__e)", opacity: 0.2, transform: "translate(70 86)" }),
+                react_1.default.createElement("g", { filter: "url(#NoData_svg__f)", strokeWidth: 1, fill: "none", transform: "translate(70 86)" },
+                    react_1.default.createElement("path", { d: "M59.697 0c32.97 0 59.697 26.746 59.697 59.738 0 15.185-5.662 29.047-14.988 39.587l51.204 51.24a89.336 89.336 0 01-10.097 9.392l-51.38-51.416c-9.73 6.888-21.61 10.936-34.436 10.936C26.727 119.477 0 92.73 0 59.738 0 26.746 26.727 0 59.697 0zm0 17.756c-23.17 0-41.953 18.796-41.953 41.982s18.783 41.982 41.953 41.982 41.953-18.796 41.953-41.982-18.783-41.982-41.953-41.982z", fill: "#B5C8C9" }),
+                    react_1.default.createElement("path", { d: "M21.508 105.656C8.365 94.698 0 78.196 0 59.738 0 26.746 26.727 0 59.697 0c18.444 0 34.935 8.37 45.885 21.523l-9.794 9.8c-8.408-10.68-21.45-17.537-36.091-17.537-25.361 0-45.92 20.573-45.92 45.952 0 14.652 6.852 27.702 17.525 36.117l-9.794 9.8z", fillOpacity: 0.4, fill: "#FFF" })),
+                react_1.default.createElement("path", { d: "M97.473 179.234c17.964 18.355 47.09 18.355 65.054 0s17.964-48.113 0-66.468c-17.964-18.355-47.09-18.355-65.054 0s-17.964 48.113 0 66.468z", fill: "#D9F5FF", opacity: 0.4, style: {
+                        mixBlendMode: 'soft-light'
+                    } }),
+                react_1.default.createElement("path", { d: "M123.885 158.736c0-3.929.444-7.03 1.332-9.304.888-2.274 2.328-4.245 4.32-5.914 1.99-1.668 3.504-3.195 4.54-4.581 1.037-1.386 1.555-2.913 1.555-4.581 0-4.064-1.75-6.095-5.248-6.095-1.614 0-2.92.592-3.915 1.776-.996 1.184-1.52 2.785-1.574 4.803H111.25c.054-5.382 1.75-9.573 5.086-12.574 3.337-3 8.02-4.5 14.047-4.5 6.001 0 10.65 1.386 13.946 4.157 3.297 2.772 4.945 6.714 4.945 11.827 0 2.234-.444 4.265-1.332 6.095-.888 1.83-2.315 3.7-4.279 5.61l-4.642 4.32c-1.318 1.265-2.233 2.563-2.745 3.895-.51 1.332-.793 3.02-.847 5.066h-11.545zm-1.655 12.27c0-1.99.72-3.625 2.16-4.904 1.44-1.278 3.236-1.917 5.389-1.917 2.152 0 3.949.64 5.388 1.917 1.44 1.279 2.16 2.913 2.16 4.905 0 1.991-.72 3.626-2.16 4.904-1.44 1.278-3.236 1.917-5.388 1.917-2.153 0-3.95-.639-5.389-1.917-1.44-1.278-2.16-2.913-2.16-4.904z", fillOpacity: 0.87, fill: "#000", style: {
+                        mixBlendMode: 'overlay'
+                    } }),
+                react_1.default.createElement("path", { d: "M123.885 158.736c0-3.929.444-7.03 1.332-9.304.888-2.274 2.328-4.245 4.32-5.914 1.99-1.668 3.504-3.195 4.54-4.581 1.037-1.386 1.555-2.913 1.555-4.581 0-4.064-1.75-6.095-5.248-6.095-1.614 0-2.92.592-3.915 1.776-.996 1.184-1.52 2.785-1.574 4.803H111.25c.054-5.382 1.75-9.573 5.086-12.574 3.337-3 8.02-4.5 14.047-4.5 6.001 0 10.65 1.386 13.946 4.157 3.297 2.772 4.945 6.714 4.945 11.827 0 2.234-.444 4.265-1.332 6.095-.888 1.83-2.315 3.7-4.279 5.61l-4.642 4.32c-1.318 1.265-2.233 2.563-2.745 3.895-.51 1.332-.793 3.02-.847 5.066h-11.545zm-1.655 12.27c0-1.99.72-3.625 2.16-4.904 1.44-1.278 3.236-1.917 5.389-1.917 2.152 0 3.949.64 5.388 1.917 1.44 1.279 2.16 2.913 2.16 4.905 0 1.991-.72 3.626-2.16 4.904-1.44 1.278-3.236 1.917-5.388 1.917-2.153 0-3.95-.639-5.389-1.917-1.44-1.278-2.16-2.913-2.16-4.904z", fillOpacity: 0.38, fill: "#3C74B4" })))));
+};
+exports.default = SvgNoData;

package/icons/NoDataSearch.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgNoDataSearch = function () {
+    return (react_1.default.createElement("svg", { width: 79, height: 68, viewBox: "0 0 79 68", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { d: "M24.889 40.444V22.556H3.603v-2.334H24.89V3.89h2.333v16.333h23.334V3.89h2.333v16.333h18.157v2.334H52.889v17.888h18.157v2.334H52.889v17.396h-2.333V42.778H27.222v17.396H24.89V42.778H3.603v-2.334H24.89zm2.333 0h23.334V22.556H27.222v17.888z", fill: "#D2DEDE", opacity: 0.2 }),
+            react_1.default.createElement("path", { d: "M68.725 3.889H3.889v29.814l13.413-14.36 14.399 6.347 11.265-7.467h16.633l9.126-14.334zm2.053 4.016l-9.044 14.207H44.138l-12.06 7.994-13.818-6.091L3.889 39.4V59.89h66.889V7.905zM3 0h68.667a3 3 0 013 3v57.778a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3z", fill: "#D2DEDE", opacity: 0.5 }),
+            react_1.default.createElement("path", { d: "M66.732 52.044H64.79l-.689-.664a15.91 15.91 0 003.86-10.4c0-8.826-7.154-15.98-15.98-15.98C43.154 25 36 32.154 36 40.98c0 8.827 7.154 15.981 15.98 15.981a15.91 15.91 0 0010.4-3.86l.664.689v1.942L75.337 68 79 64.337 66.732 52.044zM52 52c-6.087 0-11-4.913-11-11s4.913-11 11-11 11 4.913 11 11-4.913 11-11 11z", fill: "#B5C8C9", fillRule: "nonzero" }))));
+};
+exports.default = SvgNoDataSearch;

package/icons/NoMatches.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgNoMatches = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.8 15.6V7.2H8.4V6h8.4c.66 0 1.2.54 1.2 1.2v8.4h-1.2zM7.2 18c-.66 0-1.2-.54-1.2-1.2V9.6c0-.66.54-1.2 1.2-1.2h7.2c.66 0 1.2.54 1.2 1.2v7.2c0 .66-.54 1.2-1.2 1.2H7.2zm4.937-2.8l.663-.663-1.337-1.337 1.337-1.337-.663-.663-1.337 1.337L9.463 11.2l-.663.663 1.337 1.337L8.8 14.537l.663.663 1.337-1.337 1.337 1.337z", fill: "#fff" })));
+};
+exports.default = SvgNoMatches;

package/icons/Pin.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgPin = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 4v6l2 2v2h-5v7l-.992 1L11 21v-7H6v-2l2-2V4H7V2h10v2h-1z", fill: "#000", fillOpacity: 0.54 })));
+};
+exports.default = SvgPin;

package/icons/PinOutlined.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgPinOutlined = function () {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 10V4h1V2H7v2h1v6l-2 2v2h5v7l1.008 1L13 21v-7h5v-2l-2-2zm-6-6h4v7l1 1H9l1-1V4z", fill: "#000", fillOpacity: 0.54 })));
+};
+exports.default = SvgPinOutlined;

package/icons/PivotingIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgPivotingIcon = function () {
+    return (react_1.default.createElement("svg", { width: 11, height: 11, viewBox: "0 0 11 11" },
+        react_1.default.createElement("path", { d: "M2.514 5h2.314V3l2.5 2.5-2.5 2.5V6h-3.8a4.5 4.5 0 10.73-3H.6a5.5 5.5 0 11-.577 3H0V5H2.514z", fill: "#6CACE4", stroke: "none", strokeWidth: 1, fillRule: "evenodd" })));
+};
+exports.default = SvgPivotingIcon;

package/icons/PmIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgPmIcon = function () {
+    return (react_1.default.createElement("svg", { viewBox: "0 0 20 20" },
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5 10L14 5.5V9h-3.5L5 3.5 3.5 5l6.04 6H14v3.5l4.5-4.5zM7.04 11.455L3.5 15 5 16.5l3.54-3.545-1.5-1.5z" })));
+};
+exports.default = SvgPmIcon;