First shlink-frontend-kit iteration

shlink-web-component/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 '../../../src/utils/Result';
+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/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 '../../../src/utils/Result';
+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/short-urls/helpers/ExportShortUrlsBtn.tsx

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

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

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

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

@@ -4,8 +4,8 @@ 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 { formatHumanFriendly, now, parseISO } from '../../utils/dates/helpers/date';
-import { useElementRef } from '../../utils/helpers/hooks';
 import type { ShortUrl } from '../data';
 
 interface ShortUrlStatusProps {

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

@@ -2,8 +2,8 @@ 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 { formatHumanFriendly, parseISO } from '../../utils/dates/helpers/date';
-import { useElementRef } from '../../utils/helpers/hooks';
 import { prettify } from '../../utils/helpers/numbers';
 import type { ShortUrl } from '../data';
 import { ShortUrlDetailLink } from './ShortUrlDetailLink';

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

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

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

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

shlink-web-component/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 '../../../src/utils/helpers/ordering';
+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/short-urls/helpers/qr-codes/QrErrorCorrectionDropdown.tsx

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

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

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