chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import Icon from 'components/Icon';
 import {
   Button,
   NavbarGroup,
@@ -10,28 +9,27 @@ import {
 } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 import {
+  Icon,
   AdvancedFilterPopover,
   DashboardFilterButton,
   DashboardRowsHeightButton,
   FormattedMessage as T,
-} from 'components';
-
-import { useRefreshJournals } from 'hooks/query/manualJournals';
+  Can,
+  If,
+  DashboardActionViewsList,
+  DashboardActionsBar
+} from '@/components';
+import { useRefreshJournals } from '@/hooks/query/manualJournals';
 import { useManualJournalsContext } from './ManualJournalsListProvider';
-import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
+import { ManualJournalAction, AbilitySubject } from '@/constants/abilityOption';
 
-import withDialogActions from 'containers/Dialog/withDialogActions';
-import withManualJournalsActions from './withManualJournalsActions';
 import withManualJournals from './withManualJournals';
-import withSettingsActions from '../../Settings/withSettingsActions';
-import withSettings from '../../Settings/withSettings';
+import withManualJournalsActions from './withManualJournalsActions';
+import withSettings from '@/containers/Settings/withSettings';
+import withSettingsActions from '@/containers/Settings/withSettingsActions';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
 
-import { Can, If, DashboardActionViewsList } from 'components';
-import {
-  ManualJournalAction,
-  AbilitySubject,
-} from '../../../common/abilityOption';
-import { compose } from 'utils';
+import { compose } from '@/utils';
 
 /**
  * Manual journal actions bar.

src/containers/Accounting/JournalsLanding/ManualJournalsAlerts.js

@@ -1,17 +0,0 @@
-import React from 'react';
-
-const JournalDeleteAlert = React.lazy(() =>
-  import('../../Alerts/ManualJournals/JournalDeleteAlert'),
-);
-const JournalPublishAlert = React.lazy(() =>
-  import('../../Alerts/ManualJournals/JournalPublishAlert'),
-);
-
-/**
- * Manual journals alerts.
- */
-
-export default [
-  { name: 'journal-delete', component: JournalDeleteAlert },
-  { name: 'journal-publish', component: JournalPublishAlert },
-];

src/containers/Accounting/JournalsLanding/ManualJournalsAlerts.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+const JournalDeleteAlert = React.lazy(
+  () => import('@/containers/Alerts/ManualJournals/JournalDeleteAlert'),
+);
+const JournalPublishAlert = React.lazy(
+  () => import('@/containers/Alerts/ManualJournals/JournalPublishAlert'),
+);
+
+/**
+ * Manual journals alerts.
+ */
+
+export default [
+  { name: 'journal-delete', component: JournalDeleteAlert },
+  { name: 'journal-publish', component: JournalPublishAlert },
+];

src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx

@@ -1,25 +1,29 @@
 import React from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { DataTable, DashboardContentTable } from 'components';
-import { TABLES } from 'common/tables';
+import {
+  DataTable,
+  DashboardContentTable,
+  TableSkeletonRows,
+  TableSkeletonHeader,
+} from '@/components';
+import { TABLES } from '@/constants/tables';
 
 import ManualJournalsEmptyStatus from './ManualJournalsEmptyStatus';
-import TableSkeletonRows from 'components/Datatable/TableSkeletonRows';
-import TableSkeletonHeader from 'components/Datatable/TableHeaderSkeleton';
+
 import { ActionsMenu } from './components';
 
 import withManualJournals from './withManualJournals';
 import withManualJournalsActions from './withManualJournalsActions';
-import withAlertsActions from 'containers/Alert/withAlertActions';
-import withDrawerActions from 'containers/Drawer/withDrawerActions';
-import withSettings from '../../Settings/withSettings';
+import withAlertsActions from '@/containers/Alert/withAlertActions';
+import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import withSettings from '@/containers/Settings/withSettings';
 
 import { useManualJournalsContext } from './ManualJournalsListProvider';
-import { useMemorizedColumnsWidths } from 'hooks';
+import { useMemorizedColumnsWidths } from '@/hooks';
 import { useManualJournalsColumns } from './utils';
 
