Create src folder for shlink-web-component

shlink-web-component/src/Main.tsx

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import type { FC, ReactNode } from 'react';
 import { useEffect } from 'react';
 import { Navigate, Route, Routes, useLocation } from 'react-router-dom';
-import { useToggle } from '../shlink-frontend-kit/src';
+import { useToggle } from '../../shlink-frontend-kit/src';
 import { AsideMenu } from './common/AsideMenu';
 import { useFeature } from './utils/features';
 import { useSwipeable } from './utils/helpers/hooks';

shlink-web-component/src/api-contract/types.ts

@@ -1,4 +1,4 @@
-import type { Order } from '../../shlink-frontend-kit/src';
+import type { Order } from '../../../shlink-frontend-kit/src';
 import type { ShortUrl, ShortUrlMeta } from '../short-urls/data';
 import type { Visit } from '../visits/types';
 

shlink-web-component/src/common/AsideMenu.scss

@@ -1,5 +1,5 @@
-@import '../../src/utils/base';
-@import '../../src/utils/mixins/vertical-align';
+@import '../../../src/utils/base';
+@import '../../../src/utils/mixins/vertical-align';
 
 .aside-menu {
   width: $asideMenuWidth;

shlink-web-component/src/domains/DomainSelector.scss

@@ -1,5 +1,5 @@
-@import '../../src/utils/base';
-@import '../../src/utils/mixins/vertical-align';
+@import '../../../src/utils/base';
+@import '../../../src/utils/mixins/vertical-align';
 
 .domains-dropdown__toggle-btn.domains-dropdown__toggle-btn,
 .domains-dropdown__toggle-btn.domains-dropdown__toggle-btn:hover,

shlink-web-component/src/domains/DomainSelector.tsx

@@ -4,7 +4,7 @@ import { isEmpty, pipe } from 'ramda';
 import { useEffect } from 'react';
 import type { InputProps } from 'reactstrap';
 import { Button, DropdownItem, Input, InputGroup, UncontrolledTooltip } from 'reactstrap';
-import { DropdownBtn, useToggle } from '../../shlink-frontend-kit/src';
+import { DropdownBtn, useToggle } from '../../../shlink-frontend-kit/src';
 import type { DomainsList } from './reducers/domainsList';
 import './DomainSelector.scss';
 

shlink-web-component/src/domains/ManageDomains.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import { useEffect } from 'react';
-import { Message, Result, SearchField, SimpleCard } from '../../shlink-frontend-kit/src';
+import { Message, Result, SearchField, SimpleCard } from '../../../shlink-frontend-kit/src';
 import { ShlinkApiError } from '../common/ShlinkApiError';
 import { DomainRow } from './DomainRow';
 import type { EditDomainRedirects } from './reducers/domainRedirects';

shlink-web-component/src/domains/helpers/DomainDropdown.tsx

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import type { FC } from 'react';
 import { Link } from 'react-router-dom';
 import { DropdownItem } from 'reactstrap';
-import { RowDropdownBtn, useToggle } from '../../../shlink-frontend-kit/src';
+import { RowDropdownBtn, useToggle } from '../../../../shlink-frontend-kit/src';
 import { useFeature } from '../../utils/features';
 import { useRoutesPrefix } from '../../utils/routesPrefix';
 import { DEFAULT_DOMAIN } from '../../visits/reducers/domainVisits';

shlink-web-component/src/domains/helpers/DomainStatusIcon.tsx

@@ -8,7 +8,7 @@ import type { FC } from 'react';
 import { useEffect, useState } from 'react';
 import { ExternalLink } from 'react-external-link';
 import { UncontrolledTooltip } from 'reactstrap';
-import { useElementRef } from '../../../shlink-frontend-kit/src';
+import { useElementRef } from '../../../../shlink-frontend-kit/src';
 import type { MediaMatcher } from '../../utils/types';
 import type { DomainStatus } from '../data';
 

shlink-web-component/src/domains/helpers/EditDomainRedirectsModal.tsx

@@ -1,8 +1,8 @@
 import type { FC } from 'react';
 import { useState } from 'react';
 import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
-import type { InputFormGroupProps } from '../../../shlink-frontend-kit/src';
-import { InputFormGroup } from '../../../shlink-frontend-kit/src';
+import type { InputFormGroupProps } from '../../../../shlink-frontend-kit/src';
+import { InputFormGroup } from '../../../../shlink-frontend-kit/src';
 import type { ShlinkDomain } from '../../api-contract';
 import { InfoTooltip } from '../../utils/components/InfoTooltip';
 import { handleEventPreventingDefault, nonEmptyValueOrNull } from '../../utils/helpers';

shlink-web-component/src/overview/helpers/HighlightCard.scss

@@ -1,4 +1,4 @@
-@import '../../../src/utils/base';
+@import '../../../../src/utils/base';
 
 .highlight-card.highlight-card {
   text-align: center;

shlink-web-component/src/overview/helpers/HighlightCard.tsx

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import type { FC, PropsWithChildren, ReactNode } from 'react';
 import { Link } from 'react-router-dom';
 import { Card, CardText, CardTitle, UncontrolledTooltip } from 'reactstrap';
-import { useElementRef } from '../../../shlink-frontend-kit/src';
+import { useElementRef } from '../../../../shlink-frontend-kit/src';
 import './HighlightCard.scss';
 
 export type HighlightCardProps = PropsWithChildren<{

shlink-web-component/src/short-urls/EditShortUrl.tsx

@@ -5,7 +5,7 @@ import { useEffect, useMemo } from 'react';
 import { ExternalLink } from 'react-external-link';
 import { useLocation, useParams } from 'react-router-dom';
 import { Button, Card } from 'reactstrap';
-import { Message, Result } from '../../shlink-frontend-kit/src';
+import { Message, Result } from '../../../shlink-frontend-kit/src';
 import { ShlinkApiError } from '../common/ShlinkApiError';
 import { useGoBack } from '../utils/helpers/hooks';
 import { parseQuery } from '../utils/helpers/query';

shlink-web-component/src/short-urls/ShortUrlForm.scss

@@ -1,4 +1,4 @@
-@import '../../src/utils/base';
+@import '../../../src/utils/base';
 
 .short-url-form p:last-child {
   margin-bottom: 0;

shlink-web-component/src/short-urls/ShortUrlForm.tsx

@@ -8,7 +8,7 @@ import type { ChangeEvent, FC } from 'react';
 import { useEffect, useState } from 'react';
 import { Button, FormGroup, Input, Row } from 'reactstrap';
 import type { InputType } from 'reactstrap/types/lib/Input';
-import { Checkbox, SimpleCard } from '../../shlink-frontend-kit/src';
+import { Checkbox, SimpleCard } from '../../../shlink-frontend-kit/src';
 import type { DomainSelectorProps } from '../domains/DomainSelector';
 import type { TagsSelectorProps } from '../tags/helpers/TagsSelector';
 import { IconInput } from '../utils/components/IconInput';

shlink-web-component/src/short-urls/ShortUrlsFilteringBar.tsx

@@ -4,8 +4,8 @@ import classNames from 'classnames';
 import { isEmpty, pipe } from 'ramda';
 import type { FC } from 'react';
 import { Button, InputGroup, Row, UncontrolledTooltip } from 'reactstrap';
-import type { OrderDir } from '../../shlink-frontend-kit/src';
-import { OrderingDropdown, SearchField } from '../../shlink-frontend-kit/src';
+import type { OrderDir } from '../../../shlink-frontend-kit/src';
+import { OrderingDropdown, SearchField } from '../../../shlink-frontend-kit/src';
 import type { TagsSelectorProps } from '../tags/helpers/TagsSelector';
 import { DateRangeSelector } from '../utils/dates/DateRangeSelector';
 import { formatIsoDate } from '../utils/dates/helpers/date';

shlink-web-component/src/short-urls/ShortUrlsList.tsx

@@ -2,9 +2,9 @@ import { pipe } from 'ramda';
 import { useEffect, useState } from 'react';
 import { useLocation, useParams } from 'react-router-dom';
 import { Card } from 'reactstrap';
-import type { OrderDir } from '../../shlink-frontend-kit/src';
-import { determineOrderDir } from '../../shlink-frontend-kit/src';
-import { DEFAULT_SHORT_URLS_ORDERING } from '../../src/settings/reducers/settings';
+import type { OrderDir } from '../../../shlink-frontend-kit/src';
+import { determineOrderDir } from '../../../shlink-frontend-kit/src';
+import { DEFAULT_SHORT_URLS_ORDERING } from '../../../src/settings/reducers/settings';
 import type { ShlinkShortUrlsListParams, ShlinkShortUrlsOrder } from '../api-contract';
 import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
 import { Topics } from '../mercure/helpers/Topics';

shlink-web-component/src/short-urls/UseExistingIfFoundInfoIcon.tsx

@@ -1,7 +1,7 @@
 import { faInfoCircle as infoIcon } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Modal, ModalBody, ModalHeader } from 'reactstrap';
-import { useToggle } from '../../shlink-frontend-kit/src';
+import { useToggle } from '../../../shlink-frontend-kit/src';
 import './UseExistingIfFoundInfoIcon.scss';
 
 const InfoModal = ({ isOpen, toggle }: { isOpen: boolean; toggle: () => void }) => (

shlink-web-component/src/short-urls/data/index.ts

@@ -1,4 +1,4 @@
-import type { Order } from '../../../shlink-frontend-kit/src';
+import type { Order } from '../../../../shlink-frontend-kit/src';
 import type { ShlinkVisitsSummary } from '../../api-contract';
 import type { Nullable, OptionalString } from '../../utils/helpers';
 

shlink-web-component/src/short-urls/helpers/CreateShortUrlResult.tsx

@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useEffect } from 'react';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import { Tooltip } from 'reactstrap';
-import { Result } from '../../../shlink-frontend-kit/src';
+import { Result } from '../../../../shlink-frontend-kit/src';
 import { ShlinkApiError } from '../../common/ShlinkApiError';
 import type { TimeoutToggle } from '../../utils/helpers/hooks';
 import type { ShortUrlCreation } from '../reducers/shortUrlCreation';

shlink-web-component/src/short-urls/helpers/DeleteShortUrlModal.tsx

@@ -1,7 +1,7 @@
 import { pipe } from 'ramda';
 import { useEffect, useState } from 'react';
 import { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
-import { Result } from '../../../shlink-frontend-kit/src';
+import { Result } from '../../../../shlink-frontend-kit/src';
 import { isInvalidDeletionError } from '../../api-contract/utils';
 import { ShlinkApiError } from '../../common/ShlinkApiError';
 import { handleEventPreventingDefault } from '../../utils/helpers';

shlink-web-component/src/short-urls/helpers/ExportShortUrlsBtn.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import { useCallback } from 'react';
-import { useToggle } from '../../../shlink-frontend-kit/src';
+import { useToggle } from '../../../../shlink-frontend-kit/src';
 import type { ShlinkApiClient } from '../../api-contract';
 import { ExportBtn } from '../../utils/components/ExportBtn';
 import type { ReportExporter } from '../../utils/services/ReportExporter';

shlink-web-component/src/short-urls/helpers/ShortUrlFormCheckboxGroup.tsx

@@ -1,5 +1,5 @@
 import type { ChangeEvent, FC, PropsWithChildren } from 'react';
-import { Checkbox } from '../../../shlink-frontend-kit/src';
+import { Checkbox } from '../../../../shlink-frontend-kit/src';
 import { InfoTooltip } from '../../utils/components/InfoTooltip';
 
 type ShortUrlFormCheckboxGroupProps = PropsWithChildren<{

shlink-web-component/src/short-urls/helpers/ShortUrlStatus.tsx

@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { isBefore } from 'date-fns';
 import type { FC, ReactNode } from 'react';
 import { UncontrolledTooltip } from 'reactstrap';
-import { useElementRef } from '../../../shlink-frontend-kit/src';
+import { useElementRef } from '../../../../shlink-frontend-kit/src';
 import { formatHumanFriendly, now, parseISO } from '../../utils/dates/helpers/date';
 import type { ShortUrl } from '../data';
 

shlink-web-component/src/short-urls/helpers/ShortUrlVisitsCount.tsx

@@ -2,7 +2,7 @@ import { faInfoCircle as infoIcon } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import classNames from 'classnames';
 import { UncontrolledTooltip } from 'reactstrap';
-import { useElementRef } from '../../../shlink-frontend-kit/src';
+import { useElementRef } from '../../../../shlink-frontend-kit/src';
 import { formatHumanFriendly, parseISO } from '../../utils/dates/helpers/date';
 import { prettify } from '../../utils/helpers/numbers';
 import type { ShortUrl } from '../data';

shlink-web-component/src/short-urls/helpers/ShortUrlsFilterDropdown.tsx

@@ -1,5 +1,5 @@
 import { DropdownItem } from 'reactstrap';
-import { DropdownBtn } from '../../../shlink-frontend-kit/src';
+import { DropdownBtn } from '../../../../shlink-frontend-kit/src';
 import { hasValue } from '../../utils/helpers';
 import type { ShortUrlsFilter } from '../data';
 

shlink-web-component/src/short-urls/helpers/ShortUrlsRow.scss

@@ -1,6 +1,6 @@
-@import '../../../src/utils/base';
-@import '../../../src/utils/mixins/text-ellipsis';
-@import '../../../src/utils/mixins/vertical-align';
+@import '../../../../src/utils/base';
+@import '../../../../src/utils/mixins/text-ellipsis';
+@import '../../../../src/utils/mixins/vertical-align';
 
 .short-urls-row__cell.short-urls-row__cell {
   vertical-align: middle !important;

shlink-web-component/src/short-urls/helpers/ShortUrlsRow.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { useEffect, useRef } from 'react';
 import { ExternalLink } from 'react-external-link';
-import type { TimeoutToggle } from '../../../src/utils/helpers/hooks';
+import type { TimeoutToggle } from '../../../../src/utils/helpers/hooks';
 import { CopyToClipboardIcon } from '../../utils/components/CopyToClipboardIcon';
 import { Time } from '../../utils/dates/Time';
 import type { ColorGenerator } from '../../utils/services/ColorGenerator';

shlink-web-component/src/short-urls/helpers/ShortUrlsRowMenu.tsx

@@ -7,7 +7,7 @@ import {
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import type { FC } from 'react';
 import { DropdownItem } from 'reactstrap';
-import { RowDropdownBtn, useToggle } from '../../../shlink-frontend-kit/src';
+import { RowDropdownBtn, useToggle } from '../../../../shlink-frontend-kit/src';
 import type { ShortUrl, ShortUrlModalProps } from '../data';
 import { ShortUrlDetailLink } from './ShortUrlDetailLink';
 

shlink-web-component/src/short-urls/helpers/hooks.ts

@@ -1,7 +1,7 @@
 import { isEmpty, pipe } from 'ramda';
 import { useCallback, useMemo } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { orderToString, stringToOrder } from '../../../shlink-frontend-kit/src';
+import { orderToString, stringToOrder } from '../../../../shlink-frontend-kit/src';
 import type { TagsFilteringMode } from '../../api-contract';
 import type { BooleanString } from '../../utils/helpers';
 import { parseOptionalBooleanToString } from '../../utils/helpers';

shlink-web-component/src/short-urls/helpers/qr-codes/QrErrorCorrectionDropdown.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import { DropdownItem } from 'reactstrap';
-import { DropdownBtn } from '../../../../shlink-frontend-kit/src';
+import { DropdownBtn } from '../../../../../shlink-frontend-kit/src';
 import type { QrErrorCorrection } from '../../../utils/helpers/qrCodes';
 
 interface QrErrorCorrectionDropdownProps {

shlink-web-component/src/short-urls/helpers/qr-codes/QrFormatDropdown.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import { DropdownItem } from 'reactstrap';
-import { DropdownBtn } from '../../../../shlink-frontend-kit/src';
+import { DropdownBtn } from '../../../../../shlink-frontend-kit/src';
 import type { QrCodeFormat } from '../../../utils/helpers/qrCodes';
 
 interface QrFormatDropdownProps {

shlink-web-component/src/tags/TagsList.tsx

@@ -2,7 +2,7 @@ import { pipe } from 'ramda';
 import type { FC } from 'react';
 import { useEffect, useState } from 'react';
 import { Row } from 'reactstrap';
-import { determineOrderDir, Message, OrderingDropdown, Result, SearchField, sortList } from '../../shlink-frontend-kit/src';
+import { determineOrderDir, Message, OrderingDropdown, Result, SearchField, sortList } from '../../../shlink-frontend-kit/src';
 import { ShlinkApiError } from '../common/ShlinkApiError';
 import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
 import { Topics } from '../mercure/helpers/Topics';

shlink-web-component/src/tags/TagsTable.scss

@@ -1,5 +1,5 @@
-@import '../../src/utils/base';
-@import '../../src/utils/mixins/sticky-cell';
+@import '../../../src/utils/base';
+@import '../../../src/utils/mixins/sticky-cell';
 
 .tags-table__header-cell.tags-table__header-cell {
   @include sticky-cell(false);

shlink-web-component/src/tags/TagsTable.tsx

@@ -2,7 +2,7 @@ import { splitEvery } from 'ramda';
 import type { FC } from 'react';
 import { useEffect, useRef } from 'react';
 import { useLocation } from 'react-router-dom';
-import { SimpleCard } from '../../shlink-frontend-kit/src';
+import { SimpleCard } from '../../../shlink-frontend-kit/src';
 import { SimplePaginator } from '../utils/components/SimplePaginator';
 import { useQueryState } from '../utils/helpers/hooks';
 import { parseQuery } from '../utils/helpers/query';

shlink-web-component/src/tags/TagsTableRow.tsx

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import type { FC } from 'react';
 import { Link } from 'react-router-dom';
 import { DropdownItem } from 'reactstrap';
-import { RowDropdownBtn, useToggle } from '../../shlink-frontend-kit/src';
+import { RowDropdownBtn, useToggle } from '../../../shlink-frontend-kit/src';
 import { prettify } from '../utils/helpers/numbers';
 import { useRoutesPrefix } from '../utils/routesPrefix';
 import type { ColorGenerator } from '../utils/services/ColorGenerator';

shlink-web-component/src/tags/data/TagsListChildrenProps.ts

@@ -1,4 +1,4 @@
-import type { Order } from '../../../shlink-frontend-kit/src';
+import type { Order } from '../../../../shlink-frontend-kit/src';
 import type { SimplifiedTag } from './index';
 
 export const TAGS_ORDERABLE_FIELDS = {

shlink-web-component/src/tags/helpers/DeleteTagConfirmModal.tsx

@@ -1,5 +1,5 @@
 import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
-import { Result } from '../../../shlink-frontend-kit/src';
+import { Result } from '../../../../shlink-frontend-kit/src';
 import { ShlinkApiError } from '../../common/ShlinkApiError';
 import type { TagModalProps } from '../data';
 import type { TagDeletion } from '../reducers/tagDelete';

shlink-web-component/src/tags/helpers/EditTagModal.tsx

@@ -4,7 +4,7 @@ import { pipe } from 'ramda';
 import { useState } from 'react';
 import { HexColorPicker } from 'react-colorful';
 import { Button, Input, InputGroup, Modal, ModalBody, ModalFooter, ModalHeader, Popover } from 'reactstrap';
-import { Result, useToggle } from '../../../shlink-frontend-kit/src';
+import { Result, useToggle } from '../../../../shlink-frontend-kit/src';
 import { ShlinkApiError } from '../../common/ShlinkApiError';
 import { handleEventPreventingDefault } from '../../utils/helpers';
 import type { ColorGenerator } from '../../utils/services/ColorGenerator';

shlink-web-component/src/utils/components/IconInput.scss

@@ -1,5 +1,5 @@
-@import '../../../src/utils/mixins/vertical-align';
-@import '../../../src/utils/base';
+@import '../../../../src/utils/mixins/vertical-align';
+@import '../../../../src/utils/base';
 
 .icon-input-container {
   position: relative;

shlink-web-component/src/utils/components/IconInput.tsx

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import type { FC } from 'react';
 import type { InputProps } from 'reactstrap';
 import { Input } from 'reactstrap';
-import { useElementRef } from '../../../shlink-frontend-kit/src';
+import { useElementRef } from '../../../../shlink-frontend-kit/src';
 import './IconInput.scss';
 
 type IconInputProps = InputProps & {

shlink-web-component/src/utils/components/InfoTooltip.tsx

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import type { Placement } from '@popperjs/core';
 import type { FC, PropsWithChildren } from 'react';
 import { UncontrolledTooltip } from 'reactstrap';
-import { useElementRef } from '../../../shlink-frontend-kit/src';
+import { useElementRef } from '../../../../shlink-frontend-kit/src';
 
 export type InfoTooltipProps = PropsWithChildren<{
   className?: string;