@reltio/components 1.4.874 → 1.4.878

package/hooks/useSavedState.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSavedState = void 0;
-var react_1 = require("react");
-var useSavedState = function (getSavedState) {
-    var _a = react_1.useState(false), isLoaded = _a[0], setIsLoaded = _a[1];
-    var _b = react_1.useState({}), savedState = _b[0], setSavedState = _b[1];
-    react_1.useEffect(function () {
+import { useEffect, useState } from 'react';
+export var useSavedState = function (getSavedState) {
+    var _a = useState(false), isLoaded = _a[0], setIsLoaded = _a[1];
+    var _b = useState({}), savedState = _b[0], setSavedState = _b[1];
+    useEffect(function () {
         getSavedState()
             .then(function (savedState) {
             setSavedState(savedState || {});
@@ -15,4 +12,3 @@ var useSavedState = function (getSavedState) {
     }, []); // eslint-disable-line
     return { isLoaded: isLoaded, savedState: savedState };
 };
-exports.useSavedState = useSavedState;

package/hooks/useUsers.js

@@ -1,23 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUsers = void 0;
-var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var useUsers = function () {
-    var _a = react_1.useState([]), users = _a[0], setUsers = _a[1];
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
+import { useEffect, useState } from 'react';
+import { useSelector } from 'react-redux';
+import { getAllUsersForTenant } from '@reltio/mdm-sdk';
+import mdm from '@reltio/mdm-module';
+export var useUsers = function () {
+    var _a = useState([]), users = _a[0], setUsers = _a[1];
+    var tenant = useSelector(mdm.selectors.getTenant);
+    var uiPath = useSelector(mdm.selectors.getUIPath);
     var onError = function (e) {
         console.warn('Users error', e);
         setUsers([]);
     };
-    react_1.useEffect(function () {
-        mdm_sdk_1.getAllUsersForTenant(tenant, uiPath)
+    useEffect(function () {
+        getAllUsersForTenant(tenant, uiPath)
             .then(function (_a) {
             var array = _a.array;
             return setUsers(array);
@@ -26,4 +20,3 @@ var useUsers = function () {
     }, [tenant, uiPath]);
     return users;
 };
-exports.useUsers = useUsers;

package/hooks/useWhyDidYouUpdate.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,14 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     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) {
+import { useEffect, useRef } from 'react';
+export 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 () {
+    var previousProps = useRef();
+    useEffect(function () {
         if (previousProps.current) {
             // Get all keys from previous and current props
             var allKeys = Object.keys(__assign(__assign({}, previousProps.current), props));
@@ -43,4 +40,3 @@ var useWhyDidYouUpdate = function (name, props) {
         previousProps.current = props;
     });
 };
-exports.useWhyDidYouUpdate = useWhyDidYouUpdate;

package/icons/Add.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgAdd = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        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" })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.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;
+export default SvgAdd;

package/icons/AddComment.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgAddComment = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
-        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" })));
+    return (React.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.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;
+export default SvgAddComment;

package/icons/Calendar.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgCalendar = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
-        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 })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.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;
+export default SvgCalendar;

package/icons/Comment.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgComment = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        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" })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.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;
+export default SvgComment;

package/icons/CommentBubble.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgCommentBubble = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
-        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" })));
+    return (React.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.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;
+export default SvgCommentBubble;

package/icons/Copy.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,18 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgCopy = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM20 8H8v12h12V8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Copy_svg__a" })),
-        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("mask", { id: "Copy_svg__b", fill: "#fff" },
-                react_1.default.createElement("use", { xlinkHref: "#Copy_svg__a" })),
-            react_1.default.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#Copy_svg__b)", d: "M0 0h24v24H0z" }))));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM20 8H8v12h12V8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Copy_svg__a" })),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "Copy_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#Copy_svg__a" })),
+            React.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#Copy_svg__b)", d: "M0 0h24v24H0z" }))));
 };
-exports.default = SvgCopy;
+export default SvgCopy;

package/icons/Create.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgCreate = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        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" })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.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;
+export default SvgCreate;

package/icons/DefaultImage.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,15 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgDefaultImage = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
-        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" }))));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("path", { d: "M0 0h24v24H0z" }),
+            React.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;
+export default SvgDefaultImage;

package/icons/Details.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,18 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgDetails = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
-        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" }))));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.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.createElement("g", { stroke: "none", strokeWidth: 1, fillRule: "evenodd" },
+            React.createElement("mask", { id: "Details_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#Details_svg__a" })),
+            React.createElement("path", { mask: "url(#Details_svg__b)", d: "M0 0h24v24H0z" }))));
 };
-exports.default = SvgDetails;
+export default SvgDetails;

package/icons/Download.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,18 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgDownload = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
-        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" }))));
+    return (React.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.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.createElement("g", { transform: "translate(-3 -3)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "Download_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#Download_svg__a" })),
+            React.createElement("path", { fillOpacity: 0.54, fill: "#fff", mask: "url(#Download_svg__b)", d: "M0 0h24v24H0z" }))));
 };
-exports.default = SvgDownload;
+export default SvgDownload;

package/icons/Draw.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,19 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgDraw = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("path", { d: "M18.29 11.44a1.49 1.49 0 012.12 0l1.15 1.15c.59.58.59 1.53 0 2.12L16.27 20H13v-3.27zM18.174 4c0 1.71-.26 3.285-.932 4.563-.946 1.798-2.609 2.724-4.906 2.46l-.855-.116c-4.382-.544-6.626.53-6.626 3.609 0 1.968 1.105 2.924 3.267 3.304.692.121 1.306.165 2.234.176L11 18v2l-.698-.003c-1.016-.013-1.71-.063-2.526-.206-3.018-.53-4.921-2.176-4.921-5.274 0-4.819 3.71-6.378 9.52-5.505 1.575.237 2.506-.255 3.098-1.38.451-.858.666-2.02.697-3.307L16.174 4h2zM18 13.97l-3.45 3.45v1.03h1.03L19.03 15 18 13.97z", id: "draw_svg__a" })),
-        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("mask", { id: "draw_svg__b", fill: "#fff" },
-                react_1.default.createElement("use", { xlinkHref: "#draw_svg__a" })),
-            react_1.default.createElement("g", { mask: "url(#draw_svg__b)", fill: "#000", fillOpacity: 0.54 },
-                react_1.default.createElement("path", { d: "M0 0h24v24H0z" })))));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.createElement("path", { d: "M18.29 11.44a1.49 1.49 0 012.12 0l1.15 1.15c.59.58.59 1.53 0 2.12L16.27 20H13v-3.27zM18.174 4c0 1.71-.26 3.285-.932 4.563-.946 1.798-2.609 2.724-4.906 2.46l-.855-.116c-4.382-.544-6.626.53-6.626 3.609 0 1.968 1.105 2.924 3.267 3.304.692.121 1.306.165 2.234.176L11 18v2l-.698-.003c-1.016-.013-1.71-.063-2.526-.206-3.018-.53-4.921-2.176-4.921-5.274 0-4.819 3.71-6.378 9.52-5.505 1.575.237 2.506-.255 3.098-1.38.451-.858.666-2.02.697-3.307L16.174 4h2zM18 13.97l-3.45 3.45v1.03h1.03L19.03 15 18 13.97z", id: "draw_svg__a" })),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "draw_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#draw_svg__a" })),
+            React.createElement("g", { mask: "url(#draw_svg__b)", fill: "#000", fillOpacity: 0.54 },
+                React.createElement("path", { d: "M0 0h24v24H0z" })))));
 };
