@woosmap/ui 3.9.0 → 3.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.9.0",
+  "version": "3.13.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Icon/Icon.js

@@ -7,6 +7,7 @@ import { ReactComponent as Battery } from '../../icons/battery.svg';
 import { ReactComponent as Cars } from '../../icons/cars.svg';
 import { ReactComponent as Github } from '../../icons/github.svg';
 import { ReactComponent as Green } from '../../icons/green.svg';
+import { ReactComponent as Integrations } from '../../icons/integrations.svg';
 import { ReactComponent as Like } from '../../icons/like.svg';
 import { ReactComponent as MapHd } from '../../icons/map-hd.svg';
 import { ReactComponent as Markers } from '../../icons/markers.svg';
@@ -89,7 +90,10 @@ import { ReactComponent as Manage } from '../../icons/manage.svg';
 import { ReactComponent as Marker } from '../../icons/marker.svg';
 import { ReactComponent as Members } from '../../icons/members.svg';
 import { ReactComponent as Member } from '../../icons/member.svg';
-import { ReactComponent as Menu } from '../../icons/menu.svg';
+import { ReactComponent as MenuVertical } from '../../icons/menu-vertical.svg';
+import { ReactComponent as MenuCircleVertical } from '../../icons/menu-circle-vertical.svg';
+import { ReactComponent as MenuHorizontal } from '../../icons/menu-horizontal.svg';
+import { ReactComponent as MenuCircleHorizontal } from '../../icons/menu-circle-horizontal.svg';
 import { ReactComponent as Metrics } from '../../icons/metrics.svg';
 import { ReactComponent as Organization } from '../../icons/organization.svg';
 import { ReactComponent as Organizations } from '../../icons/organizations.svg';
@@ -127,6 +131,13 @@ import { ReactComponent as Map } from '../../icons/map.svg';
 import { ReactComponent as Merchant } from '../../icons/merchant.svg';
 import { ReactComponent as Stores } from '../../icons/stores.svg';
 import { ReactComponent as Traffic } from '../../icons/traffic.svg';
+import { ReactComponent as Geofencing } from '../../icons/geofencing.svg';
+import { ReactComponent as StoreLocator } from '../../icons/storelocator.svg';
+import { ReactComponent as MultiSearch } from '../../icons/multisearch.svg';
+import { ReactComponent as Mapping } from '../../icons/mapping.svg';
+import { ReactComponent as Connectors } from '../../icons/connectors.svg';
+import { ReactComponent as Showcases } from '../../icons/showcases.svg';
+
 import { ReactComponent as SocialFacebook } from '../../icons/social-facebook.svg';
 import { ReactComponent as SocialLinkedin } from '../../icons/social-linkedin.svg';
 import { ReactComponent as SocialTwitter } from '../../icons/social-twitter.svg';