-import { compose } from 'utils';
+import { compose } from '@/utils';
 
 /**
  * Manual journals data-table.

src/containers/Accounting/JournalsLanding/ManualJournalsEmptyStatus.tsx

@@ -1,12 +1,11 @@
 import React from 'react';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
-import { EmptyStatus } from 'components';
-import { Can, FormattedMessage as T } from 'components';
+import { Can, FormattedMessage as T, EmptyStatus } from '@/components';
 import {
   AbilitySubject,
   ManualJournalAction,
-} from '../../../common/abilityOption';
+} from '@/constants/abilityOption';
 
 export default function ManualJournalsEmptyStatus() {
   const history = useHistory();

src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 
-import 'style/pages/ManualJournal/List.scss';
+import '@/style/pages/ManualJournal/List.scss';
 
-import { DashboardContentTable, DashboardPageContent } from 'components';
+import { DashboardPageContent } from '@/components';
+import { transformTableStateToQuery, compose } from '@/utils';
 
 import { ManualJournalsListProvider } from './ManualJournalsListProvider';
 import ManualJournalsViewTabs from './ManualJournalsViewTabs';
 import ManualJournalsDataTable from './ManualJournalsDataTable';
 import ManualJournalsActionsBar from './ManualJournalActionsBar';
-
 import withManualJournals from './withManualJournals';
-import { transformTableStateToQuery, compose } from 'utils';
+
 
 /**
  * Manual journals table.
@@ -31,7 +31,6 @@ function ManualJournalsTable({
         <ManualJournalsViewTabs />
         <ManualJournalsDataTable />
       </DashboardPageContent>
-
     </ManualJournalsListProvider>
   );
 }

src/containers/Accounting/JournalsLanding/ManualJournalsListProvider.tsx

@@ -1,9 +1,9 @@
 import React, { createContext } from 'react';
 import { isEmpty } from 'lodash';
 
-import DashboardInsider from 'components/Dashboard/DashboardInsider';
-import { useResourceViews, useResourceMeta, useJournals } from 'hooks/query';
-import { getFieldsFromResourceMeta } from 'utils';
+import { DashboardInsider } from '@/components';
+import { useResourceViews, useResourceMeta, useJournals } from '@/hooks/query';
+import { getFieldsFromResourceMeta } from '@/utils';
 
 const ManualJournalsContext = createContext();
 

src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx

@@ -1,16 +1,14 @@
 import React from 'react';
 import { Alignment, Navbar, NavbarGroup } from '@blueprintjs/core';
-import { useParams } from 'react-router-dom';
 import { pick } from 'lodash';
 
-import { DashboardViewsTabs } from 'components';
-
+import { DashboardViewsTabs } from '@/components';
 import { useManualJournalsContext } from './ManualJournalsListProvider';
-import withManualJournalsActions from './withManualJournalsActions';
-import withDashboardActions from 'containers/Dashboard/withDashboardActions';
 import withManualJournals from './withManualJournals';
+import withManualJournalsActions from './withManualJournalsActions';
+import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
 
-import { compose } from 'utils';
+import { compose } from '@/utils';
 
 /**
  * Manual journal views tabs.

src/containers/Accounting/JournalsLanding/components.tsx

@@ -20,12 +20,12 @@ import {
   Money,
   If,
   Icon,
-} from 'components';
+} from '@/components';
 import {
   ManualJournalAction,
   AbilitySubject,
-} from '../../../common/abilityOption';
-import { safeCallback } from 'utils';
+} from "@/constants/abilityOption";
+import { safeCallback } from '@/utils';
 
 /**
  * Amount accessor.

src/containers/Accounting/JournalsLanding/utils.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import intl from 'react-intl-universal';
 import clsx from 'classnames';
 
-import { CLASSES } from '../../../common/classes';
-import { FormatDateCell } from '../../../components';
+import { CLASSES } from '@/constants/classes';
+import { FormatDateCell } from '@/components';
 import { NoteAccessor, StatusAccessor } from './components';
 
 /**

src/containers/Accounting/JournalsLanding/withManualJournals.tsx

@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
 import {
   getManualJournalsTableStateFactory,
   manualJournalTableStateChangedFactory,
-} from 'store/manualJournals/manualJournals.selectors';
+} from '@/store/manualJournals/manualJournals.selectors';
 
 export default (mapState) => {
   const getJournalsTableQuery = getManualJournalsTableStateFactory();

src/containers/Accounting/JournalsLanding/withManualJournalsActions.tsx

@@ -1,7 +1,7 @@
 import { connect } from 'react-redux';
 import {
   setManualJournalsTableState,
-} from 'store/manualJournals/manualJournals.actions';
+} from '@/store/manualJournals/manualJournals.actions';
 
 const mapActionsToProps = (dispatch) => ({
   setManualJournalsTableState: (queries) =>

src/containers/Accounting/MakeJournal/MakeJournalEntries.schema.tsx

@@ -1,6 +1,6 @@
 import * as Yup from 'yup';
 import intl from 'react-intl-universal';
-import { DATATYPES_LENGTH } from 'common/dataTypes';
+import { DATATYPES_LENGTH } from '@/constants/dataTypes';
 
 const Schema = Yup.object().shape({
   journal_number: Yup.string()

src/containers/Accounting/MakeJournal/MakeJournalEntriesField.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { FastField } from 'formik';
 import classNames from 'classnames';
-import { CLASSES } from 'common/classes';
-import MakeJournalEntriesTable from './MakeJournalEntriesTable';
+import { CLASSES } from '@/constants/classes';
 import { entriesFieldShouldUpdate, defaultEntry, MIN_LINES_NUMBER } from './utils';
 import { useMakeJournalFormContext } from './MakeJournalProvider';
+import MakeJournalEntriesTable from './MakeJournalEntriesTable';
 
 /**
  * Make journal entries field.

src/containers/Accounting/MakeJournal/MakeJournalEntriesFooter.tsx

@@ -9,11 +9,10 @@ import {
   Menu,
   MenuItem,
 } from '@blueprintjs/core';
-import { FormattedMessage as T } from 'components';
-import { useFormikContext } from 'formik';
-import { CLASSES } from 'common/classes';
 import classNames from 'classnames';
-import { If, Icon } from 'components';
+import { useFormikContext } from 'formik';
+import { FormattedMessage as T, If, Icon } from '@/components';
+import { CLASSES } from '@/constants/classes';
 import { useMakeJournalFormContext } from './MakeJournalProvider';
 import { useHistory } from 'react-router-dom';
 

src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx

@@ -7,11 +7,12 @@ import { defaultTo, isEmpty, omit } from 'lodash';
 import classNames from 'classnames';
 import { useHistory } from 'react-router-dom';
 
-import { CLASSES } from 'common/classes';
+import { CLASSES } from '@/constants/classes';
 import {
   CreateJournalSchema,
   EditJournalSchema,
 } from './MakeJournalEntries.schema';
+import { useMakeJournalFormContext } from './MakeJournalProvider';
 import MakeJournalEntriesHeader from './MakeJournalEntriesHeader';
 import MakeJournalFormFloatingActions from './MakeJournalFormFloatingActions';
 import MakeJournalEntriesField from './MakeJournalEntriesField';
@@ -19,18 +20,16 @@ import MakeJournalFormFooter from './MakeJournalFormFooter';
 import MakeJournalFormDialogs from './MakeJournalFormDialogs';
 import MakeJournalFormTopBar from './MakeJournalFormTopBar';
 
-import withSettings from 'containers/Settings/withSettings';
-import withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
+import withSettings from '@/containers/Settings/withSettings';
+import withCurrentOrganization from '@/containers/Organization/withCurrentOrganization';
 
-import AppToaster from 'components/AppToaster';
-import withMediaActions from 'containers/Media/withMediaActions';
-import { compose, orderingLinesIndexes, transactionNumber } from 'utils';
+import { AppToaster } from '@/components';
+import { compose, orderingLinesIndexes, transactionNumber } from '@/utils';
 import {
   transformErrors,
   transformToEditForm,
   defaultManualJournal,
 } from './utils';
-import { useMakeJournalFormContext } from './MakeJournalProvider';
 
 /**
  * Journal entries form.
@@ -186,7 +185,6 @@ function MakeJournalEntriesForm({
 }
 
 export default compose(
-  withMediaActions,
   withSettings(({ manualJournalsSettings }) => ({
     journalNextNumber: manualJournalsSettings?.nextNumber,
     journalNumberPrefix: manualJournalsSettings?.numberPrefix,

src/containers/Accounting/MakeJournal/MakeJournalEntriesHeader.tsx

@@ -1,11 +1,10 @@
 import React from 'react';
 import classNames from 'classnames';
 import { useFormikContext } from 'formik';
-import { CLASSES } from 'common/classes';
-import { FormattedMessage as T } from 'components';
+import { CLASSES } from '@/constants/classes';
+import { safeSumBy } from '@/utils';
+import { PageFormBigNumber, FormattedMessage as T } from '@/components';
 import MakeJournalEntriesHeaderFields from './MakeJournalEntriesHeaderFields';
-import { PageFormBigNumber } from 'components';
-import { safeSumBy } from 'utils';
 
 export default function MakeJournalEntriesHeader() {
   const {

src/containers/Accounting/MakeJournal/MakeJournalEntriesHeaderFields.tsx

@@ -7,17 +7,16 @@ import {
 } from '@blueprintjs/core';
 import { FastField, ErrorMessage } from 'formik';
 import { DateInput } from '@blueprintjs/datetime';
-import { FormattedMessage as T } from 'components';
 import classNames from 'classnames';
 
-import { CLASSES } from 'common/classes';
+import { CLASSES } from '@/constants/classes';
 import {
   momentFormatter,
   compose,
   inputIntent,
   handleDateChange,
   tansformDateValue,
-} from 'utils';
+} from '@/utils';
 import {
   Hint,
   FieldHint,
@@ -25,11 +24,12 @@ import {
   Icon,
   InputPrependButton,
   CurrencySelectList,
-} from 'components';
-import withSettings from 'containers/Settings/withSettings';
+  FormattedMessage as T
+} from '@/components';
 import { useMakeJournalFormContext } from './MakeJournalProvider';
 import { JournalExchangeRateInputField } from './components';
-import withDialogActions from 'containers/Dialog/withDialogActions';
+import withSettings from '@/containers/Settings/withSettings';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
 import {
   currenciesFieldShouldUpdate,
   useObserveJournalNoSettings,

src/containers/Accounting/MakeJournal/MakeJournalEntriesPage.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
 
-import 'style/pages/ManualJournal/MakeJournal.scss';
+import '@/style/pages/ManualJournal/MakeJournal.scss';
 
 import MakeJournalEntriesForm from './MakeJournalEntriesForm';
 import { MakeJournalProvider } from './MakeJournalProvider';

src/containers/Accounting/MakeJournal/MakeJournalEntriesTable.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DataTableEditable } from 'components';
+import { DataTableEditable } from '@/components';
 import {
   compose,
   saveInvoke,
@@ -7,7 +7,7 @@ import {
   updateRemoveLineByIndex,
   updateAutoAddNewLine,
   updateTableCell,
-} from 'utils';
+} from '@/utils';
 import { useMakeJournalFormContext } from './MakeJournalProvider';
 import { useJournalTableEntriesColumns } from './components';
 import { updateAdjustEntries } from './utils';
@@ -30,7 +30,6 @@ export default function MakeJournalEntriesTable({
   // Memorized data table columns.
   const columns = useJournalTableEntriesColumns();
 
-
   // Handles update datatable data.
   const handleUpdateData = (rowIndex, columnId, value) => {
     const newRows = compose(

src/containers/Accounting/MakeJournal/MakeJournalFormDialogs.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useFormikContext } from 'formik';
-import JournalNumberDialog from 'containers/Dialogs/JournalNumberDialog';
+import JournalNumberDialog from '@/containers/Dialogs/JournalNumberDialog';
 
 /**
  * Make journal form dialogs.

src/containers/Accounting/MakeJournal/MakeJournalFormFloatingActions.tsx

@@ -9,12 +9,11 @@ import {
   Menu,
   MenuItem,
 } from '@blueprintjs/core';
+import { useHistory } from 'react-router-dom';
 import { useFormikContext } from 'formik';
 import classNames from 'classnames';
-import { FormattedMessage as T } from 'components';
-import { CLASSES } from 'common/classes';
-import { Icon, If } from 'components';
-import { useHistory } from 'react-router-dom';
+import { Icon, If, FormattedMessage as T } from '@/components';
+import { CLASSES } from '@/constants/classes';
 import { useMakeJournalFormContext } from './MakeJournalProvider';
 
 /**

src/containers/Accounting/MakeJournal/MakeJournalFormFooter.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import classNames from 'classnames';
 import styled from 'styled-components';
 
-import { CLASSES } from 'common/classes';
-import { Row, Col, Paper } from 'components';
+import { CLASSES } from '@/constants/classes';
+import { Row, Col, Paper } from '@/components';
 import { MakeJournalFormFooterLeft } from './MakeJournalFormFooterLeft';
 import { MakeJournalFormFooterRight } from './MakeJournalFormFooterRight';
 

src/containers/Accounting/MakeJournal/MakeJournalFormFooterLeft.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { FFormGroup, FEditableText, FormattedMessage as T } from 'components';
+import { FFormGroup, FEditableText, FormattedMessage as T } from '@/components';
 
 export function MakeJournalFormFooterLeft() {
   return (

src/containers/Accounting/MakeJournal/MakeJournalFormFooterRight.tsx

@@ -6,7 +6,7 @@ import {
   TotalLine,
   TotalLineBorderStyle,
   TotalLineTextStyle,
-} from 'components';
+} from '@/components';
 import { useJournalTotals } from './utils';
 
 export function MakeJournalFormFooterRight() {
@@ -28,7 +28,7 @@ export function MakeJournalFormFooterRight() {
   );
 }
 
-const MakeJouranlTotalLines = styled(TotalLines)`
+const MakeJouranlTotalLines =styled(TotalLines)`
   width: 100%;
   color: #555555;
 `;

src/containers/Accounting/MakeJournal/MakeJournalFormTopBar.tsx

@@ -1,18 +1,17 @@
 import React from 'react';
 import intl from 'react-intl-universal';
 import { Button, Alignment, NavbarGroup, Classes } from '@blueprintjs/core';
-import styled from 'styled-components';
 import { useSetPrimaryBranchToForm } from './utils';
-import { useFeatureCan } from 'hooks/state';
+import { Features } from '@/constants';
+import { useFeatureCan } from '@/hooks/state';
 import {
   Icon,
   BranchSelect,
   FeatureCan,
   FormTopbar,
   DetailsBarSkeletonBase,
-} from 'components';
+} from '@/components';
 import { useMakeJournalFormContext } from './MakeJournalProvider';
-import { Features } from 'common';
 
 /**
  * Make journal form topbar.

src/containers/Accounting/MakeJournal/MakeJournalProvider.tsx

@@ -1,8 +1,7 @@
 import React, { createContext, useState } from 'react';
-import { isEqual, isUndefined } from 'lodash';
-import { Features } from 'common';
-import { useFeatureCan } from 'hooks/state';
-import DashboardInsider from 'components/Dashboard/DashboardInsider';
+import { Features } from '@/constants';
+import { useFeatureCan } from '@/hooks/state';
+import { DashboardInsider } from '@/components';
 import {
   useAccounts,
   useAutoCompleteContacts,
@@ -10,10 +9,9 @@ import {
   useJournal,
   useCreateJournal,
   useEditJournal,
-  useSettings,
   useBranches,
   useSettingsManualJournals,
-} from 'hooks/query';
+} from '@/hooks/query';
 
 const MakeJournalFormContext = createContext();
 

src/containers/Accounting/MakeJournal/components.tsx

@@ -1,27 +1,26 @@
 import React from 'react';
+import intl from 'react-intl-universal';
 import { Menu, MenuItem, Position, Button } from '@blueprintjs/core';
 import { Popover2 } from '@blueprintjs/popover2';
 import { useFormikContext } from 'formik';
-import intl from 'react-intl-universal';
 
 import {
   ExchangeRateInputGroup,
   Icon,
   Hint,
   FormattedMessage as T,
-} from 'components';
+} from '@/components';
 import {
   AccountsListFieldCell,
   MoneyFieldCell,
   InputGroupCell,
   ContactsListFieldCell,
   BranchesListFieldCell,
-} from 'components/DataTableCells';
+} from '@/components/DataTableCells';
 
-import { CellType, Features, Align } from 'common';
+import { CellType, Features, Align } from '@/constants';
 
-import { useFeatureCan } from 'hooks/state';
-import { useCurrentOrganization } from 'hooks/state';
+import { useCurrentOrganization, useFeatureCan } from '@/hooks/state';
 import { useJournalIsForeign } from './utils';
 
 /**

src/containers/Accounting/MakeJournal/utils.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
+import * as R from 'ramda';
+import moment from 'moment';
+import intl from 'react-intl-universal';
 import { Intent } from '@blueprintjs/core';
 import { sumBy, setWith, toSafeInteger, get, first } from 'lodash';
-import moment from 'moment';
-import * as R from 'ramda';
 import {
   transactionNumber,
   updateTableCell,
@@ -12,12 +13,11 @@ import {
   ensureEntriesHasEmptyLine,
   formattedAmount,
   safeSumBy,
-} from 'utils';
-import { AppToaster } from 'components';
-import intl from 'react-intl-universal';
+} from '@/utils';
+import { AppToaster } from '@/components';
 import { useFormikContext } from 'formik';
 import { useMakeJournalFormContext } from './MakeJournalProvider';
-import { useCurrentOrganization } from 'hooks/state';
+import { useCurrentOrganization } from '@/hooks/state';
 
 const ERROR = {
   JOURNAL_NUMBER_ALREADY_EXISTS: 'JOURNAL.NUMBER.ALREADY.EXISTS',

src/containers/Accounting/ManualJournalUniversalSearch.tsx

@@ -1,10 +1,7 @@
 import intl from 'react-intl-universal';
-import { RESOURCES_TYPES } from 'common/resourcesTypes';
-import withDrawerActions from '../Drawer/withDrawerActions';
-import {
-  AbilitySubject,
-  ManualJournalAction,
-} from '../../common/abilityOption';
+import { RESOURCES_TYPES } from '@/constants/resourcesTypes';
+import { AbilitySubject, ManualJournalAction } from '@/constants/abilityOption';
+import withDrawerActions from '@/containers/Drawer/withDrawerActions';
 
 /**
  * Universal search manual journal item select action.