@woosmap/ui 4.184.1 → 4.184.999

package/package.json

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

package/src/components/Icon/Icons.js

@@ -0,0 +1,7 @@
+import dynamic from 'next/dynamic';
+
+const getIcon = async (icon) => {
+    return dynamic(() => import(`../../icons/${icon}.svg`));
+};
+
+export default getIcon;

package/src/components/Icon/WebSiteIcon.js

@@ -0,0 +1,469 @@
+import React, { Component } from 'react';
+import cl from 'classnames';
+import PropTypes from 'prop-types';
+import { ReactComponent as MarkerPadLock } from '../../icons/marker-pad-lock.svg';
+import { ReactComponent as MarkerRouteTruck } from '../../icons/marker-route-truck.svg';
+import { ReactComponent as ArrowsMarker } from '../../icons/arrows-marker.svg';
+import { ReactComponent as CloudMarkerArrow } from '../../icons/cloud-marker-arrow.svg';
+import { ReactComponent as SignalMarker } from '../../icons/signal-marker.svg';
+import { ReactComponent as LikeMarker } from '../../icons/like-marker.svg';
+import { ReactComponent as UserCentric } from '../../icons/user-centric.svg';
+import { ReactComponent as CreditCardCheck } from '../../icons/credit-card-check.svg';
+import { ReactComponent as PuzzlesPlus } from '../../icons/puzzles-plus.svg';
+import { ReactComponent as Autocomplete } from '../../icons/autocomplete.svg';
+import { ReactComponent as AutocompleteCheck } from '../../icons/autocomplete-check.svg';
+import { ReactComponent as Automotive } from '../../icons/automotive.svg';
+import { ReactComponent as Buildings } from '../../icons/buildings.svg';
+import { ReactComponent as Battery } from '../../icons/battery.svg';
+import { ReactComponent as Blog } from '../../icons/blog.svg';
+import { ReactComponent as Book } from '../../icons/book.svg';
+import { ReactComponent as Calendar } from '../../icons/calendar.svg';
+import { ReactComponent as Care } from '../../icons/care.svg';
+import { ReactComponent as Cars } from '../../icons/cars.svg';
+import { ReactComponent as Cb } from '../../icons/cb.svg';
+import { ReactComponent as ChatLove } from '../../icons/chat-love.svg';
+import { ReactComponent as ChatConversation } from '../../icons/chat-conversation.svg';
+import { ReactComponent as CheckBig } from '../../icons/check-big.svg';
+import { ReactComponent as CallToAction } from '../../icons/call-to-action.svg';
+import { ReactComponent as CubeBig } from '../../icons/cube-big.svg';
+import { ReactComponent as CustomersServices } from '../../icons/customers-services.svg';
+import { ReactComponent as Customize } from '../../icons/customize.svg';
+import { ReactComponent as DeliveryTime } from '../../icons/delivery-time.svg';
+import { ReactComponent as DeliveryVan } from '../../icons/delivery-van.svg';
+import { ReactComponent as Demo } from '../../icons/demo.svg';
+import { ReactComponent as Ecommerce } from '../../icons/e-commerce.svg';
+import { ReactComponent as ElectricCharge } from '../../icons/electric-charge.svg';
+import { ReactComponent as Elephant } from '../../icons/elephant.svg';
+import { ReactComponent as EmailContact } from '../../icons/email-contact.svg';
+import { ReactComponent as Equalizer } from '../../icons/equalizer.svg';
+import { ReactComponent as Escalator } from '../../icons/escalator.svg';
+import { ReactComponent as Funnel } from '../../icons/funnel.svg';
+import { ReactComponent as GasPump } from '../../icons/gas-pump.svg';
+import { ReactComponent as Gdpr } from '../../icons/gdpr.svg';
+import { ReactComponent as Github } from '../../icons/github.svg';
+import { ReactComponent as Green } from '../../icons/green.svg';
+import { ReactComponent as Heart } from '../../icons/heart.svg';
+import { ReactComponent as HouseInsurance } from '../../icons/house-insurance.svg';
+import { ReactComponent as IndoorOutdoor } from '../../icons/indoor-outdoor.svg';
+import { ReactComponent as InformationRound } from '../../icons/information-round.svg';
+import { ReactComponent as Institution } from '../../icons/institution.svg';
+import { ReactComponent as Integrations } from '../../icons/integrations.svg';
+import { ReactComponent as Itinerary } from '../../icons/itinerary.svg';
+import { ReactComponent as Like } from '../../icons/like.svg';
+import { ReactComponent as Logistics } from '../../icons/logistics.svg';
+import { ReactComponent as Lotus } from '../../icons/lotus.svg';
+import { ReactComponent as Map3d } from '../../icons/map-3d.svg';
+import { ReactComponent as MapHd } from '../../icons/map-hd.svg';
+import { ReactComponent as MapIndoor } from '../../icons/map-indoor.svg';
+import { ReactComponent as MapLocation } from '../../icons/map-location.svg';
+import { ReactComponent as MapMarkers } from '../../icons/map-markers.svg';
+import { ReactComponent as Markers } from '../../icons/markers.svg';
+import { ReactComponent as MarkerArrow } from '../../icons/marker-arrow.svg';
+import { ReactComponent as MarkerApp } from '../../icons/marker-app.svg';
+import { ReactComponent as MarkerCreditCard } from '../../icons/marker-credit-card.svg';
+import { ReactComponent as MarkerCity } from '../../icons/marker-city.svg';
+import { ReactComponent as MarkerGeofence } from '../../icons/marker-geofence.svg';
+import { ReactComponent as MarkerHouse } from '../../icons/marker-house.svg';
+import { ReactComponent as MarkerInfinite } from '../../icons/markers-infinite.svg';
+import { ReactComponent as MarkerMap } from '../../icons/marker-map.svg';
+import { ReactComponent as MarkerMatrix } from '../../icons/marker-matrix.svg';
+import { ReactComponent as MarkerMultiple } from '../../icons/marker-multiple.svg';
+import { ReactComponent as MarkerPlay } from '../../icons/marker-play.svg';
+import { ReactComponent as MarkerRoad } from '../../icons/marker-road.svg';
+import { ReactComponent as MarkerSearch } from '../../icons/marker-search.svg';
+import { ReactComponent as MarkerShop } from '../../icons/marker-shop.svg';
+import { ReactComponent as MobileRocket } from '../../icons/mobile-rocket.svg';
+import { ReactComponent as Notification } from '../../icons/notification.svg';
+import { ReactComponent as NotificationPosition } from '../../icons/notification-position.svg';
+import { ReactComponent as OpenSource } from '../../icons/open-source.svg';
+import { ReactComponent as Package } from '../../icons/package.svg';
+import { ReactComponent as PackageReturn } from '../../icons/package-return.svg';
+import { ReactComponent as Parking } from '../../icons/parking.svg';
+import { ReactComponent as PieChart } from '../../icons/pie-chart.svg';
+import { ReactComponent as PlaceReview } from '../../icons/place-review.svg';
+import { ReactComponent as Plane } from '../../icons/plane.svg';
+import { ReactComponent as Position } from '../../icons/position.svg';
+import { ReactComponent as PuzzleStar } from '../../icons/puzzle-star.svg';
+import { ReactComponent as Quote } from '../../icons/quote.svg';
+import { ReactComponent as Refresh } from '../../icons/refresh.svg';
+import { ReactComponent as Repair } from '../../icons/repair.svg';
+import { ReactComponent as Responsive } from '../../icons/responsive.svg';
+import { ReactComponent as Restaurant } from '../../icons/restaurant.svg';
+import { ReactComponent as Rocket } from '../../icons/rocket.svg';
+import { ReactComponent as SaveTime } from '../../icons/save-time.svg';
+import { ReactComponent as SaveMoney } from '../../icons/save-money.svg';
+import { ReactComponent as SearchSettings } from '../../icons/search-settings.svg';
+import { ReactComponent as SearchUser } from '../../icons/search-user.svg';
+import { ReactComponent as Schedule } from '../../icons/schedule.svg';
+import { ReactComponent as ScooterDelivery } from '../../icons/scooter-delivery.svg';
+import { ReactComponent as SecuritPositionZone } from '../../icons/security-position-zone.svg';
+import { ReactComponent as Security } from '../../icons/security.svg';
+import { ReactComponent as SecurityTools } from '../../icons/security-tools.svg';
+import { ReactComponent as SecurityStaff } from '../../icons/security-staff.svg';
+import { ReactComponent as SecurityZone } from '../../icons/security-zone.svg';
+import { ReactComponent as ServiceMarker } from '../../icons/service-marker.svg';
+import { ReactComponent as ShakeHand } from '../../icons/shake-hand.svg';
+import { ReactComponent as Shipping } from '../../icons/shipping.svg';
+import { ReactComponent as Shop } from '../../icons/shop.svg';
+import { ReactComponent as Speed } from '../../icons/speed.svg';
+import { ReactComponent as StarBig } from '../../icons/star-big.svg';
+import { ReactComponent as StarFilledBig } from '../../icons/star-filled-big.svg';
+import { ReactComponent as SupportTime } from '../../icons/support-time.svg';
+import { ReactComponent as Synchronization } from '../../icons/synchronization.svg';
+import { ReactComponent as Taxi } from '../../icons/taxi.svg';
+import { ReactComponent as Tools } from '../../icons/tools.svg';
+import { ReactComponent as Travel } from '../../icons/travel.svg';
+import { ReactComponent as TshirtMarker } from '../../icons/tshirt-marker.svg';
+import { ReactComponent as UserProfile } from '../../icons/user-profile.svg';
+import { ReactComponent as Wheelchair } from '../../icons/wheelchair.svg';
+import { ReactComponent as Wifi } from '../../icons/wifi.svg';
+import { ReactComponent as World } from '../../icons/world.svg';
+import { ReactComponent as WorldLocation } from '../../icons/world-location.svg';
+import { ReactComponent as WorldTime } from '../../icons/world-time.svg';
+import { ReactComponent as WinPrize } from '../../icons/win-prize.svg';
+import { ReactComponent as Zoom } from '../../icons/zoom.svg';
+
+import { ReactComponent as ArrowLink } from '../../icons/arrow-link.svg';
+
+import { ReactComponent as Woosmap } from '../../icons/woosmap.svg';
+
+import { ReactComponent as MapRoute } from '../../icons/map-route.svg';
+import { ReactComponent as MapWalk } from '../../icons/map-walk.svg';
+import { ReactComponent as MapBike } from '../../icons/map-bike.svg';
+import { ReactComponent as MapTrain } from '../../icons/map-train.svg';
+import { ReactComponent as MapCar } from '../../icons/map-car.svg';
+import { ReactComponent as MapSwitch } from '../../icons/map-switch.svg';
+import { ReactComponent as MapItinerary } from '../../icons/map-itinerary.svg';
+import { ReactComponent as MapClose } from '../../icons/map-close.svg';
+import { ReactComponent as MapOrigin } from '../../icons/map-origin.svg';
+import { ReactComponent as MapPin } from '../../icons/map-pin.svg';
+import { ReactComponent as MapSearch } from '../../icons/map-search.svg';
+import { ReactComponent as MapArrowTop } from '../../icons/map-arrow-top.svg';
+import { ReactComponent as MapArrowBottom } from '../../icons/map-arrow-bottom.svg';
+import { ReactComponent as MapBus } from '../../icons/map-bus.svg';
+import { ReactComponent as MapFerry } from '../../icons/map-ferry.svg';
+import { ReactComponent as MapFlight } from '../../icons/map-flight.svg';
+import { ReactComponent as MapSubway } from '../../icons/map-subway.svg';
+import { ReactComponent as MapLightRail } from '../../icons/map-lightrail.svg';
+import { ReactComponent as MapHighSpeedTrain } from '../../icons/map-high-speed-train.svg';
+import { ReactComponent as MapCrosshair } from '../../icons/map-crosshair.svg';
+import { ReactComponent as MapCopy } from '../../icons/map-copy.svg';
+import { ReactComponent as MarkerCoordinates } from '../../icons/marker-coordinates.svg';
+import { ReactComponent as Crosshair } from '../../icons/crosshair.svg';
+import { ReactComponent as EnvironmentalCare } from '../../icons/environmental-care.svg';
+import { ReactComponent as Chart } from '../../icons/chart.svg';
+import { ReactComponent as Earth } from '../../icons/earth.svg';
+import { ReactComponent as CompetitionPrize } from '../../icons/competition-prize.svg';
+import { ReactComponent as WorldLocations } from '../../icons/world-locations.svg';
+import { ReactComponent as MapCursor } from '../../icons/map-cursor.svg';
+import { ReactComponent as ZoneSplittedChecked } from '../../icons/zone-splitted-checked.svg';
+import { ReactComponent as HandCode } from '../../icons/hand-code.svg';
+import { ReactComponent as FormSuccess } from '../../icons/form-success.svg';
+import { ReactComponent as MapIntegration } from '../../icons/map-integration.svg';
+import { ReactComponent as HeartUx } from '../../icons/heart-ux.svg';
+import { ReactComponent as MarkerSeo } from '../../icons/marker-seo.svg';
+import { ReactComponent as ZoneChecked } from '../../icons/zone-checked.svg';
+import { ReactComponent as ZoomPlus } from '../../icons/zoom-plus.svg';
+import { ReactComponent as mobilePuzzleMarker } from '../../icons/mobile-puzzle-marker.svg';
+import { ReactComponent as LikeChat } from '../../icons/like-chat.svg';
+import { ReactComponent as Footprint } from '../../icons/footprint.svg';
+import { ReactComponent as PackageMarker } from '../../icons/package-marker.svg';
+import { ReactComponent as MarkerChecked } from '../../icons/marker-checked.svg';
+import { ReactComponent as MobileLikeMarker } from '../../icons/mobile-like-marker.svg';
+import { ReactComponent as MapPoi } from '../../icons/map-poi.svg';
+import { ReactComponent as RouteInfo } from '../../icons/route-info.svg';
+import { ReactComponent as InputsChecked } from '../../icons/inputs-checked.svg';
+import { ReactComponent as DeliveryZone } from '../../icons/delivery-zone.svg';
+import { ReactComponent as SearchSecurity } from '../../icons/search-security.svg';
+import { ReactComponent as PuzzleMarkerEcosystem } from '../../icons/puzzle-marker-ecosystem.svg';
+import { ReactComponent as ArrowsCrosshair } from '../../icons/arrows-crosshair.svg';
+import { ReactComponent as MarkerData } from '../../icons/marker-data.svg';
+import { ReactComponent as Itinenary } from '../../icons/itinenary.svg';
+import { ReactComponent as PublicTransportsInformation } from '../../icons/public-transports-information.svg';
+import { ReactComponent as RouteInformation } from '../../icons/route-information.svg';
+import { ReactComponent as Transit } from '../../icons/transit.svg';
+import { ReactComponent as PoiHighlight } from '../../icons/poi-highlight.svg';
+import { ReactComponent as MapCustomization } from '../../icons/map-customization.svg';
+import { ReactComponent as MapHeart } from '../../icons/map-heart.svg';
+import { ReactComponent as ArrowsCloud } from '../../icons/arrows-cloud.svg';
+import { ReactComponent as ClientService } from '../../icons/client-service.svg';
+import { ReactComponent as ClockNotification } from '../../icons/clock-notification.svg';
+import { ReactComponent as CloudCrosshair } from '../../icons/cloud-crosshair.svg';
+import { ReactComponent as CloudData } from '../../icons/cloud-data.svg';
+import { ReactComponent as ConsoleSettings } from '../../icons/console-settings.svg';
+import { ReactComponent as DataCloud } from '../../icons/data-cloud.svg';
+import { ReactComponent as EarthClock } from '../../icons/earth-clock.svg';
+import { ReactComponent as LocationInfo } from '../../icons/location-info.svg';
+import { ReactComponent as LogisticsRoute } from '../../icons/logistics-route.svg';
+import { ReactComponent as MapIndoorCloudArrows } from '../../icons/map-indoor-cloud-arrows.svg';
+import { ReactComponent as MapIndoorCustomize } from '../../icons/map-indoor-customize.svg';
+import { ReactComponent as MapIndoorMarker } from '../../icons/map-indoor-marker.svg';
+import { ReactComponent as MapIndoorRoute } from '../../icons/map-indoor-route.svg';
+import { ReactComponent as MarkerCrosshair } from '../../icons/marker-crosshair.svg';
+import { ReactComponent as MavigationArrow } from '../../icons/navigation-arrow.svg';
+import { ReactComponent as NotificationMarker } from '../../icons/notification-marker.svg';
+import { ReactComponent as RouteSignUserStar } from '../../icons/route-sign-user-star.svg';
+import { ReactComponent as SearchCheckFast } from '../../icons/search-check-fast.svg';
+import { ReactComponent as SquarePadlock } from '../../icons/square-padlock.svg';
+import { ReactComponent as StockAvailability } from '../../icons/stock-availability.svg';
+import { ReactComponent as StoreGog } from '../../icons/store-cog.svg';
+import { ReactComponent as StoreInfo } from '../../icons/store-info.svg';
+
+const WebsiteIcons = {
+    autocomplete: Autocomplete,
+    'autocomplete-check': AutocompleteCheck,
+    automotive: Automotive,
+    'arrow-link': ArrowLink,
+    battery: Battery,
+    blog: Blog,
+    book: Book,
+    buildings: Buildings,
+    calendar: Calendar,
+    care: Care,
+    cars: Cars,
+    'call-to-action': CallToAction,
+    cb: Cb,
+    'check-big': CheckBig,
+    'chat-love': ChatLove,
+    'chat-conversation': ChatConversation,
+    'cube-big': CubeBig,
+    'customers-services': CustomersServices,
+    customize: Customize,
+    'delivery-time': DeliveryTime,
+    'delivery-van': DeliveryVan,
+    demo: Demo,
+    'e-commerce': Ecommerce,
+    'electric-charge': ElectricCharge,
+    elephant: Elephant,
+    'email-contact': EmailContact,
+    equalizer: Equalizer,
+    escalator: Escalator,
+    funnel: Funnel,
+    'gas-pump': GasPump,
+    gdpr: Gdpr,
+    github: Github,
+    green: Green,
+    heart: Heart,
+    'house-insurance': HouseInsurance,
+    'indoor-outdoor': IndoorOutdoor,
+    'information-round': InformationRound,
+    institution: Institution,
+    integrations: Integrations,
+    itinerary: Itinerary,
+    like: Like,
+    lotus: Lotus,
+    logistics: Logistics,
+    'map-3d': Map3d,
+    'map-hd': MapHd,
+    'map-indoor': MapIndoor,
+    'map-location': MapLocation,
+    'map-markers': MapMarkers,
+    markers: Markers,
+    'marker-arrow': MarkerArrow,
+    'marker-app': MarkerApp,
+    'marker-credit-card': MarkerCreditCard,
+    'marker-city': MarkerCity,
+    'marker-geofence': MarkerGeofence,
+    'markers-infinite': MarkerInfinite,
+    'marker-house': MarkerHouse,
+    'marker-map': MarkerMap,
+    'marker-matrix': MarkerMatrix,
+    'marker-multiple': MarkerMultiple,
+    'marker-play': MarkerPlay,
+    'marker-road': MarkerRoad,
+    'marker-search': MarkerSearch,
+    'marker-shop': MarkerShop,
+    'mobile-rocket': MobileRocket,
+    notification: Notification,
+    'notification-position': NotificationPosition,
+    'open-source': OpenSource,
+    package: Package,
+    'package-return': PackageReturn,
+    parking: Parking,
+    'pie-chart': PieChart,
+    'place-review': PlaceReview,
+    plane: Plane,
+    position: Position,
+    'puzzle-star': PuzzleStar,
+    quote: Quote,
+    refresh: Refresh,
+    repair: Repair,
+    responsive: Responsive,
+    restaurant: Restaurant,
+    rocket: Rocket,
+    'save-money': SaveMoney,
+    'search-settings': SearchSettings,
+    'search-user': SearchUser,
+    'save-time': SaveTime,
+    schedule: Schedule,
+    'scooter-delivery': ScooterDelivery,
+    security: Security,
+    'security-position-zone': SecuritPositionZone,
+    'security-tools': SecurityTools,
+    'security-staff': SecurityStaff,
+    'security-zone': SecurityZone,
+    'service-marker': ServiceMarker,
+    'shake-hand': ShakeHand,
+    shipping: Shipping,
+    shop: Shop,
+    speed: Speed,
+    'star-big': StarBig,
+    'star-filled-big': StarFilledBig,
+    'support-time': SupportTime,
+    synchronization: Synchronization,
+    taxi: Taxi,
+    tools: Tools,
+    travel: Travel,
+    'tshirt-marker': TshirtMarker,
+    'user-profile': UserProfile,
+    wheelchair: Wheelchair,
+    wifi: Wifi,
+    world: World,
+    'world-location': WorldLocation,
+    'world-time': WorldTime,
+    'win-prize': WinPrize,
+    zoom: Zoom,
+    'marker-coordinates': MarkerCoordinates,
+    crosshair: Crosshair,
+    'environmental-care': EnvironmentalCare,
+    chart: Chart,
+    earth: Earth,
+    'competition-prize': CompetitionPrize,
+    'world-locations': WorldLocations,
+    'map-cursor': MapCursor,
+    'zone-splitted-checked': ZoneSplittedChecked,
+    'hand-code': HandCode,
+    'form-success': FormSuccess,
+    'map-integration': MapIntegration,
+    'heart-ux': HeartUx,
+    'marker-seo': MarkerSeo,
+    'zone-checked': ZoneChecked,
+    'zoom-plus': ZoomPlus,
+    'mobile-puzzle-marker': mobilePuzzleMarker,
+    'like-chat': LikeChat,
+    footprint: Footprint,
+    'package-marker': PackageMarker,
+    'marker-checked': MarkerChecked,
+    'mobile-like-marker': MobileLikeMarker,
+    'map-poi': MapPoi,
+    'route-info': RouteInfo,
+    'inputs-checked': InputsChecked,
+    'delivery-zone': DeliveryZone,
+    'search-security': SearchSecurity,
+    'puzzle-marker-ecosystem': PuzzleMarkerEcosystem,
+    'arrows-crosshair': ArrowsCrosshair,
+    'marker-data': MarkerData,
+    itinenary: Itinenary,
+    'public-transports-information': PublicTransportsInformation,
+    'route-information': RouteInformation,
+    transit: Transit,
+    'poi-highlight': PoiHighlight,
+    'map-customization': MapCustomization,
+    'map-heart': MapHeart,
+    'arrows-cloud': ArrowsCloud,
+    'client-service': ClientService,
+    'clock-notification': ClockNotification,
+    'cloud-crosshair': CloudCrosshair,
+    'cloud-data': CloudData,
+    'console-settings': ConsoleSettings,
+    'data-cloud': DataCloud,
+    'earth-clock': EarthClock,
+    'location-info': LocationInfo,
+    'logistics-route': LogisticsRoute,
+    'map-indoor-cloud-arrows': MapIndoorCloudArrows,
+    'map-indoor-customize': MapIndoorCustomize,
+    'map-indoor-marker': MapIndoorMarker,
+    'map-indoor-route': MapIndoorRoute,
+    'marker-crosshair': MarkerCrosshair,
+    'navigation-arrow': MavigationArrow,
+    'notification-marker': NotificationMarker,
+    'route-sign-user-star': RouteSignUserStar,
+    'search-check-fast': SearchCheckFast,
+    'square-padlock': SquarePadlock,
+    'stock-availability': StockAvailability,
+    'store-cog': StoreGog,
+    'store-info': StoreInfo,
+    'marker-pad-lock': MarkerPadLock,
+    'marker-route-truck': MarkerRouteTruck,
+    'arrows-marker': ArrowsMarker,
+    'cloud-marker-arrow': CloudMarkerArrow,
+    'signal-marker': SignalMarker,
+    'like-marker': LikeMarker,
+    'user-centric': UserCentric,
+    'credit-card-check': CreditCardCheck,
+    'puzzles-plus': PuzzlesPlus,
+};
+
+const MapDemo = {
+    'map-route': MapRoute,
+    'map-walk': MapWalk,
+    'map-bike': MapBike,
+    'map-train': MapTrain,
+    'map-car': MapCar,
+    'map-switch': MapSwitch,
+    'map-itinerary': MapItinerary,
+    'map-close': MapClose,
+    'map-origin': MapOrigin,
+    'map-pin': MapPin,
+    'map-search': MapSearch,
+    'map-arrow-top': MapArrowTop,
+    'map-arrow-bottom': MapArrowBottom,
+    'map-crosshair': MapCrosshair,
+    'map-copy': MapCopy,
+    'map-bus': MapBus,
+    'map-ferry': MapFerry,
+    'map-flight': MapFlight,
+    'map-subway': MapSubway,
+    'map-lightrail': MapLightRail,
+    'map-high-speed-train': MapHighSpeedTrain,
+};
+
+
+
+const Icons = {
+    ...WebsiteIcons,
+    ...ConsoleIcons,
+    ...ProductsIcons,
+    ...MapDemo,
+};
+
+class Icon extends Component {
+    render() {
+        const { icon, size, className, isFill, isLoad, title, testId } = this.props;
+        const IconComponent = Object.keys(Icons).includes(icon) ? Icons[icon] : Woosmap;
+        const classes = cl('icon', { 'icon--fill': isFill }, { 'icon--load icon--fill': isLoad }, className);
+        return (
+            <IconComponent
+                className={classes}
+                data-testid={`${testId}-${icon}`}
+                width={size}
+                height={size}
+                title={title}
+            />
+        );
+    }
+}
+
+Icon.defaultProps = {
+    size: 22,
+    className: null,
+    title: null,
+    testId: 'icon',
+    isFill: false,
+    isLoad: false,
+};
+
+Icon.propTypes = {
+    size: PropTypes.number,
+    className: PropTypes.string,
+    icon: PropTypes.string.isRequired,
+    isFill: PropTypes.bool,
+    isLoad: PropTypes.bool,
+    title: PropTypes.string,
+    testId: PropTypes.string,
+};
+
+export default Object.assign(Icon, {
+    WebsiteIcons,
+    MapDemo,
+});

