@woosmap/ui 4.220.10 → 4.220.13

package/.eslintrc

@@ -15,16 +15,6 @@
     "google": true,
     "config": true
   },
-  "settings": {
-    "import/resolver": {
-      "alias": {
-        "map": [
-          ["@", "./src"]
-        ],
-        "extensions": [".js", ".jsx", ".json"]
-      }
-    }
-  },
   "rules": {
     "quotes": [
       "error",

package/.storybook/main.js

@@ -92,13 +92,6 @@ module.exports = {
       },
     );
 
-    // Ajout de l'alias '@' pour src
-    config.resolve = config.resolve || {};
-    config.resolve.alias = {
-      ...(config.resolve.alias || {}),
-      '@': path.resolve(__dirname, '../src'),
-    };
-
     return config;
   },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.220.10",
+  "version": "4.220.13",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"
@@ -35,12 +35,11 @@
   },
   "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": "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": "craco test",
+    "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\"",
@@ -56,11 +55,6 @@
     "lint": "eslint src --ext .js,.jsx --fix",
     "lint:check": "eslint src --ext .js,.jsx"
   },
-  "jest": {
-    "moduleNameMapper": {
-      "^@/(.*)$": "<rootDir>/src/$1"
-    }
-  },
   "eslintConfig": {
     "extends": [
       "react-app",
@@ -85,7 +79,6 @@
     "@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",
@@ -105,7 +98,6 @@
     "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",

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.styl

@@ -30,10 +30,10 @@
 			box-shadow inset 0 0 .1rem $dark60
 	.row-inactive &
 	&.disabled
-		background #fff url('~@/images/texture.png')
+		background #fff url('../../images/texture.png')
 		color $secondary60
 		&.active
-			background $primary6 url('~@/images/texture.png')
+			background $primary6 url('../../images/texture.png')
 	&__title
 		ellipsis()
 		font-weight 600

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';
 

package/src/components/Demo/GeolocationDemo.js

@@ -2,13 +2,13 @@
 import axios from 'axios';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import markerIcon from '@/images/marker-dot.svg';
-import markerGeolocationIcon from '@/images/marker-alt.png';
-import Demo from '@/components/Demo/SkeletonDemo';
-import Constants from '@/Constants';
-import { tr } from '@/components/utils/locale';
-import Input from '@/components/Input/Input';
-import { WoosmapMapBoundingBox, woosmapBoundsFromViewport, createWoosmapMap } from '@/components/Map/drawOnMap';
+import markerIcon from '../../images/marker-dot.svg';
+import markerGeolocationIcon from '../../images/marker-alt.png';
+import Demo from './SkeletonDemo';
+import Constants from '../../Constants';
+import { tr } from '../utils/locale';
+import Input from '../Input/Input';
+import { WoosmapMapBoundingBox, woosmapBoundsFromViewport, createWoosmapMap } from '../Map/drawOnMap';
 
 export default class GeolocationDemo extends Component {
     constructor(props) {

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

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

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import GeolocationDemo from '@/components/Demo/GeolocationDemo';
+import GeolocationDemo from './GeolocationDemo';
 
 it('render geolocation demo', () => {
     const { container } = render(<GeolocationDemo />);

package/src/components/Demo/LocalitiesAddressDemo.js

@@ -2,14 +2,14 @@
 import React, { Component } from 'react';
 import axios from 'axios';
 import PropTypes from 'prop-types';
-import markerIcon from '@/images/marker.png';
-import Demo from '@/components/Demo/SkeletonDemo';
-import Constants from '@/Constants';
-import AddressAutocomplete from '@/components/Woosmap/AddressAutocomplete';
-import CountrySelect from '@/components/Select/CountrySelect';
-import Input from '@/components/Input/Input';
-import { tr } from '@/components/utils/locale';
-import { createWoosmapMap } from '@/components/Map/drawOnMap';
+import markerIcon from '../../images/marker.png';
+import Demo from './SkeletonDemo';
+import Constants from '../../Constants';
+import AddressAutocomplete from '../Woosmap/AddressAutocomplete';
+import CountrySelect from '../Select/CountrySelect';
+import Input from '../Input/Input';
+import { tr } from '../utils/locale';
+import { createWoosmapMap } from '../Map/drawOnMap';
 
 export default class LocalitiesAddressDemo extends Component {
     constructor(props) {

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

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

package/src/components/Demo/LocalitiesAllDemo.js

@@ -1,10 +1,10 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React, { Component } from 'react';
-import LocalitiesDemo from '@/components/Demo/LocalitiesDemo';
-import Button from '@/components/Button/Button';
-import ButtonGroup from '@/components/Button/ButtonGroup';
-import { tr } from '@/components/utils/locale';
-import LocalitiesAddressDemo from '@/components/Demo/LocalitiesAddressDemo';
+import LocalitiesDemo from './LocalitiesDemo';
+import Button from '../Button/Button';
+import ButtonGroup from '../Button/ButtonGroup';
+import { tr } from '../utils/locale';
+import LocalitiesAddressDemo from './LocalitiesAddressDemo';
 
 export default class LocalitiesAllDemo extends Component {
     constructor(props) {

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

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

package/src/components/Demo/LocalitiesDemo.js

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

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

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