@woosmap/ui 3.10.0 → 3.14.0

package/package.json

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

package/src/components/Icon/Icon.js

@@ -57,7 +57,9 @@ import { ReactComponent as Clock } from '../../icons/clock.svg';
 import { ReactComponent as ClockReversed } from '../../icons/clock-reversed.svg';
 import { ReactComponent as Close } from '../../icons/close.svg';
 import { ReactComponent as CloseThick } from '../../icons/close-thick.svg';
+import { ReactComponent as Company } from '../../icons/company.svg';
 import { ReactComponent as Copy } from '../../icons/copy.svg';
+import { ReactComponent as CreditCard } from '../../icons/credit-card.svg';
 import { ReactComponent as Cube } from '../../icons/cube.svg';
 import { ReactComponent as Dashboard } from '../../icons/dashboard.svg';
 import { ReactComponent as Delete } from '../../icons/delete.svg';
@@ -90,12 +92,16 @@ 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';
 import { ReactComponent as Phone } from '../../icons/phone.svg';
 import { ReactComponent as Platform } from '../../icons/platform.svg';
+import { ReactComponent as Prize } from '../../icons/prize.svg';
 import { ReactComponent as ProductActivated } from '../../icons/product-activated.svg';
 import { ReactComponent as ProductAdd } from '../../icons/product-add.svg';
 import { ReactComponent as Products } from '../../icons/products.svg';
@@ -128,6 +134,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';
@@ -189,7 +202,9 @@ const Icons = {
     'clock-reversed': ClockReversed,
     close: Close,
     'close-thick': CloseThick,
+    company: Company,
     copy: Copy,
+    'credit-card': CreditCard,
     cube: Cube,
     dashboard: Dashboard,
     delete: Delete,
@@ -223,11 +238,15 @@ 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,
     platform: Platform,
+    prize: Prize,
     'product-activated': ProductActivated,
     'product-add': ProductAdd,
     products: Products,
@@ -256,10 +275,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/company.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.476 8.737h-1.541v-2.51a2.686 2.686 0 0 0-2.684-2.683H6.119a2.686 2.686 0 0 0-2.684 2.683V19.9a.56.56 0 0 0 .56.56h16.01a.56.56 0 0 0 .56-.56v-7.075a4.094 4.094 0 0 0-4.089-4.088ZM4.555 6.227a1.565 1.565 0 0 1 1.564-1.564h6.132a1.565 1.565 0 0 1 1.564 1.564v2.51h-5.01a.56.56 0 1 0 0 1.119h5.01V12.1h-5.01a.56.56 0 1 0 0 1.119h5.01v2.241h-5.01a.56.56 0 1 0 0 1.119h5.01v2.76h-9.26Zm10.38 13.11V9.856h1.541a2.967 2.967 0 0 1 2.868 2.244h-2.259a.56.56 0 1 0 0 1.119h2.36v2.241h-2.36a.56.56 0 1 0 0 1.119h2.36v2.76Z"/></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/credit-card.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.581 5.373H4.235a1.493 1.493 0 0 0-1.491 1.491v10.272a1.493 1.493 0 0 0 1.491 1.491h15.346a1.493 1.493 0 0 0 1.491-1.491V6.864a1.493 1.493 0 0 0-1.491-1.491ZM4.235 6.492h15.346a.373.373 0 0 1 .372.372v1.279H3.863V6.864a.373.373 0 0 1 .372-.372Zm15.346 11.016H4.235a.373.373 0 0 1-.372-.372v-5.218h16.09v5.218a.373.373 0 0 1-.372.372Z"/><path d="M18.4 14.108h-7.549a.56.56 0 1 0 0 1.12H18.4a.56.56 0 0 0 0-1.12Z"/></svg>

package/src/icons/email.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.8 6C14.4 4.6 9.6 4.6 5.2 6c-1 .3-1.7 1.3-1.7 2.4v7.4c0 1.1.7 2.1 1.8 2.4 2.1.5 4.4.8 6.7.8s4.6-.3 6.8-.9c1.1-.3 1.8-1.3 1.8-2.4V8.4c0-1.1-.7-2.1-1.8-2.4zM5.5 7.1c4.2-1.3 8.8-1.3 13 0 .6.2 1 .7 1 1.3L14.1 12c-1.4.9-3.2.9-4.5 0l-5-3.6c0-.6.3-1.2.9-1.3zm13 9.9c-4.2 1.2-8.7 1.2-12.9 0-.6-.2-1-.7-1-1.3v-6L9 12.9c1.7 1.2 4 1.2 5.8 0l4.7-3.2v6c-.1.6-.5 1.2-1 1.3z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.123 4.562a62.619 62.619 0 0 0-14.247 0 2.408 2.408 0 0 0-2.132 2.394v10.026a2.408 2.408 0 0 0 2.133 2.394l1.065.122a53.1 53.1 0 0 0 6.058.347 53.06 53.06 0 0 0 6.057-.347l1.066-.122a2.408 2.408 0 0 0 2.132-2.394V6.956a2.408 2.408 0 0 0-2.132-2.394ZM5 5.676a61.219 61.219 0 0 1 14 0 1.288 1.288 0 0 1 1.142 1.28v1.2L13.91 12.71a3.229 3.229 0 0 1-3.82 0L3.863 8.159v-1.2A1.288 1.288 0 0 1 5 5.676Zm14 12.587-1.067.122a51.912 51.912 0 0 1-11.859 0l-1.065-.122a1.289 1.289 0 0 1-1.142-1.281V9.546l5.563 4.068a4.339 4.339 0 0 0 5.14 0l5.567-4.068v7.436A1.289 1.289 0 0 1 19 18.263Z"/></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/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/prize.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.749 5.605h-2.534l.221-2.205a.561.561 0 0 0-.558-.615H6.574a.56.56 0 0 0-.557.615l.22 2.208H3.7a.559.559 0 0 0-.559.56v1.025a3.9 3.9 0 0 0 3.843 3.9 5.049 5.049 0 0 0 3.3 3.042v3.312a3.059 3.059 0 0 0-2.953 3.05.559.559 0 0 0 .56.56h7.674a.559.559 0 0 0 .56-.56 3.059 3.059 0 0 0-2.953-3.05v-3.315a5.049 5.049 0 0 0 3.3-3.042 3.9 3.9 0 0 0 3.844-3.9V6.165a.559.559 0 0 0-.567-.56ZM4.263 7.193v-.468h2.086l.3 3.046c.006.059.026.112.033.169a2.778 2.778 0 0 1-2.419-2.747Zm7.788 10.241H11.4V14.68h.65Zm2.87 2.5h-6.39a1.944 1.944 0 0 1 1.859-1.382h2.672a1.944 1.944 0 0 1 1.859 1.383Zm-3.194-6.694A3.964 3.964 0 0 1 7.77 9.66L7.193 3.9h9.066l-.576 5.76a3.965 3.965 0 0 1-3.956 3.581Zm7.462-6.048a2.777 2.777 0 0 1-2.424 2.748c.008-.057.027-.11.033-.169l.302-3.046h2.086Z"/></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
+
+