@woosmap/ui 4.220.10 → 4.220.13

package/src/components/Label/Label.js

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

package/src/components/Label/Label.stories.js

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

package/src/components/Label/Label.test.js

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

package/src/components/Map/InfoWindow.test.js

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

package/src/components/Map/Map.stories.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import GoogleMapReact from 'google-map-react';
-import Marker from '@/components/Map/Marker';
-import { viewpoint, circle } from '@/components/Map/drawOnMap';
-import Constants from '@/Constants';
+import Marker from './Marker';
+import { viewpoint, circle } from './drawOnMap';
+import Constants from '../../Constants';
 
 const Story = {
     title: 'map/Marker',

package/src/components/Map/Marker.test.js

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

package/src/components/Map/drawOnMap.test.js

@@ -1,13 +1,5 @@
-import fakeLatLngGoogleObject from '@/components/Map/fakeLatLngGoogleObject';
-import {
-    circle,
-    polyline,
-    decodePath,
-    viewpoint,
-    viewport,
-    extendedBounds,
-    boundsFromViewport,
-} from '@/components/Map/drawOnMap';
+import fakeLatLngGoogleObject from './fakeLatLngGoogleObject';
+import { circle, polyline, decodePath, viewpoint, viewport, extendedBounds, boundsFromViewport } from './drawOnMap';
 
 class fakeGoogleObject {
     constructor(options) {

package/src/components/Map/marker.styl

@@ -4,9 +4,9 @@
 	height 4.6rem
 	left calc(50% - 1.5rem)
 	top calc(50% - 4.1rem)
-	background url('~@/images/marker.png') no-repeat
+	background url('../../images/marker.png') no-repeat
 	background-size 100%
 	text-align center
 	&--alt
-		background url('~@/images/marker-alt.png') no-repeat
+		background url('../../images/marker-alt.png') no-repeat
 		background-size 100%

package/src/components/Modal/ConfirmationModal.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import Modal from '@/components/Modal/Modal';
-import { tr } from '@/components/utils/locale';
+import Modal from './Modal';
+import { tr } from '../utils/locale';
 
 export default class ConfirmationModal extends Component {
     constructor(props) {

package/src/components/Modal/ConfirmationModal.test.js

@@ -3,7 +3,7 @@ import { render, screen, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import 'resize-observer-polyfill/dist/ResizeObserver.global';
 
-import ConfirmationModal from '@/components/Modal/ConfirmationModal';
+import ConfirmationModal from './ConfirmationModal';
 
 it('renders a ConfirmationModal', () => {
     render(<ConfirmationModal defaultIsOpen title="Do you confirm?" confirmCb={() => {}} text="Are you sure?" />);

package/src/components/Modal/Modal.js

@@ -2,12 +2,12 @@ import React, { Component } from 'react';
 import ReactDOM from 'react-dom';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import Animate, { AnimatePresence } from '@/components/Animate/Animate';
-import Button from '@/components/Button/Button';
-import withClickOutside from '@/components/withClickOutside/withClickOutside';
-import { tr } from '@/components/utils/locale';
-import Icon from '@/components/Icon/Icon';
-import ProgressBar from '@/components/ProgressBar/ProgressBar';
+import Animate, { AnimatePresence } from '../Animate/Animate';
+import Button from '../Button/Button';
+import withClickOutside from '../withClickOutside/withClickOutside';
+import { tr } from '../utils/locale';
+import Icon from '../Icon/Icon';
+import ProgressBar from '../ProgressBar/ProgressBar';
 
 class Modal extends Component {
     constructor(props) {

package/src/components/Modal/Modal.stories.js

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
-import Button from '@/components/Button/Button';
-import Modal from '@/components/Modal/Modal';
-import ConfirmationModal from '@/components/Modal/ConfirmationModal';
+import Button from '../Button/Button';
+import Modal from './Modal';
+import ConfirmationModal from './ConfirmationModal';
 
 const Story = {
     title: 'base/Modal',

package/src/components/Modal/Modal.test.js

@@ -3,7 +3,7 @@ import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import { act } from 'react-dom/test-utils';
 
-import Modal from '@/components/Modal/Modal';
+import Modal from './Modal';
 
 it('renders a Modal component ', () => {
     const modalRef = React.createRef();

package/src/components/OfflineChatBot/OfflineChatBot.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Picto from '@/images/offlinechat/sf-chat.png';
-import Favicon from '@/images/offlinechat/favicon.png';
-import Button from '@/components/Button/Button';
-import { tr } from '@/components/utils/locale';
+import Picto from '../../images/offlinechat/sf-chat.png';
+import Favicon from '../../images/offlinechat/favicon.png';
+import Button from '../Button/Button';
+import { tr } from '../utils/locale';
 
 class OfflineChatBot extends React.Component {
     constructor(props) {

package/src/components/OfflineChatBot/OfflineChatBot.stories.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import OfflineChatBot from '@/components/OfflineChatBot/OfflineChatBot';
-import Button from '@/components/Button/Button';
+import OfflineChatBot from './OfflineChatBot';
+import Button from '../Button/Button';
 
 const Story = {
     title: 'base/OfflineChatBot',

package/src/components/Panel/Panel.js

@@ -2,8 +2,8 @@ import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
 import { motion, AnimatePresence } from 'framer-motion';
-import Button from '@/components/Button/Button';
-import withClickOutside from '@/components/withClickOutside/withClickOutside';
+import Button from '../Button/Button';
+import withClickOutside from '../withClickOutside/withClickOutside';
 
 const MotionDiv = motion.div;
 

package/src/components/Panel/Panel.stories.js

@@ -1,6 +1,6 @@
 import React, { useRef, useState } from 'react';
-import Panel from '@/components/Panel/Panel';
-import Button from '@/components/Button/Button';
+import Panel from './Panel';
+import Button from '../Button/Button';
 
 const Story = {
     title: 'base/Panel',

package/src/components/Panel/Panel.test.js

@@ -4,7 +4,7 @@ import '@testing-library/jest-dom/extend-expect';
 import { act } from 'react-dom/test-utils';
 import userEvent from '@testing-library/user-event';
 
-import Panel from '@/components/Panel/Panel';
+import Panel from './Panel';
 
 it('renders a Panel component ', () => {
     const panelRef = React.createRef();

package/src/components/PasswordStrengthBar/PasswordStrengthBar.stories.js

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

package/src/components/PasswordStrengthBar/PasswordStrengthBar.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import PasswordStrengthBar from '@/components/PasswordStrengthBar/PasswordStrengthBar';
+import PasswordStrengthBar from './PasswordStrengthBar';
 
 const password = {
     tooShort: '',

package/src/components/Popover/ConfirmationPopover.js

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

package/src/components/Popover/ConfirmationPopover.test.js

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

package/src/components/Popover/Popover.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { useLayer, Arrow } from 'react-laag';
 import PropTypes from 'prop-types';
-import Animate, { AnimatePresence } from '@/components/Animate/Animate';
+import Animate, { AnimatePresence } from '../Animate/Animate';
 
 class Popover extends Component {
     toggle = () => {

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import Popover from '@/components/Popover/Popover';
-import ConfirmationPopover from '@/components/Popover/ConfirmationPopover';
-import Button from '@/components/Button/Button';
+import Popover from './Popover';
+import ConfirmationPopover from './ConfirmationPopover';
+import Button from '../Button/Button';
 
 const toggle = (ref) => {
     if (ref.current) {

package/src/components/Popover/Popover.test.js

@@ -3,8 +3,8 @@ import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import { act } from 'react-dom/test-utils';
 
-import Button from '@/components/Button/Button';
-import Popover from '@/components/Popover/Popover';
+import Button from '../Button/Button';
+import Popover from './Popover';
 
 class ResizeObserver {
     disconnect = () => {