package/src/website.js

@@ -3,7 +3,7 @@ export { changeLanguage } from './components/utils/locale';
 export { default as Button } from './components/Button/Button';
 export { default as Dropdown } from './components/Dropdown/Dropdown';
 export { default as Flash } from './components/Flash/Flash';
-export { default as Icon } from './components/Icon/Icon';
+export { default as Icon } from './components/Icon/WebSiteIcon';
 
 export { default as Input } from './components/Input/Input';
 export { default as PasswordStrengthBar } from './components/PasswordStrengthBar/PasswordStrengthBar';
@@ -22,3 +22,8 @@ export { default as DistanceDemo } from './components/Demo/DistanceDemo';
 export { default as SearchDemo } from './components/Demo/SearchDemo';
 export { default as AddressDemo } from './components/Demo/AddressDemo';
 export { default as MapDemo } from './components/Demo/MapDemo';
+export { default as AddressAutocomplete } from './components/Woosmap/AddressAutocomplete';
+export { default as OfflineChatBot } from './components/OfflineChatBot/OfflineChatBot';
+export { default as CountrySelect } from './components/Select/CountrySelect';
+export { default as PricingSimulator} from './components/PricingSlider/PricingSimulator';
+export { default as CodeSnippet } from './components/CodeSnippet/CodeSnippet';