@@ -138,6 +149,7 @@ const Icons = {
     cars: Cars,
     github: Github,
     green: Green,
+    integrations: Integrations,
     like: Like,
     'map-hd': MapHd,
     markers: Markers,
@@ -221,7 +233,10 @@ const Icons = {
     members: Members,
     member: Member,
     metrics: Metrics,
-    menu: Menu,
+    'menu-vertical': MenuVertical,
+    'menu-circle-vertical': MenuCircleVertical,
+    'menu-horizontal': MenuHorizontal,
+    'menu-circle-horizontal': MenuCircleHorizontal,
     organization: Organization,
     organizations: Organizations,
     phone: Phone,
@@ -254,10 +269,16 @@ const Icons = {
     address: Address,
     distance: Distance,
     geolocation: Geolocation,
+    storelocator: StoreLocator,
     localities: Localities,
     maps: Map,
     merchant: Merchant,
     traffic: Traffic,
+    geofencing: Geofencing,
+    multisearch: MultiSearch,
+    mapping: Mapping,
+    connectors: Connectors,
+    showcases: Showcases,
     'social-facebook': SocialFacebook,
     'social-linkedin': SocialLinkedin,
     'social-twitter': SocialTwitter,

package/src/components/Popover/Popover.js

@@ -58,11 +58,11 @@ function withLayer(MyComponent) {
         function close() {
             setOpen(false);
         }
-        const { forwardedRef, container, placement, ...rest } = props;
+        const { forwardedRef, container, placement, disableClickOutside, ...rest } = props;
         const { renderLayer, triggerProps, layerProps, arrowProps } = useLayer({
             isOpen,
             container,
-            onOutsideClick: close, // close the menu when the user clicks outside
+            onOutsideClick: disableClickOutside ? null : close, // close the menu when the user clicks outside
             onDisappear: close, // close the menu when the menu gets scrolled out of sight
             overflowContainer: true, // keep the menu positioned inside the container
             auto: true, // automatically find the best placement
@@ -87,11 +87,13 @@ function withLayer(MyComponent) {
     WrappedComponent.defaultProps = {
         container: null,
         placement: 'bottom-center',
+        disableClickOutside: false,
     };
     WrappedComponent.propTypes = {
         forwardedRef: PropTypes.object.isRequired,
         container: PropTypes.string,
         placement: PropTypes.string,
+        disableClickOutside: PropTypes.bool,
     };
     return React.forwardRef((props, ref) => <WrappedComponent {...props} forwardedRef={ref} />);
 }

package/src/components/Popover/Popover.stories.js

@@ -3,6 +3,12 @@ import Popover from './Popover';
 import ConfirmationPopover from './ConfirmationPopover';
 import Button from '../Button/Button';
 
+const toggle = (ref) => {
+    if (ref.current) {
+        ref.current.toggle();
+    }
+};
+
 const Story = {
     title: 'base/Popover',
     component: Popover,
@@ -12,15 +18,10 @@ export default Story;
 
 const Template = () => {
     const popoverRef = React.createRef();
-    function toggle() {
-        if (popoverRef.current) {
-            popoverRef.current.toggle();
-        }
-    }
     return (
         <div style={{ paddingLeft: '50px' }}>
             <Popover ref={popoverRef} content="My popover">
-                <Button label="my button" onClick={toggle} />
+                <Button label="my button" onClick={() => toggle(popoverRef)} />
             </Popover>
         </div>
     );
@@ -34,15 +35,10 @@ const TemplateConfirmPopover = (args) => {
     const confirmCb = () => {
         // confirm action
     };
-    function toggleConfirm() {
-        if (popoverConfirmRef.current) {
-            popoverConfirmRef.current.toggle();
-        }
-    }
     return (
         <div style={{ paddingLeft: '50px' }}>
             <ConfirmationPopover ref={popoverConfirmRef} text={text} confirmCb={confirmCb}>
-                <Button label="my button" onClick={toggleConfirm} />
+                <Button label="my button" onClick={() => toggle(popoverConfirmRef)} />
             </ConfirmationPopover>
         </div>
     );
@@ -51,3 +47,16 @@ export const ConfirmationPopoverTemplate = TemplateConfirmPopover.bind({});
 ConfirmationPopoverTemplate.args = {
     text: 'Do you confirm?',
 };
+
+const TemplatePopoverNoClickOutside = () => {
+    const popoverRef = React.createRef();
+
+    return (
+        <div style={{ paddingLeft: '50px' }}>
+            <Popover ref={popoverRef} content="My popover, no click outside" disableClickOutside>
+                <Button label="my button 2" onClick={() => toggle(popoverRef)} />
+            </Popover>
+        </div>
+    );
+};
+export const TemplatePopoverClickOutsideDisabled = TemplatePopoverNoClickOutside.bind({});

package/src/icons/bell.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M49.93 90.14A41.14 41.14 0 1 1 91.07 49a41.186 41.186 0 0 1-41.14 41.14Zm0-79.28A38.14 38.14 0 1 0 88.07 49a38.183 38.183 0 0 0-38.14-38.14Z"/><path d="M49.93 75.891a11.142 11.142 0 0 1-11.13-11.13 1.5 1.5 0 0 1 1.5-1.5h19.259a1.5 1.5 0 0 1 1.5 1.5 11.143 11.143 0 0 1-11.129 11.13Zm-7.991-9.63a8.13 8.13 0 0 0 15.981 0Zm27.191-6.114h-38.4a4.965 4.965 0 0 1 0-9.929h1.91V39.4a17.292 17.292 0 0 1 18.124-17.27A17.5 17.5 0 0 1 67.22 39.845v10.373h1.91a4.965 4.965 0 1 1 0 9.929Zm-38.4-6.929a1.965 1.965 0 0 0 0 3.929h38.4a1.965 1.965 0 1 0 0-3.929h-3.41a1.5 1.5 0 0 1-1.5-1.5V39.845a14.5 14.5 0 0 0-13.6-14.719A14.29 14.29 0 0 0 35.64 39.4v12.318a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 15.747H4a.56.56 0 0 0-.56.56 3.213 3.213 0 0 0 3.209 3.209h10.705a3.213 3.213 0 0 0 3.209-3.209.56.56 0 0 0-.563-.56ZM17.354 18.4H6.646a2.093 2.093 0 0 1-2.013-1.529h14.734a2.093 2.093 0 0 1-2.013 1.529ZM4.97 14.53h14.06a.56.56 0 0 0 .56-.56 7.593 7.593 0 0 0-7.03-7.561V5.6h1.465a.56.56 0 1 0 0-1.12h-4.05a.56.56 0 0 0 0 1.12h1.465v.8a7.593 7.593 0 0 0-7.03 7.57.56.56 0 0 0 .56.56ZM12 7.5a6.479 6.479 0 0 1 6.446 5.91H5.554A6.479 6.479 0 0 1 12 7.5Z"/></svg>

package/src/icons/connectors.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="M57.53 8.513H12.47a3.973 3.973 0 0 0-3.97 3.968v45.038a3.973 3.973 0 0 0 3.969 3.968H57.53a3.973 3.973 0 0 0 3.97-3.968V12.481a3.973 3.973 0 0 0-3.97-3.968Zm-21.53 2h21.53a1.971 1.971 0 0 1 1.97 1.968v21.51h-6.93a1 1 0 0 0-1 1 3.82 3.82 0 1 1-7.64 0 1 1 0 0 0-1-1H36v-6a5.821 5.821 0 0 0 0-11.468Zm-23.532 0H34v6.927a1 1 0 0 0 1 1 3.82 3.82 0 1 1 0 7.64 1 1 0 0 0-1 1v6.911h-6.016a5.821 5.821 0 0 0-11.468 0H10.5v-21.51a1.971 1.971 0 0 1 1.97-1.968ZM34 59.487H12.47a1.971 1.971 0 0 1-1.97-1.968v-21.51h6.93a1 1 0 0 0 1-1 3.82 3.82 0 1 1 7.64 0 1 1 0 0 0 1 1H34v6a5.82 5.82 0 0 0 0 11.468Zm23.532 0H36V52.56a1 1 0 0 0-1-1 3.82 3.82 0 1 1 0-7.64 1 1 0 0 0 1-1v-6.911h6.014a5.821 5.821 0 0 0 11.468 0H59.5v21.51a1.971 1.971 0 0 1-1.97 1.968Z"/></svg>

package/src/icons/geofencing.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="M37.958 37.029a2 2 0 0 0 2.132 1.989 2.02 2.02 0 0 0 2.134-1.989c0-3.521 2.454-6.417 5.052-9.483 2.893-3.413 5.885-6.942 5.885-11.74a13.07 13.07 0 1 0-26.14 0c0 4.8 2.991 8.327 5.884 11.74 2.595 3.066 5.053 5.962 5.053 9.483Zm2.133-32.294a11.083 11.083 0 0 1 11.07 11.071c0 4.064-2.628 7.165-5.41 10.447-2.711 3.2-5.513 6.505-5.527 10.745a1.12 1.12 0 0 1-.256.012h-.01c-.008-4.246-2.814-7.557-5.527-10.758-2.783-3.282-5.41-6.383-5.41-10.447a11.083 11.083 0 0 1 11.07-11.07Z"/><path d="M40.09 21.876a5.847 5.847 0 1 0-5.847-5.847 5.854 5.854 0 0 0 5.847 5.847Zm0-9.694a3.847 3.847 0 1 1-3.847 3.847 3.851 3.851 0 0 1 3.847-3.847Zm17.204 11.479a1 1 0 0 0-1.627 1.162 19.129 19.129 0 0 1-15.576 30.261 19.242 19.242 0 0 1-5.113-.689c-.082-.023-.162-.05-.244-.074v-.043a13 13 0 0 0-12.986-12.989h-.044a19.1 19.1 0 0 1 2.81-16.468 1 1 0 0 0-1.627-1.162 21.022 21.022 0 0 0-3.2 17.808 12.98 12.98 0 1 0 14.867 14.881 21.133 21.133 0 0 0 22.74-32.687Zm-35.546 41.6a10.984 10.984 0 0 1-1.324-21.888.965.965 0 0 0 .993.206.971.971 0 0 0 .4-.29 10.986 10.986 0 0 1-.074 21.972Z"/><path d="M26 48.906a1 1 0 0 0-1.471 1.356c.48.52.994 1.024 1.527 1.5a1 1 0 1 0 1.328-1.494c-.484-.433-.946-.89-1.384-1.362Zm-1.8-2.281a19.012 19.012 0 0 1-1-1.659 1 1 0 0 0-1.762.945 21.311 21.311 0 0 0 1.105 1.833 1 1 0 1 0 1.657-1.119Zm4.117 5.694a1 1 0 0 0 .3 1.383 21.272 21.272 0 0 0 1.853 1.07 1 1 0 1 0 .911-1.781 19.387 19.387 0 0 1-1.678-.969 1 1 0 0 0-1.386.297Z"/></svg>

package/src/icons/integrations.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M79.267 11.367H20.733a9.393 9.393 0 0 0-9.381 9.383v58.5a9.393 9.393 0 0 0 9.381 9.383h58.534a9.393 9.393 0 0 0 9.381-9.383v-58.5a9.393 9.393 0 0 0-9.381-9.383Zm-27.763 3h27.763a6.389 6.389 0 0 1 6.381 6.383v27.738H75.6a1.5 1.5 0 0 0-1.146.531 1.419 1.419 0 0 0-.105.14 1.5 1.5 0 0 0-.252.831 5.523 5.523 0 0 1-11.045 0 1.5 1.5 0 0 0-.252-.831 1.52 1.52 0 0 0-.375-.388 1.5 1.5 0 0 0-.877-.283H51.5V39.83a8.524 8.524 0 0 0 0-16.781Zm-30.771 0H48.5v10.047a1.5 1.5 0 0 0 .072.432 1.48 1.48 0 0 0 .274.511l.018.024.017.016a1.4 1.4 0 0 0 .095.109c.017.016.041.022.058.037a1.474 1.474 0 0 0 .382.243c.031.013.062.02.094.032a1.5 1.5 0 0 0 .482.092h.009a5.523 5.523 0 0 1 0 11.045h-.009a1.5 1.5 0 0 0-.481.092c-.033.012-.065.019-.1.033a1.481 1.481 0 0 0-.379.242c-.019.015-.043.022-.06.038a1.215 1.215 0 0 0-.095.109l-.016.015-.017.022a1.515 1.515 0 0 0-.276.514 1.5 1.5 0 0 0-.072.433v10.035h-8.682a8.524 8.524 0 0 0-16.781 0h-8.681V20.75a6.389 6.389 0 0 1 6.381-6.383ZM48.5 85.633H20.733a6.389 6.389 0 0 1-6.381-6.383V51.512H24.4a1.5 1.5 0 0 0 1.146-.531 1.419 1.419 0 0 0 .105-.14 1.5 1.5 0 0 0 .252-.831 5.523 5.523 0 0 1 11.045 0 1.5 1.5 0 0 0 .252.831 1.52 1.52 0 0 0 .375.388 1.5 1.5 0 0 0 .877.283H48.5v8.658a8.524 8.524 0 0 0 0 16.781Zm30.771 0H51.5V75.586a1.5 1.5 0 0 0-.072-.432 1.48 1.48 0 0 0-.274-.511l-.018-.024-.017-.016a1.4 1.4 0 0 0-.095-.109c-.017-.016-.041-.022-.058-.037a1.474 1.474 0 0 0-.382-.243c-.031-.013-.062-.02-.094-.032a1.5 1.5 0 0 0-.482-.092h-.009a5.523 5.523 0 0 1 0-11.045h.009a1.5 1.5 0 0 0 .481-.092c.033-.012.065-.019.1-.033a1.486 1.486 0 0 0 .38-.242c.018-.016.042-.022.059-.038a1.4 1.4 0 0 0 .095-.109l.016-.015.017-.022a1.515 1.515 0 0 0 .276-.514 1.5 1.5 0 0 0 .072-.433V51.512h8.682a8.524 8.524 0 0 0 16.781 0h8.681V79.25a6.389 6.389 0 0 1-6.381 6.383Z"/></svg>

package/src/icons/mapping.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="m62.391 19.168-18-7.515-.026-.007a1.089 1.089 0 0 0-.124-.035 1.1 1.1 0 0 0-.114-.025.925.925 0 0 0-.118 0 1.06 1.06 0 0 0-.126 0c-.037 0-.072.016-.108.024a1.177 1.177 0 0 0-.129.036l-.025.007L26 19.008 8.38 11.653a1 1 0 0 0-1.38.923v37.333a1 1 0 0 0 .614.923l18 7.515c.013 0 .028 0 .041.008a.892.892 0 0 0 .688 0c.014 0 .028 0 .041-.008L44 50.992l17.62 7.355a1.013 1.013 0 0 0 .385.077 1 1 0 0 0 1-1V20.091a1 1 0 0 0-.614-.923Zm-53.4-5.091 16 6.68v35.166l-16-6.68Zm18 6.68 16-6.68v35.166l-16 6.68Zm34.014 35.166-16-6.68V14.077l16 6.68Z"/><path d="M35.3 31.748a5.505 5.505 0 0 0-5.505 5.5c0 3.956 4.989 6.055 4.989 9.681a.521.521 0 0 0 1.033 0c0-3.626 4.989-5.725 4.989-9.681a5.506 5.506 0 0 0-5.506-5.5Zm0 7.887a2.285 2.285 0 1 1 2.285-2.285 2.285 2.285 0 0 1-2.285 2.285ZM17 22.354a5.505 5.505 0 0 0-5.5 5.505c0 3.956 4.989 6.055 4.989 9.681a.521.521 0 0 0 1.033 0c0-3.626 4.989-5.725 4.989-9.681A5.506 5.506 0 0 0 17 22.354Zm0 7.887a2.285 2.285 0 1 1 2.285-2.284A2.285 2.285 0 0 1 17 30.241Zm36.576 6.974a.468.468 0 0 0 .517-.451c0-3.625 4.988-5.724 4.988-9.68a5.506 5.506 0 1 0-11.011 0c0 3.956 4.989 6.055 4.989 9.68a.465.465 0 0 0 .517.451Zm-2.285-10.034a2.285 2.285 0 1 1 2.285 2.284 2.285 2.285 0 0 1-2.285-2.284Z"/></svg>

package/src/icons/menu-circle-horizontal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.994 12.081A1.984 1.984 0 0 1 6.762 14.1c-1.2.425-2.718.208-3.156-1.033C3.18 11.86 3.4 10.344 4.638 9.9c1.2-.426 2.718-.208 3.157 1.033a3.467 3.467 0 0 1 .199 1.148Zm-1.6.958c.589-.208.558-1.137.35-1.728a.691.691 0 0 0-.589-.452 2.2 2.2 0 0 0-1.139.1c-.589.209-.559 1.137-.35 1.728s1.136.559 1.728.35Zm7.9-.958a1.986 1.986 0 0 1-1.232 2.019c-1.2.425-2.718.208-3.157-1.033-.426-1.2-.208-2.718 1.033-3.157 1.2-.425 2.718-.208 3.157 1.033a3.467 3.467 0 0 1 .199 1.138Zm-1.605.958c.588-.208.558-1.137.35-1.728s-1.136-.559-1.728-.35-.558 1.135-.35 1.728 1.136.559 1.728.35Zm7.905-.958a1.986 1.986 0 0 1-1.232 2.019c-1.2.426-2.718.208-3.157-1.033-.426-1.2-.208-2.718 1.033-3.157 1.2-.425 2.718-.208 3.157 1.033a3.467 3.467 0 0 1 .199 1.138Zm-3.47-.183a2.467 2.467 0 0 0 .137.791.692.692 0 0 0 .589.452 2.2 2.2 0 0 0 1.139-.1c.589-.208.557-1.137.35-1.728s-1.136-.559-1.728-.35a.9.9 0 0 0-.487.937Z"/></svg>

package/src/icons/{menu.svg → menu-circle-vertical.svg}

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.919 7.994A1.984 1.984 0 0 1 9.9 6.762c-.425-1.2-.208-2.718 1.033-3.156 1.2-.426 2.718-.209 3.157 1.032.426 1.2.208 2.718-1.033 3.157a3.467 3.467 0 0 1-1.138.199zm-.958-1.6c.208.589 1.137.558 1.728.35a.691.691 0 0 0 .452-.589 2.2 2.2 0 0 0-.1-1.139c-.209-.589-1.137-.559-1.728-.35s-.559 1.136-.35 1.728zm.958 7.9A1.986 1.986 0 0 1 9.9 13.062c-.425-1.2-.208-2.718 1.033-3.157 1.2-.426 2.718-.208 3.157 1.033.425 1.2.208 2.718-1.033 3.157a3.467 3.467 0 0 1-1.138.199zm-.958-1.605c.208.588 1.137.558 1.728.35s.559-1.136.35-1.728-1.135-.558-1.728-.35-.559 1.136-.35 1.728zm.958 7.905A1.986 1.986 0 0 1 9.9 19.362c-.426-1.2-.208-2.718 1.033-3.157 1.2-.426 2.718-.208 3.157 1.033.425 1.2.208 2.718-1.033 3.157a3.467 3.467 0 0 1-1.138.199zm.183-3.47a2.467 2.467 0 0 0-.791.137.692.692 0 0 0-.452.589 2.2 2.2 0 0 0 .1 1.139c.208.589 1.137.557 1.728.35s.559-1.136.35-1.728a.9.9 0 0 0-.937-.487z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.919 7.994A1.984 1.984 0 0 1 9.9 6.762c-.425-1.2-.208-2.718 1.033-3.156 1.2-.426 2.718-.209 3.157 1.032.426 1.2.208 2.718-1.033 3.157a3.467 3.467 0 0 1-1.138.199Zm-.958-1.6c.208.589 1.137.558 1.728.35a.691.691 0 0 0 .452-.589 2.2 2.2 0 0 0-.1-1.139c-.209-.589-1.137-.559-1.728-.35s-.559 1.136-.35 1.728Zm.958 7.9A1.986 1.986 0 0 1 9.9 13.062c-.425-1.2-.208-2.718 1.033-3.157 1.2-.426 2.718-.208 3.157 1.033.425 1.2.208 2.718-1.033 3.157a3.467 3.467 0 0 1-1.138.199Zm-.958-1.605c.208.588 1.137.558 1.728.35s.559-1.136.35-1.728-1.135-.558-1.728-.35-.559 1.136-.35 1.728Zm.958 7.905A1.986 1.986 0 0 1 9.9 19.362c-.426-1.2-.208-2.718 1.033-3.157 1.2-.426 2.718-.208 3.157 1.033.425 1.2.208 2.718-1.033 3.157a3.467 3.467 0 0 1-1.138.199Zm.183-3.47a2.467 2.467 0 0 0-.791.137.692.692 0 0 0-.452.589 2.2 2.2 0 0 0 .1 1.139c.208.589 1.137.557 1.728.35s.559-1.136.35-1.728a.9.9 0 0 0-.937-.487Z"/></svg>

package/src/icons/menu-horizontal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.994 12.081A1.984 1.984 0 0 1 6.762 14.1c-1.2.425-2.718.208-3.156-1.033C3.18 11.86 3.4 10.344 4.638 9.9c1.2-.426 2.718-.208 3.157 1.033a3.467 3.467 0 0 1 .199 1.148Zm6.3 0a1.986 1.986 0 0 1-1.232 2.019c-1.2.425-2.718.208-3.157-1.033-.426-1.2-.208-2.718 1.033-3.157 1.2-.425 2.718-.208 3.157 1.033a3.467 3.467 0 0 1 .199 1.138Zm6.3 0a1.986 1.986 0 0 1-1.232 2.019c-1.2.426-2.718.208-3.157-1.033-.426-1.2-.208-2.718 1.033-3.157 1.2-.425 2.718-.208 3.157 1.033a3.467 3.467 0 0 1 .199 1.138Z"/></svg>

package/src/icons/menu-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.081 16.006a1.984 1.984 0 0 1 2.019 1.232c.425 1.2.208 2.718-1.033 3.156-1.2.426-2.718.209-3.157-1.032-.426-1.2-.208-2.718 1.033-3.157a3.467 3.467 0 0 1 1.138-.199Zm0-6.3a1.986 1.986 0 0 1 2.019 1.232c.425 1.2.208 2.718-1.033 3.157-1.2.426-2.718.208-3.157-1.033-.425-1.2-.208-2.718 1.033-3.157a3.467 3.467 0 0 1 1.138-.199Zm0-6.3A1.986 1.986 0 0 1 14.1 4.638c.426 1.2.208 2.718-1.033 3.157C11.86 8.221 10.344 8 9.9 6.762c-.425-1.2-.208-2.718 1.033-3.157a3.467 3.467 0 0 1 1.148-.199Z"/></svg>

package/src/icons/multisearch.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="M45.051 45.188c-4.259 5.028-9.086 10.728-9.086 17.831 0 .68-.8.714-.965.714-.29 0-.965-.069-.965-.714 0-7.111-4.785-12.757-9.413-18.217-4.7-5.545-9.559-11.279-9.559-18.6a19.937 19.937 0 0 1 39.874 0 18.677 18.677 0 0 1-2.523 9.114 1 1 0 0 0 1.754.961A20.624 20.624 0 0 0 56.937 26.2a21.937 21.937 0 0 0-43.874 0c0 8.052 5.1 14.071 10.033 19.891 4.6 5.424 8.939 10.547 8.939 16.924A2.754 2.754 0 0 0 35 65.733a2.754 2.754 0 0 0 2.965-2.714c0-6.37 4.378-11.54 8.613-16.539a1 1 0 0 0-1.527-1.292Z"/><path d="M44.17 34.451a12.046 12.046 0 1 0-1.419 1.409l10.4 10.4a1 1 0 0 0 1.414-1.414ZM35 36.683a10.092 10.092 0 1 1 10.092-10.092A10.1 10.1 0 0 1 35 36.683Z"/><path d="M35 20.761a5.831 5.831 0 1 0 5.831 5.83A5.837 5.837 0 0 0 35 20.761Zm0 9.661a3.831 3.831 0 1 1 3.831-3.831A3.835 3.835 0 0 1 35 30.422Z"/></svg>

package/src/icons/showcases.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="M16.605 64.135A7.847 7.847 0 0 1 8.787 56.3L8.8 13.7a7.825 7.825 0 0 1 11.561-6.868l39.116 21.289a7.822 7.822 0 0 1 0 13.741l-39.13 21.31a7.813 7.813 0 0 1-3.742.963ZM10.787 56.3a5.821 5.821 0 0 0 8.6 5.114l39.131-21.31a5.824 5.824 0 0 0 0-10.229L19.405 8.588A5.825 5.825 0 0 0 10.8 13.7Z"/></svg>

package/src/icons/storelocator.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><path d="M56.094 6.994H13.906A6.919 6.919 0 0 0 7 13.905V56.1a6.919 6.919 0 0 0 6.911 6.911h42.183a6.919 6.919 0 0 0 6.911-6.911V13.905a6.919 6.919 0 0 0-6.911-6.911ZM8.995 23.939h19.572v6.372H8.995Zm4.911-14.945h14.661v12.945H8.995v-8.034a4.916 4.916 0 0 1 4.911-4.911ZM8.995 56.1V32.311h19.572v28.7H13.906A4.916 4.916 0 0 1 8.995 56.1Zm52.01 0a4.916 4.916 0 0 1-4.911 4.911H30.567V8.994h25.527a4.916 4.916 0 0 1 4.911 4.911Z"/><path d="M44.824 21.939a8.879 8.879 0 0 0-8.868 8.869c0 3.254 2.082 5.711 3.919 7.878 1.651 1.949 3.211 3.789 3.211 5.957a1.741 1.741 0 0 0 3.477 0c0-2.168 1.56-4.008 3.211-5.957 1.837-2.167 3.918-4.624 3.918-7.878a8.879 8.879 0 0 0-8.868-8.869Zm3.425 15.454a15.259 15.259 0 0 0-3.425 5.393 15.257 15.257 0 0 0-3.424-5.393c-1.771-2.09-3.444-4.064-3.444-6.585a6.868 6.868 0 1 1 13.736 0c0 2.521-1.672 4.492-3.443 6.585Z"/><path d="M44.824 26.794a4.16 4.16 0 1 0 4.16 4.159 4.164 4.164 0 0 0-4.16-4.159Zm0 6.319a2.16 2.16 0 1 1 2.16-2.16 2.161 2.161 0 0 1-2.16 2.16Z"/></svg>

package/src/styles/console/colors.styl

@@ -303,3 +303,40 @@ $merchant10 = rgba(120, 144, 156, .1)
 $trafficDark = rgba(2165, 46, 111, 1)// #D82E6F
 $traffic = rgba(255, 124, 129, 1) // #ff7c81
 $traffic10 = rgba(255, 124, 129, .1)
+
+
+// Products
+
+$stores = #388aff
+$stores10 = rgba($stores, .1)
+$storesDark = #0D63DD
+
+$localities = #009DFF
+$localities10 = rgba($localities, .1)
+$localitiesDark = #0085D8
+
+$geolocation = #506BDE
+$geolocation10 = rgba($geolocation, .1)
+$geolocationDark = #1F40CC
+
+$address = #4AC6F2
+$address10 = rgba($address, .1)
+$addressDark = #0D9ED1
+
+$distance = #FF8A65
+$distance10 = rgba($distance, .1)
+$distanceDark = #E06138
+
+$traffic = #FF6565
+$traffic10 = rgba($traffic, .1)
+$trafficDark = #E04B4B
+
+$map = #A1887F
+$map10 = rgba($map, .1)
+$mapDark = #906455
+
+$merchant = #08A278
+$merchant10 = rgba($merchant, .1)
+$merchantDark = #008863
+
+