@woosmap/ui 4.221.0 → 4.222.0

package/package.json

@@ -1,123 +1,111 @@
 {
-  "name": "@woosmap/ui",
-  "version": "4.221.0",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/WebGeoServices/ui.git"
-  },
-  "main": "src/index.js",
-  "exports": {
-    ".": "./src/index.js",
-    "./src/website": "./src/website.js",
-    "./src/styles/style-website.styl": "./src/styles/style-website.styl",
-    "./src/styles/style-console.styl": "./src/styles/style-console.styl"
-  },
-  "dependencies": {
-    "@mapbox/polyline": "^1.2.1",
-    "axios": "0.28.1",
-    "classnames": "^2.5.1",
-    "framer-motion": "^11.3.28",
-    "google-map-react": "^2.2.1",
-    "i18next": "^23.14.0",
-    "moment": "^2.30.1",
-    "numeral": "^2.0.6",
-    "perfect-scrollbar": "^1.5.5",
-    "prop-types": "^15.8.1",
-    "react": "^18.3.1",
-    "react-datetime": "^3.2.0",
-    "react-dom": "^18.3.1",
-    "react-laag": "^2.0.5",
-    "react-select": "^5.10.0",
-    "react-slider": "^2.0.6",
-    "react-syntax-highlighter": "^15.5.0",
-    "resize-observer-polyfill": "^1.5.1",
-    "zxcvbn": "^4.4.2"
-  },
-  "scripts": {
-    "start": "yarn stylus-dev && yarn storybook:dev",
-    "app": "yarn stylus-dev && craco start",
-    "stylus": "stylus ./src/styles/style-console.styl -o dist/styles/dev",
-    "stylus-dev": "stylus ./src/styles/style-console.styl -o dist/styles/dev && stylus ./src/styles/style-stories.styl -o dist/styles/dev",
-    "build": "rimraf dist && NODE_ENV=production babel src --out-dir dist --copy-files --no-copy-ignored --ignore '**/*.stories.js,**/*.test.js,**/*.styl' && yarn build-css && craco build",
-    "build-css": "stylus ./src/styles/style-console.styl -o dist && stylus ./src/styles/style-stories.styl -o dist",
-    "test": "craco test",
-    "test:generate-output": "react-scripts test --json --outputFile=./.storybook/jest-test-results.json --silent",
-    "prestorybook:dev": "clear && echo \"DOING FIRST TEST RUN\" && CI=true npm run test:generate-output",
-    "storybook:dev": "clear && concurrently -k \"npm run storybook\" \"npm run test:generate-output\"",
-    "storybook": "storybook dev -p 9009 public -h localhost",
-    "build-storybook": "storybook build -s public",
-    "icons": "svgo -f ./src/icons --config ./svgo-config.js",
-    "deploy-storybook": "storybook-to-ghpages",
-    "publish-npm": "yarn version --minor && npm publish --access=public",
-    "extract": "babel -f .babelrc 'src/components/**/*.{js,jsx,ts,tsx}'",
-    "coverage": "react-scripts test --coverage --silent --ci --coverageReporters=text --coverageReporters=text-summary --watchAll=false --collectCoverageFrom=!src/**/*.stories.js --collectCoverageFrom=!src/**/*.json ",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "lint": "eslint src --ext .js,.jsx --fix",
-    "lint:check": "eslint src --ext .js,.jsx"
-  },
-  "jest": {
-    "moduleNameMapper": {
-      "^@/(.*)$": "<rootDir>/src/$1"
+    "name": "@woosmap/ui",
+    "version": "4.222.0",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/WebGeoServices/ui.git"
+    },
+    "main": "src/index.js",
+    "exports": {
+        ".": "./src/index.js",
+        "./src/website": "./src/website.js",
+        "./src/styles/style-website.styl": "./src/styles/style-website.styl",
+        "./src/styles/style-console.styl": "./src/styles/style-console.styl"
+    },
+    "dependencies": {
+        "@mapbox/polyline": "^1.2.1",
+        "axios": "0.28.1",
+        "classnames": "^2.5.1",
+        "framer-motion": "^11.3.28",
+        "google-map-react": "^2.2.1",
+        "i18next": "^23.14.0",
+        "moment": "^2.30.1",
+        "numeral": "^2.0.6",
+        "perfect-scrollbar": "^1.5.5",
+        "prop-types": "^15.8.1",
+        "react": "^18.3.1",
+        "react-datetime": "^3.2.0",
+        "react-dom": "^18.3.1",
+        "react-laag": "^2.0.5",
+        "react-select": "^5.10.0",
+        "react-slider": "^2.0.6",
+        "react-syntax-highlighter": "^15.5.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "zxcvbn": "^4.4.2"
+    },
+    "scripts": {
+        "start": "yarn stylus-dev && yarn storybook:dev",
+        "stylus": "stylus ./src/styles/style-console.styl -o dist/styles/dev",
+        "stylus-dev": "stylus ./src/styles/style-console.styl -o dist/styles/dev && stylus ./src/styles/style-stories.styl -o dist/styles/dev",
+        "build": "rimraf dist && NODE_ENV=production babel src --out-dir dist --copy-files --no-copy-ignored --ignore '**/*.stories.js,**/*.test.js,**/*.styl' && yarn build-css",
+        "build-css": "stylus ./src/styles/style-console.styl -o dist && stylus ./src/styles/style-stories.styl -o dist",
+        "test": "react-scripts test",
+        "test:generate-output": "react-scripts test --json --outputFile=./.storybook/jest-test-results.json --silent",
+        "prestorybook:dev": "clear && echo \"DOING FIRST TEST RUN\" && CI=true npm run test:generate-output",
+        "storybook:dev": "clear && concurrently -k \"npm run storybook\" \"npm run test:generate-output\"",
+        "storybook": "storybook dev -p 9009 public -h localhost",
+        "build-storybook": "storybook build -s public",
+        "icons": "svgo -f ./src/icons --config ./svgo-config.js",
+        "deploy-storybook": "storybook-to-ghpages",
+        "publish-npm": "yarn version --minor && npm publish --access=public",
+        "extract": "babel -f .babelrc 'src/components/**/*.{js,jsx,ts,tsx}'",
+        "coverage": "react-scripts test --coverage --silent --ci --coverageReporters=text --coverageReporters=text-summary --watchAll=false --collectCoverageFrom=!src/**/*.stories.js --collectCoverageFrom=!src/**/*.json "
+    },
+    "eslintConfig": {
+        "extends": [
+            "react-app",
+            "react-app/jest"
+        ]
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.24.8",
+        "@babel/core": "^7.25.2",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/preset-env": "^7.25.4",
+        "@babel/preset-react": "^7.24.7",
+        "@emotion/is-prop-valid": "^1.3.0",
+        "@storybook/addon-actions": "^8.3.1",
+        "@storybook/addon-essentials": "^8.3.1",
+        "@storybook/addon-jest": "^8.3.1",
+        "@storybook/addon-links": "^8.3.1",
+        "@storybook/addon-styling-webpack": "^1.0.0",
+        "@storybook/node-logger": "^8.3.1",
+        "@storybook/preset-create-react-app": "^8.3.1",
+        "@storybook/react": "^8.3.1",
+        "@storybook/react-webpack5": "^8.3.1",
+        "@storybook/storybook-deployer": "^2.8.16",
+        "@testing-library/jest-dom": "^5.17.0",
+        "@testing-library/react": "^13.4.0",
+        "@testing-library/user-event": "^14.5.2",
+        "babel-plugin-i18next-extract": "^0.10.0",
+        "babel-plugin-transform-dynamic-import": "^2.1.0",
+        "concurrently": "^8.2.2",
+        "eslint-config-airbnb": "^19.0.4",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-prettier": "^5.2.1",
+        "eslint-plugin-sonarjs": "^1.0.4",
+        "jest-google-maps-mock": "^1.0.7",
+        "prettier": "^3.3.3",
+        "react-scripts": "5.0.1",
+        "rimraf": "^6.0.1",
+        "storybook": "^8.3.1",
+        "stylus": "^0.63.0",
+        "stylus-loader": "^8.1.0",
+        "svgo": "^3.3.2"
+    },
+    "resolutions": {
+        "nwsapi": "2.2.13"
     }
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.24.8",
-    "@babel/core": "^7.25.2",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-react": "^7.24.7",
-    "@craco/craco": "^7.1.0",
-    "@emotion/is-prop-valid": "^1.3.0",
-    "@storybook/addon-actions": "^8.3.1",
-    "@storybook/addon-essentials": "^8.3.1",
-    "@storybook/addon-jest": "^8.3.1",
-    "@storybook/addon-links": "^8.3.1",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/node-logger": "^8.3.1",
-    "@storybook/preset-create-react-app": "^8.3.1",
-    "@storybook/react": "^8.3.1",
-    "@storybook/react-webpack5": "^8.3.1",
-    "@storybook/storybook-deployer": "^2.8.16",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^14.5.2",
-    "babel-plugin-i18next-extract": "^0.10.0",
-    "babel-plugin-transform-dynamic-import": "^2.1.0",
-    "concurrently": "^8.2.2",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-sonarjs": "^1.0.4",
-    "jest-google-maps-mock": "^1.0.7",
-    "prettier": "^3.3.3",
-    "react-scripts": "5.0.1",
-    "rimraf": "^6.0.1",
-    "storybook": "^8.3.1",
-    "stylus": "^0.63.0",
-    "stylus-loader": "^8.1.0",
-    "svgo": "^3.3.2"
-  },
-  "resolutions": {
-    "nwsapi": "2.2.13"
-  }
 }