-exports.default = SvgDraw;
+export default SvgDraw;

package/icons/EmptySearchResults.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,75 +9,71 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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"));
+import React from 'react';
 var SvgEmptySearchResults = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
-        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" })))));
+    return (React.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.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.createElement("stop", { stopColor: "#00BFFF", stopOpacity: 0.5, offset: "0%" }),
+                React.createElement("stop", { stopColor: "#9EE8FF", stopOpacity: 0, offset: "100%" })),
+            React.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.createElement("stop", { stopColor: "#91F8E5", stopOpacity: 0.6, offset: "0%" }),
+                React.createElement("stop", { stopColor: "#14F7FF", stopOpacity: 0, offset: "100%" })),
+            React.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.createElement("stop", { stopColor: "#FFF", offset: "0%" }),
+                React.createElement("stop", { stopColor: "#73FAFF", stopOpacity: 0.21, offset: "59.38%" }),
+                React.createElement("stop", { stopColor: "#14F7FF", stopOpacity: 0, offset: "100%" })),
+            React.createElement("linearGradient", { x1: "50%", y1: "170.771%", x2: "50%", y2: "10.303%", id: "EmptySearchResults_svg__e" },
+                React.createElement("stop", { stopColor: "#91F8E5", offset: "0%" }),
+                React.createElement("stop", { stopColor: "#99FCFF", stopOpacity: 0, offset: "100%" })),
+            React.createElement("filter", { x: "-25.9%", y: "-26.2%", width: "151.8%", height: "152.3%", filterUnits: "objectBoundingBox", id: "EmptySearchResults_svg__d" },
+                React.createElement("feGaussianBlur", { stdDeviation: 15, in: "SourceGraphic" })),
+            React.createElement("circle", { id: "EmptySearchResults_svg__a", cx: 128, cy: 128, r: 128 })),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "EmptySearchResults_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#EmptySearchResults_svg__a" })),
+            React.createElement("use", { fillOpacity: 0.2, fill: "#A792CD", xlinkHref: "#EmptySearchResults_svg__a" }),
+            React.createElement("g", { mask: "url(#EmptySearchResults_svg__b)" },
+                React.createElement("g", { transform: "translate(56 34)" },
+                    React.createElement("g", { opacity: 0.9, strokeWidth: 1, fill: "#FFF" },
+                        React.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.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.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(21.756 45.833)" },
+                        React.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 213.204, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        React.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 197.976, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        React.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.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.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.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.createElement("rect", { fill: "#645F6D", opacity: 0.5, x: 21.756, y: 17.46, width: 87.022, height: 12.004, rx: 6.002 }),
+                    React.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(21.756 87.302)" },
+                        React.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 213.204, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        React.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 197.976, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        React.createElement("rect", { fill: "#E3EBF4", x: 0, y: 1.091, width: 20.668, height: 20.734, rx: 10.334 }),
+                        React.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.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.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.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(21.756 128.77)" },
+                        React.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 213.204, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        React.createElement("ellipse", { fill: "#6DBCFF", opacity: 0.5, cx: 197.976, cy: 5.456, rx: 4.351, ry: 4.365 }),
+                        React.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.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.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.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.createElement("g", { mask: "url(#EmptySearchResults_svg__b)" },
+                React.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.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.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.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.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.createElement("g", null,
+                    React.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.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.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.createElement("path", { fill: "url(#EmptySearchResults_svg__g)", d: "M4 9h166.37L120.73 172.299H53.64z", transform: "rotate(120 90.404 138.861)" }),
+                    React.createElement("path", { fill: "#FFF", opacity: 0.196, d: "M212.363 205.344l-1 1.732L60.418 124.52l4.977-8.62z" })),
+                React.createElement("path", { fill: "#76A2B5", d: "M73.112 84.533l-35.5 61.488-.866-.5 35.5-61.488z" }),
+                React.createElement("path", { fill: "#F3F3F3", d: "M80.906 89.033l-35.5 61.488-.866-.5 35.5-61.488z" }),
+                React.createElement("path", { fill: "#538196", d: "M55.112 115.71l-17.5 30.311-.866-.5 17.5-30.31z" })))));
 };
-exports.default = SvgEmptySearchResults;
+export default SvgEmptySearchResults;