package/src/components/Button/Button.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import cl from 'classnames';
-import Icon from '@/components/Icon/Icon';
-import { tr } from '@/components/utils/locale';
+import Icon from '../Icon/Icon';
+import { tr } from '../utils/locale';
 
 export default class Button extends Component {
     constructor(props) {

package/src/components/Button/Button.stories.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import Button from '@/components/Button/Button';
-import ButtonGroup from '@/components/Button/ButtonGroup';
-import ButtonSwitch from '@/components/Button/ButtonSwitch';
-import ButtonWithDropdown from '@/components/Button/ButtonWithDropdown';
-import Tooltip from '@/components/Tooltip/Tooltip';
+import Button from './Button';
+import ButtonGroup from './ButtonGroup';
+import ButtonSwitch from './ButtonSwitch';
+import ButtonWithDropdown from './ButtonWithDropdown';
+import Tooltip from '../Tooltip/Tooltip';
 
 const Story = {
     title: 'base/Button',

package/src/components/Button/Button.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import Button from '@/components/Button/Button';
+import Button from './Button';
 
 it('renders a Button component ', () => {
     const { container } = render(<Button label="label" className="myclass" />);

package/src/components/Button/ButtonSwitch.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import Button from '@/components/Button/Button';
+import Button from './Button';
 
 export default class ButtonSwitch extends Component {
     render() {

package/src/components/Button/ButtonWithDropdown.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import PropTypes, { bool } from 'prop-types';
-import Button from '@/components/Button/Button';
-import Dropdown from '@/components/Dropdown/Dropdown';
-import uniqueid from '@/components/uniqueid';
+import Button from './Button';
+import Dropdown from '../Dropdown/Dropdown';
+import uniqueid from '../uniqueid';
 
 class ButtonWithDropdown extends Component {
     renderDropdown = () => {

package/src/components/Button/ButtonWithDropdown.test.js

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import 'resize-observer-polyfill/dist/ResizeObserver.global';
 
-import ButtonWithDropdown from '@/components/Button/ButtonWithDropdown';
+import ButtonWithDropdown from './ButtonWithDropdown';
 
 it('renders a small Button', () => {
     const args = {

package/src/components/Card/Card.js

@@ -2,37 +2,37 @@
 import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import { tr } from '@/components/utils/locale';
-import Icon from '@/components/Icon/Icon';
-import Tooltip from '@/components/Tooltip/Tooltip';
+import { tr } from '../utils/locale';
+import Icon from '../Icon/Icon';
+import Tooltip from '../Tooltip/Tooltip';
 
-import datasetsImg from '@/images/products/product-datasets.png';
-import localitiesImg from '@/images/products/product-localities.png';
-import localitiesUkImg from '@/images/products/product-localities-uk.png';
-import geolocationImg from '@/images/products/product-geolocation.png';
-import storesImg from '@/images/products/product-stores.png';
-import distanceImg from '@/images/products/product-distance.png';
-import addressImg from '@/images/products/product-address.png';
-import mapImg from '@/images/products/product-map.png';
-import trafficImg from '@/images/products/product-traffic.png';
-import indoorImg from '@/images/products/product-indoor.png';
-import what3wordsImg from '@/images/products/product-what3words.png';
-import transitImg from '@/images/products/product-transit.png';
-import distanceTollImg from '@/images/products/product-distance-toll.png';
+import datasetsImg from '../../images/products/product-datasets.png';
+import localitiesImg from '../../images/products/product-localities.png';
+import localitiesUkImg from '../../images/products/product-localities-uk.png';
+import geolocationImg from '../../images/products/product-geolocation.png';
+import storesImg from '../../images/products/product-stores.png';
+import distanceImg from '../../images/products/product-distance.png';
+import addressImg from '../../images/products/product-address.png';
+import mapImg from '../../images/products/product-map.png';
+import trafficImg from '../../images/products/product-traffic.png';
+import indoorImg from '../../images/products/product-indoor.png';
+import what3wordsImg from '../../images/products/product-what3words.png';
+import transitImg from '../../images/products/product-transit.png';
+import distanceTollImg from '../../images/products/product-distance-toll.png';
 
-import datasetsImgSq from '@/images/products/product-datasets-sq.png';
-import localitiesImgSq from '@/images/products/product-localities-sq.png';
-import localitiesUkImgSq from '@/images/products/product-localities-uk-sq.png';
-import geolocationImgSq from '@/images/products/product-geolocation-sq.png';
-import storesImgSq from '@/images/products/product-stores-sq.png';
-import distanceImgSq from '@/images/products/product-distance-sq.png';
-import addressImgSq from '@/images/products/product-address-sq.png';
-import mapImgSq from '@/images/products/product-map-sq.png';
-import trafficImgSq from '@/images/products/product-traffic-sq.png';
-import indoorImgSq from '@/images/products/product-indoor-sq.png';
-import what3wordsImgSq from '@/images/products/product-what3words-sq.png';
-import transitImgSq from '@/images/products/product-transit-sq.png';
-import distanceTollImgSq from '@/images/products/product-distance-toll-sq.png';
+import datasetsImgSq from '../../images/products/product-datasets-sq.png';
+import localitiesImgSq from '../../images/products/product-localities-sq.png';
+import localitiesUkImgSq from '../../images/products/product-localities-uk-sq.png';
+import geolocationImgSq from '../../images/products/product-geolocation-sq.png';
+import storesImgSq from '../../images/products/product-stores-sq.png';
+import distanceImgSq from '../../images/products/product-distance-sq.png';
+import addressImgSq from '../../images/products/product-address-sq.png';
+import mapImgSq from '../../images/products/product-map-sq.png';
+import trafficImgSq from '../../images/products/product-traffic-sq.png';
+import indoorImgSq from '../../images/products/product-indoor-sq.png';
+import what3wordsImgSq from '../../images/products/product-what3words-sq.png';
+import transitImgSq from '../../images/products/product-transit-sq.png';
+import distanceTollImgSq from '../../images/products/product-distance-toll-sq.png';
 
 const productImg = {
     DATASETS: datasetsImg,

package/src/components/Card/Card.stories.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import Button from '@/components/Button/Button';
-import Switch from '@/components/Switch/Switch';
-import Label from '@/components/Label/Label';
-import Tooltip from '@/components/Tooltip/Tooltip';
-import Card from '@/components/Card/Card';
-import SimpleCard from '@/components/Card/SimpleCard';
+import Button from '../Button/Button';
+import Switch from '../Switch/Switch';
+import Label from '../Label/Label';
+import Tooltip from '../Tooltip/Tooltip';
+import Card from './Card';
+import SimpleCard from './SimpleCard';
 
 const Story = {
     title: 'base/Card',

package/src/components/Card/Card.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import Card from '@/components/Card/Card';
+import Card from './Card';
 
 it('renders a Card component ', () => {
     const { getByTestId } = render(

package/src/components/Card/SimpleCard.js

@@ -2,8 +2,8 @@
 import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import Icon from '@/components/Icon/Icon';
-import { tr } from '@/components/utils/locale';
+import Icon from '../Icon/Icon';
+import { tr } from '../utils/locale';
 
 class SimpleCard extends Component {
     render() {

package/src/components/Card/SimpleCard.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import SimpleCard from '@/components/Card/SimpleCard';
+import SimpleCard from './SimpleCard';
 
 it('renders a SimpleCard component ', () => {
     const { getByTestId } = render(

package/src/components/CodeSnippet/CodeSnippet.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import CodeSnippet from '@/components/CodeSnippet/CodeSnippet';
+import CodeSnippet from './CodeSnippet';
 
 const Story = {
     title: 'base/CodeSnippet',

package/src/components/CodeSnippet/CodeSnippet.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import CodeSnippet from '@/components/CodeSnippet/CodeSnippet';
+import CodeSnippet from './CodeSnippet';
 
 it('renders a CodeSnippet', () => {
     const jsonObj = {

package/src/components/CopyClipboardButton/CopyClipboardButton.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import copy from '@/components/utils/CopyToClipoard';
-import { tr } from '@/components/utils/locale';
-import Button from '@/components/Button/Button';
+import copy from '../utils/CopyToClipoard';
+import { tr } from '../utils/locale';
+import Button from '../Button/Button';
 
 export default class CopyClipboardButton extends Component {
     constructor(props) {

package/src/components/CopyClipboardButton/CopyToClipboard.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import CopyClipboardButton from '@/components/CopyClipboardButton/CopyClipboardButton';
+import CopyClipboardButton from './CopyClipboardButton';
 
 const Story = {
     title: 'base/CopyClipboardButton',

package/src/components/CopyClipboardButton/CopyToClipboard.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { fireEvent, render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import CopyClipboardButton from '@/components/CopyClipboardButton/CopyClipboardButton';
+import CopyClipboardButton from './CopyClipboardButton';
 
 const textToBeCopied = 'Text to be copied';
 

package/src/components/DateTime/DateTime.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import DateTime from '@/components/DateTime/DateTime';
+import DateTime from './DateTime';
 
 const Story = {
     title: 'base/DateTime',

package/src/components/DateTime/DateTime.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import DateTime from '@/components/DateTime/DateTime';
+import DateTime from './DateTime';
 
 it('renders a label component ', () => {
     const { container } = render(<DateTime />);

package/src/components/Demo/AddressDemo.js

@@ -2,16 +2,16 @@
 import React, { Component } from 'react';
 import axios from 'axios';
 import cl from 'classnames';
-import markerIcon from '@/images/marker.png';
-import Demo from '@/components/Demo/SkeletonDemo';
-import Constants from '@/Constants';
-import { createWoosmapMap, WoosmapMapBoundingBox } from '@/components/Map/drawOnMap';
-import Button from '@/components/Button/Button';
-import ButtonGroup from '@/components/Button/ButtonGroup';
-import CountrySelect from '@/components/Select/CountrySelect';
-import { tr } from '@/components/utils/locale';
-import Input from '@/components/Input/Input';
-import AddressAutocomplete from '@/components/Woosmap/AddressAutocomplete';
+import markerIcon from '../../images/marker.png';
+import Demo from './SkeletonDemo';
+import Constants from '../../Constants';
+import { createWoosmapMap, WoosmapMapBoundingBox } from '../Map/drawOnMap';
+import Button from '../Button/Button';
+import ButtonGroup from '../Button/ButtonGroup';
+import CountrySelect from '../Select/CountrySelect';
+import { tr } from '../utils/locale';
+import Input from '../Input/Input';
+import AddressAutocomplete from '../Woosmap/AddressAutocomplete';
 
 const languages = [
     { value: 'fr', label: 'French' },

package/src/components/Demo/AddressDemo.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import AddressDemo from '@/components/Demo/AddressDemo';
+import AddressDemo from './AddressDemo';
 
 const Story = {
     title: 'demo/Address',

package/src/components/Demo/AutocompleteAddressDemo.js

@@ -2,16 +2,16 @@ import axios from 'axios';
 import cl from 'classnames';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import markerIcon from '@/images/marker.png';
-import LocalitiesAutocomplete from '@/components/Woosmap/LocalitiesAutocomplete';
-import Constants from '@/Constants';
-import { tr } from '@/components/utils/locale';
-import CountrySelect from '@/components/Select/CountrySelect';
-import Input from '@/components/Input/Input';
-import Tab from '@/components/Tab/Tab';
-import Script from '@/components/utils/Script';
-import CodeSnippet from '@/components/CodeSnippet/CodeSnippet';
-import { createWoosmapMap } from '@/components/Map/drawOnMap';
+import markerIcon from '../../images/marker.png';
+import LocalitiesAutocomplete from '../Woosmap/LocalitiesAutocomplete';
+import Constants from '../../Constants';
+import { tr } from '../utils/locale';
+import CountrySelect from '../Select/CountrySelect';
+import Input from '../Input/Input';
+import Tab from '../Tab/Tab';
+import Script from '../utils/Script';
+import CodeSnippet from '../CodeSnippet/CodeSnippet';
+import { createWoosmapMap } from '../Map/drawOnMap';
 
 const MAP_CLASSNAME = 'map';
 

package/src/components/Demo/AutocompleteAddressDemo.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import AutocompleteAddressDemo from '@/components/Demo/AutocompleteAddressDemo';
-import { changeLanguage } from '@/components/utils/locale';
+import AutocompleteAddressDemo from './AutocompleteAddressDemo';
+import { changeLanguage } from '../utils/locale';
 
 const Story = {
     title: 'demo/AutocompleteAddress',

package/src/components/Demo/DistanceDemo.js

@@ -5,18 +5,18 @@ import PropTypes from 'prop-types';
 import cl from 'classnames';
 import polyline from '@mapbox/polyline';
 import Datetime from 'react-datetime';
-import DrivingImg from '@/images/car.png';
-import CyclingImg from '@/images/cycle.png';
-import WalkingImg from '@/images/walk.png';
-import markerIcon from '@/images/marker.png';
-import Demo from '@/components/Demo/SkeletonDemo';
-import Input from '@/components/Input/Input';
-import Constants from '@/Constants';
-import LocalitiesAutocomplete from '@/components/Woosmap/LocalitiesAutocomplete';
-import Button from '@/components/Button/Button';
-import ButtonGroup from '@/components/Button/ButtonGroup';
-import { tr } from '@/components/utils/locale';
-import { createWoosmapMap } from '@/components/Map/drawOnMap';
+import DrivingImg from '../../images/car.png';
+import CyclingImg from '../../images/cycle.png';
+import WalkingImg from '../../images/walk.png';
+import markerIcon from '../../images/marker.png';
+import Demo from './SkeletonDemo';
+import Input from '../Input/Input';
+import Constants from '../../Constants';
+import LocalitiesAutocomplete from '../Woosmap/LocalitiesAutocomplete';
+import Button from '../Button/Button';
+import ButtonGroup from '../Button/ButtonGroup';
+import { tr } from '../utils/locale';
+import { createWoosmapMap } from '../Map/drawOnMap';
 
 const languages = [
     { value: 'fr', label: 'French' },

package/src/components/Demo/DistanceDemo.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import DistanceDemo from '@/components/Demo/DistanceDemo';
+import DistanceDemo from './DistanceDemo';
 
 const Story = {
     title: 'demo/Distance',

package/src/components/Demo/DistanceDemo.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import DistanceDemo from '@/components/Demo/DistanceDemo';
+import DistanceDemo from './DistanceDemo';
 
 const API_ERROR_MESSAGE = 'Some handled error message';