From de2a71433b1b06e1939f1f9ee2f21934f92170eb Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Sun, 23 Jan 2022 14:07:23 +0200
Subject: [PATCH] feat(warehouseTransfer): add warehouseTransfer.
---
src/common/classes.js | 1 +
src/common/drawers.js | 3 +-
src/components/DrawersContainer.js | 2 +
src/config/sidebarMenu.js | 8 +
.../WarehouseTransferNumberDialogContent.js | 103 +++++++++
.../WarehouseTransferNumberDialogProvider.js | 34 +++
.../WarehouseTransferNumberDialog/index.js | 40 ++++
.../WarehouseTransferDetail.js | 39 ++++
.../WarehouseTransferDetailActionsBar.js | 74 ++++++
.../WarehouseTransferDetailDrawerContent.js | 23 ++
.../WarehouseTransferDetailDrawerProvider.js | 43 ++++
.../WarehouseTransferDetailHeader.js | 59 +++++
.../WarehouseTransferDetailPanel.js | 17 ++
.../WarehouseTransferDetailTable.js | 22 ++
.../WarehouseTransferDetailDrawer/index.js | 36 +++
.../WarehouseTransferDetailDrawer/utils.js | 31 +++
src/containers/Settings/withSettings.js | 1 +
.../WarehouseTransferEditorField.js | 38 ++++
.../WarehouseTransferFloatingActions.js | 0
.../WarehouseTransferForm.js | 89 ++++++++
.../WarehouseTransferForm.schema.js | 28 +++
.../WarehouseTransferFormDialog.js | 23 ++
.../WarehouseTransferFormEntriesTable.js | 42 ++++
.../WarehouseTransferFormFooter.js | 42 ++++
.../WarehouseTransferFormHeader.js | 20 ++
.../WarehouseTransferFormHeaderFields.js | 212 ++++++++++++++++++
.../WarehouseTransferFormPage.js | 16 ++
.../WarehouseTransferFormProvider.js | 42 ++++
.../WarehouseTransferForm/utils.js | 55 +++++
.../WarehouseTransfersActionsBar.js | 99 ++++++++
.../WarehouseTransfersDataTable.js | 108 +++++++++
.../WarehouseTransfersEmptyStatus.js | 32 +++
.../WarehouseTransfersList.js | 25 +++
.../WarehouseTransfersListProvider.js | 29 +++
.../WarehouseTransfersViewTabs.js | 37 +++
.../WarehouseTransfersLanding/components.js | 121 ++++++++++
src/containers/WarehouseTransfers/utils.js | 64 ++++++
src/hooks/query/settings.js | 11 +
src/hooks/query/types.js | 9 +-
src/lang/en/index.json | 32 ++-
src/routes/dashboard.js | 30 +++
src/store/settings/settings.reducer.js | 3 +
.../pages/WarehouseTransfers/PageForm.scss | 50 +++++
43 files changed, 1786 insertions(+), 7 deletions(-)
create mode 100644 src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.js
create mode 100644 src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogProvider.js
create mode 100644 src/containers/Dialogs/WarehouseTransferNumberDialog/index.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/index.js
create mode 100644 src/containers/Drawers/WarehouseTransferDetailDrawer/utils.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.schema.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeader.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormPage.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormProvider.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransferForm/utils.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersActionsBar.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersDataTable.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersEmptyStatus.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersList.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersListProvider.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransfersLanding/WarehouseTransfersViewTabs.js
create mode 100644 src/containers/WarehouseTransfers/WarehouseTransfersLanding/components.js
create mode 100644 src/containers/WarehouseTransfers/utils.js
create mode 100644 src/style/pages/WarehouseTransfers/PageForm.scss
diff --git a/src/common/classes.js b/src/common/classes.js
index 6b0872396..1bbcf9873 100644
--- a/src/common/classes.js
+++ b/src/common/classes.js
@@ -41,6 +41,7 @@ const CLASSES = {
PAGE_FORM_EXPENSE: 'page-form--expense',
PAGE_FORM_CREDIT_NOTE:'page-form--credit-note',
PAGE_FORM_VENDOR_CREDIT_NOTE:'page-form--vendor-credit-note',
+ PAGE_FORM_WAREHOUSE_TRANSFER:'page-form--warehouse-transfer',
FORM_GROUP_LIST_SELECT: 'form-group--select-list',
diff --git a/src/common/drawers.js b/src/common/drawers.js
index 5ec6d05a2..205d7fc53 100644
--- a/src/common/drawers.js
+++ b/src/common/drawers.js
@@ -17,5 +17,6 @@ export const DRAWERS = {
CREDIT_NOTE_DETAIL_DRAWER: 'credit-note-detail-drawer',
VENDOR_CREDIT_DETAIL_DRAWER: 'vendor-credit-detail-drawer',
REFUND_CREDIT_NOTE_DETAIL_DRAWER:'refund-credit-detail-drawer',
- REFUND_VENDOR_CREDIT_DETAIL_DRAWER:'refund-vendor-detail-drawer'
+ REFUND_VENDOR_CREDIT_DETAIL_DRAWER:'refund-vendor-detail-drawer',
+ WAREHOUSE_TRANSFER_DETAIL_DRAWER:'warehouse-transfer-detail-drawer'
};
diff --git a/src/components/DrawersContainer.js b/src/components/DrawersContainer.js
index e508519bd..17090b5d9 100644
--- a/src/components/DrawersContainer.js
+++ b/src/components/DrawersContainer.js
@@ -21,6 +21,7 @@ import CreditNoteDetailDrawer from '../containers/Drawers/CreditNoteDetailDrawer
import VendorCreditDetailDrawer from '../containers/Drawers/VendorCreditDetailDrawer';
import RefundCreditNoteDetailDrawer from '../containers/Drawers/RefundCreditNoteDetailDrawer';
import RefundVendorCreditDetailDrawer from '../containers/Drawers/RefundVendorCreditDetailDrawer';
+import WarehouseTransferDetailDrawer from '../containers/Drawers/WarehouseTransferDetailDrawer'
import { DRAWERS } from 'common/drawers';
@@ -59,6 +60,7 @@ export default function DrawersContainer() {
+
);
}
diff --git a/src/config/sidebarMenu.js b/src/config/sidebarMenu.js
index 1ea65f2a0..14812dfea 100644
--- a/src/config/sidebarMenu.js
+++ b/src/config/sidebarMenu.js
@@ -78,6 +78,10 @@ export default [
ability: InventoryAdjustmentAction.View,
},
},
+ {
+ text: ,
+ href: '/warehouse-transfers',
+ },
{
text: ,
href: '/items/categories',
@@ -113,6 +117,10 @@ export default [
ability: ItemAction.Create,
},
},
+ {
+ text: ,
+ href: '/warehouse-transfers/new',
+ },
{
text: ,
href: '/items/new',
diff --git a/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.js b/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.js
new file mode 100644
index 000000000..a992b8be0
--- /dev/null
+++ b/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogContent.js
@@ -0,0 +1,103 @@
+import React from 'react';
+import intl from 'react-intl-universal';
+import { useSaveSettings } from 'hooks/query';
+
+import { WarehouseTransferNumberDialogProvider } from './WarehouseTransferNumberDialogProvider';
+import ReferenceNumberForm from 'containers/JournalNumber/ReferenceNumberForm';
+
+import withDialogActions from 'containers/Dialog/withDialogActions';
+import withSettings from 'containers/Settings/withSettings';
+import withSettingsActions from 'containers/Settings/withSettingsActions';
+import { compose } from 'utils';
+import {
+ transformFormToSettings,
+ transformSettingsToForm,
+} from 'containers/JournalNumber/utils';
+
+/**
+ * Warehouse transfer no dialog content.
+ */
+function WarehouseTransferNumberDialogContent({
+ // #ownProps
+ initialValues,
+ onConfirm,
+
+ // #withSettings
+ nextNumber,
+ numberPrefix,
+ autoIncrement,
+
+ // #withDialogActions
+ closeDialog,
+}) {
+ const { mutateAsync: saveSettings } = useSaveSettings();
+ const [referenceFormValues, setReferenceFormValues] = React.useState(null);
+
+ // Handle the submit form.
+ const handleSubmitForm = (values, { setSubmitting }) => {
+ // Handle the form success.
+ const handleSuccess = () => {
+ setSubmitting(false);
+ closeDialog('warehouse-transfer-no-form');
+ onConfirm(values);
+ };
+
+ // Handle the form errors.
+ const handleErrors = () => {
+ setSubmitting(false);
+ };
+
+ if (values.incrementMode === 'manual-transaction') {
+ handleSuccess();
+ return;
+ }
+ // Transformes the form values to settings to save it.
+ const options = transformFormToSettings(values, 'warehouse_transfer');
+
+ // Save the settings.
+ saveSettings({ options }).then(handleSuccess).catch(handleErrors);
+ };
+
+ // Handle the dialog close.
+ const handleClose = () => {
+ closeDialog('warehouse-transfer-no-form');
+ };
+
+ // Handle form change.
+ const handleChange = (values) => {
+ setReferenceFormValues(values);
+ };
+ // Description.
+ const description =
+ referenceFormValues?.incrementMode === 'auto'
+ ? intl.get('warehouse_transfer.auto_increment.auto')
+ : intl.get('warehouse_transfer.auto_increment.manually');
+
+ return (
+
+
+
+ );
+}
+export default compose(
+ withDialogActions,
+ withSettingsActions,
+ withSettings(({ warehouseTransferSettings }) => ({
+ autoIncrement: warehouseTransferSettings?.autoIncrement,
+ nextNumber: warehouseTransferSettings?.nextNumber,
+ numberPrefix: warehouseTransferSettings?.numberPrefix,
+ })),
+)(WarehouseTransferNumberDialogContent);
diff --git a/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogProvider.js b/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogProvider.js
new file mode 100644
index 000000000..0bbad114f
--- /dev/null
+++ b/src/containers/Dialogs/WarehouseTransferNumberDialog/WarehouseTransferNumberDialogProvider.js
@@ -0,0 +1,34 @@
+import React from 'react';
+import { DialogContent } from 'components';
+import { useSettingsWarehouseTransfers } from 'hooks/query';
+
+const WarehouseTransferNumberDilaogContext = React.createContext();
+
+/**
+ * Warehouse transfer number dialog provier.
+ */
+function WarehouseTransferNumberDialogProvider({ query, ...props }) {
+ const { isLoading: isSettingsLoading } = useSettingsWarehouseTransfers();
+
+ // Provider payload.
+ const provider = {
+ isSettingsLoading,
+ };
+
+ return (
+
+
+
+ );
+}
+
+const useWarehouseTransferNumberDialogContext = () =>
+ React.useContext(WarehouseTransferNumberDilaogContext);
+
+export {
+ WarehouseTransferNumberDialogProvider,
+ useWarehouseTransferNumberDialogContext,
+};
diff --git a/src/containers/Dialogs/WarehouseTransferNumberDialog/index.js b/src/containers/Dialogs/WarehouseTransferNumberDialog/index.js
new file mode 100644
index 000000000..6832ec825
--- /dev/null
+++ b/src/containers/Dialogs/WarehouseTransferNumberDialog/index.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import { FormattedMessage as T } from 'components';
+import { Dialog, DialogSuspense } from 'components';
+import withDialogRedux from 'components/DialogReduxConnect';
+import { compose, saveInvoke } from 'utils';
+
+const WarehouseTransferNumberDialogContent = React.lazy(() =>
+ import('./WarehouseTransferNumberDialogContent'),
+);
+
+/**
+ * Warehouse transfer number dialog.
+ */
+function WarehouseTransferNumberDilaog({
+ dialogName,
+ payload: { initialFormValues },
+ isOpen,
+ onConfirm,
+}) {
+ const handleConfirm = (values) => {
+ saveInvoke(onConfirm, values);
+ };
+ return (
+ }
+ name={dialogName}
+ autoFocus={true}
+ canEscapeKeyClose={true}
+ isOpen={isOpen}
+ >
+
+
+
+
+ );
+}
+export default compose(withDialogRedux())(WarehouseTransferNumberDilaog);
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.js
new file mode 100644
index 000000000..4296e419c
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetail.js
@@ -0,0 +1,39 @@
+import React from 'react';
+import { Tab } from '@blueprintjs/core';
+import styled from 'styled-components';
+import intl from 'react-intl-universal';
+import { DrawerMainTabs } from 'components';
+
+import WarehouseTransferDetailPanel from './WarehouseTransferDetailPanel';
+import WarehouseTransferDetailActionsBar from './WarehouseTransferDetailActionsBar';
+
+/**
+ * Warehouse transfer view detail.
+ * @returns {React.JSX}
+ */
+export default function WarehouseTransferDetail() {
+ return (
+
+
+
+
+ );
+}
+
+/**
+ * Warehouse transfer details tabs.
+ * @returns {React.JSX}
+ */
+function WarehouseTransferDetailsTabs() {
+ return (
+
+ }
+ />
+
+ );
+}
+
+const WarehouseTransferRoot = styled.div``;
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js
new file mode 100644
index 000000000..9202666f4
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js
@@ -0,0 +1,74 @@
+import React from 'react';
+import { useHistory } from 'react-router-dom';
+import {
+ Button,
+ NavbarGroup,
+ Classes,
+ NavbarDivider,
+ Intent,
+} from '@blueprintjs/core';
+
+import { useWarehouseDetailDrawerContext } from './WarehouseTransferDetailDrawerProvider';
+import {
+ DrawerActionsBar,
+ Can,
+ Icon,
+ FormattedMessage as T,
+ If,
+} from 'components';
+import withDialogActions from 'containers/Dialog/withDialogActions';
+import withAlertsActions from 'containers/Alert/withAlertActions';
+import withDrawerActions from 'containers/Drawer/withDrawerActions';
+
+import { compose } from 'utils';
+
+/**
+ * Warehouse transfer detail actions bar.
+ */
+function WarehouseTransferDetailActionsBar({
+ // #withAlertsActions
+ openAlert,
+
+ // #withDrawerActions
+ closeDrawer,
+}) {
+ const history = useHistory();
+
+ // Handle edit warehosue transfer.
+ const handleEditWarehosueTransfer = () => {
+ // history.push(`/warehouse-transfers/${warehouseTransferId}/edit`);
+ closeDrawer('warehouse-transfer-detail-drawer');
+ };
+
+ // Handle delete warehouse transfer.
+ const handleDeletetWarehosueTransfer = () => {
+ // openAlert('warehouse-transfer-delete', { warehouseTransferId });
+ };
+
+ return (
+
+
+ }
+ text={}
+ onClick={handleEditWarehosueTransfer}
+ />
+
+ }
+ text={}
+ intent={Intent.DANGER}
+ onClick={handleDeletetWarehosueTransfer}
+ />
+
+
+ );
+}
+
+export default compose(
+ withDialogActions,
+ withAlertsActions,
+ withDrawerActions,
+)(WarehouseTransferDetailActionsBar);
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.js
new file mode 100644
index 000000000..74bfa27af
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerContent.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import { DrawerBody } from 'components';
+
+import WarehouseTransferDetail from './WarehouseTransferDetail';
+import { WarehouseTransferDetailDrawerProvider } from './WarehouseTransferDetailDrawerProvider';
+
+/**
+ * Warehouse transfer detail drawer content.
+ */
+export default function WarehouseTransferDetailDrawerContent({
+ // #ownProp
+ warehouseTransferId,
+}) {
+ return (
+
+
+
+
+
+ );
+}
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js
new file mode 100644
index 000000000..0d1d6525d
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import intl from 'react-intl-universal';
+// import {} from 'hooks/query';
+import { DrawerHeaderContent, DrawerLoading } from 'components';
+
+const WarehouseTransferDetailDrawerContext = React.createContext();
+
+/**
+ * Warehouse transfer detail drawer provider.
+ */
+function WarehouseTransferDetailDrawerProvider({
+ warehouseTransferId,
+ ...props
+}) {
+ const provider = {
+ warehouseTransferId,
+ };
+
+ return (
+
+
+
+
+ );
+}
+
+const useWarehouseDetailDrawerContext = () =>
+ React.useContext(WarehouseTransferDetailDrawerContext);
+
+export {
+ WarehouseTransferDetailDrawerProvider,
+ useWarehouseDetailDrawerContext,
+};
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js
new file mode 100644
index 000000000..cfb5a8960
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import intl from 'react-intl-universal';
+import { defaultTo } from 'lodash';
+import styled from 'styled-components';
+
+import {
+ FormatDate,
+ T,
+ Row,
+ Col,
+ DetailsMenu,
+ DetailItem,
+ CommercialDocHeader,
+ CommercialDocTopHeader,
+} from 'components';
+import { useWarehouseDetailDrawerContext } from './WarehouseTransferDetailDrawerProvider';
+
+/**
+ * Warehouse transfer details drawer header
+ */
+export default function WarehouseTransferDetailHeader() {
+ return (
+
+
+
+
+ '$10'
+
+
+
+
+
+ {/* */}
+
+
+
+
+
+
+
+
+ );
+}
+
+const AmountItem = styled(DetailItem)`
+ width: 50%;
+`;
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.js
new file mode 100644
index 000000000..cd995ad42
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailPanel.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { CommercialDocBox } from 'components';
+
+import WarehouseTransferDetailHeader from './WarehouseTransferDetailHeader';
+import WarehouseTransferDetailTable from './WarehouseTransferDetailTable';
+
+/**
+ * Warehouse transfer details panel.
+ */
+export default function WarehouseTransferDetailPanel() {
+ return (
+
+
+
+
+ );
+}
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.js
new file mode 100644
index 000000000..e85b7014f
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailTable.js
@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { CommercialDocEntriesTable } from 'components';
+import { TableStyle } from '../../../common';
+import { useWarehouseTransferReadOnlyEntriesColumns } from './utils';
+
+/**
+ * Warehouse transfer detail table.
+ * @returns {React.JSX}
+ */
+export default function WarehouseTransferDetailTable() {
+ // Warehouse transfer entries table columns.
+ const columns = useWarehouseTransferReadOnlyEntriesColumns();
+
+ return (
+
+ );
+}
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/index.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/index.js
new file mode 100644
index 000000000..b1c62099e
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/index.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import { Drawer, DrawerSuspense } from 'components';
+import withDrawers from 'containers/Drawer/withDrawers';
+
+import { compose } from 'utils';
+
+const WarehouseTransferDetailDrawerContent = React.lazy(() =>
+ import('./WarehouseTransferDetailDrawerContent'),
+);
+
+/**
+ * Warehouse transfer detail drawer.
+ */
+function WarehouseTransferDetailDrawer({
+ name,
+ // #withDrawer
+ isOpen,
+ payload: { warehouseTransferId },
+}) {
+ return (
+
+
+
+
+
+ );
+}
+
+export default compose(withDrawers())(WarehouseTransferDetailDrawer);
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/utils.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/utils.js
new file mode 100644
index 000000000..c5ca6409c
--- /dev/null
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/utils.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import intl from 'react-intl-universal';
+
+import {
+ Icon,
+ FormattedMessage as T,
+ FormatNumberCell,
+ Choose,
+} from '../../../components';
+
+export const useWarehouseTransferReadOnlyEntriesColumns = () =>
+ React.useMemo(
+ () => [
+ {
+ Header: intl.get('warehouse_transfer.column.item_name'),
+ accessor: 'item.name',
+ width: 150,
+ className: 'name',
+ disableSortBy: true,
+ },
+ {
+ Header: intl.get('warehouse_transfer.column.transfer_quantity'),
+ accessor: 'quantity',
+ Cell: FormatNumberCell,
+ width: 100,
+ align: 'right',
+ disableSortBy: true,
+ },
+ ],
+ [],
+ );
diff --git a/src/containers/Settings/withSettings.js b/src/containers/Settings/withSettings.js
index 867e56dc7..b712e4430 100644
--- a/src/containers/Settings/withSettings.js
+++ b/src/containers/Settings/withSettings.js
@@ -21,6 +21,7 @@ export default (mapState) => {
cashflowSetting: state.settings.data.cashflow,
creditNoteSettings: state.settings.data.creditNote,
vendorsCreditNoteSetting: state.settings.data.vendorCredit,
+ warehouseTransferSettings: state.settings.data.warehouseTransfer,
};
return mapState ? mapState(mapped, state, props) : mapped;
};
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.js
new file mode 100644
index 000000000..7c80c21ac
--- /dev/null
+++ b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferEditorField.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import { FastField } from 'formik';
+import classNames from 'classnames';
+import { CLASSES } from 'common/classes';
+import { useWarehouseTransferFormContext } from './WarehouseTransferFormProvider';
+import { entriesFieldShouldUpdate } from './utils';
+import WarehouseTransferFormEntriesTable from './WarehouseTransferFormEntriesTable';
+
+/**
+ * Warehouse transafer editor field.
+ */
+export default function WarehouseTransferEditorField() {
+ const { items } = useWarehouseTransferFormContext();
+ return (
+
+
+ {({
+ form: { values, setFieldValue },
+ field: { value },
+ meta: { error, touched },
+ }) => (
+ {
+ setFieldValue('entries', entries);
+ }}
+ items={items}
+ errors={error}
+ />
+ )}
+
+
+ );
+}
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFloatingActions.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.js
new file mode 100644
index 000000000..3487ca548
--- /dev/null
+++ b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.js
@@ -0,0 +1,89 @@
+import React from 'react';
+import intl from 'react-intl-universal';
+import { Formik, Form } from 'formik';
+import { Intent } from '@blueprintjs/core';
+import { useHistory } from 'react-router-dom';
+import { CLASSES } from 'common/classes';
+import classNames from 'classnames';
+
+import {
+ CreateWarehouseFormSchema,
+ EditWarehouseFormSchema,
+} from './WarehouseTransferForm.schema';
+
+import WarehouseTransferFormHeader from './WarehouseTransferFormHeader';
+import WarehouseTransferEditorField from './WarehouseTransferEditorField';
+import WarehouseTransferFormFooter from './WarehouseTransferFormFooter';
+import WarehouseTransferFormDialog from './WarehouseTransferFormDialog';
+import withDashboardActions from 'containers/Dashboard/withDashboardActions';
+
+import { compose, orderingLinesIndexes, transactionNumber } from 'utils';
+import { defaultWareTransferEntry, defaultWarehouseTransfer } from './utils';
+
+function WarehouseTransferForm({
+ // #withSettings
+ warehouseTransferNextNumber,
+ warehouseTransferNumberPrefix,
+ warehouseTransferIncrementMode,
+}) {
+ const history = useHistory();
+
+ // WarehouseTransfer number.
+ const warehouseTransferNumber = transactionNumber(
+ warehouseTransferNumberPrefix,
+ warehouseTransferNextNumber,
+ );
+
+ // Form initial values.
+ const initialValues = React.useMemo(
+ () => ({
+ ...defaultWarehouseTransfer,
+ }),
+ [],
+ );
+
+ // Handles form submit.
+ const handleSubmit = (values, { setSubmitting, setErrors, resetForm }) => {
+ // Transformes the values of the form to request.
+ const form = {};
+
+ // Handle the request success.
+ const onSuccess = () => {};
+
+ // Handle the request error.
+ const onError = ({
+ response: {
+ data: { errors },
+ },
+ }) => {
+ setSubmitting(false);
+ };
+ };
+
+ return (
+
+
+
+
+
+ );
+}
+
+export default compose(withDashboardActions)(WarehouseTransferForm);
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.schema.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.schema.js
new file mode 100644
index 000000000..efe3afe45
--- /dev/null
+++ b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferForm.schema.js
@@ -0,0 +1,28 @@
+import * as Yup from 'yup';
+import intl from 'react-intl-universal';
+import { DATATYPES_LENGTH } from 'common/dataTypes';
+
+const Schema = Yup.object().shape({
+ date: Yup.date().required().label(intl.get('date')),
+ transfer_number: Yup.string()
+ .max(DATATYPES_LENGTH.STRING)
+ .label(intl.get('transfer_number')),
+ from_warehouse: Yup.number().required().label(intl.get('from_warehouse')),
+ to_warehouse: Yup.number().required().label(intl.get('from_warehouse')),
+ reason: Yup.string()
+ .trim()
+ .min(1)
+ .max(DATATYPES_LENGTH.STRING)
+ .label(intl.get('reason')),
+ entries: Yup.array().of(
+ Yup.object().shape({
+ item_id: Yup.number().nullable(),
+ source_warehouse: Yup.number().nullable(),
+ destination_warehouse: Yup.number().nullable(),
+ quantity: Yup.number().nullable().max(DATATYPES_LENGTH.INT_10),
+ }),
+ ),
+});
+
+export const CreateWarehouseFormSchema = Schema;
+export const EditWarehouseFormSchema = Schema;
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.js
new file mode 100644
index 000000000..0471ff6a3
--- /dev/null
+++ b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormDialog.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import WarehouseTransferNumberDialog from '../../Dialogs/WarehouseTransferNumberDialog';
+import { useFormikContext } from 'formik';
+
+/**
+ * Warehouse transfer form dialog.
+ */
+export default function WarehouseTransferFormDialog() {
+ // Update the form once the credit number form submit confirm.
+ const handleWarehouseNumberFormConfirm = ({ incrementNumber, manually }) => {
+ setFieldValue('transfer_no', incrementNumber || '');
+ setFieldValue('transfer_no_manually', manually);
+ };
+ const { setFieldValue } = useFormikContext();
+ return (
+
+
+
+ );
+}
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.js
new file mode 100644
index 000000000..1d1ca8141
--- /dev/null
+++ b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormEntriesTable.js
@@ -0,0 +1,42 @@
+import React from 'react';
+
+import { useWarehouseTransferTableColumns } from '../utils';
+import { DataTableEditable } from 'components';
+import { compose, saveInvoke, updateTableCell } from 'utils';
+
+/**
+ * Warehouse transfer form entries table.
+ */
+export default function WarehouseTransferFormEntriesTable({
+ // #ownProps
+ items,
+ entries,
+ onUpdateData,
+ errors,
+}) {
+ // Retrieve the warehouse transfer table columns.
+ const columns = useWarehouseTransferTableColumns();
+
+ // Handle update data.
+ const handleUpdateData = React.useCallback(
+ (rowIndex, columnId, value) => {
+ const newRows = compose(updateTableCell(rowIndex, columnId, value))(
+ entries,
+ );
+ onUpdateData(newRows);
+ },
+ [onUpdateData, entries],
+ );
+
+ return (
+
+ );
+}
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.js
new file mode 100644
index 000000000..7e0a70ff5
--- /dev/null
+++ b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormFooter.js
@@ -0,0 +1,42 @@
+import React from 'react';
+import classNames from 'classnames';
+import { FormGroup, TextArea } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'components';
+import { FastField, ErrorMessage } from 'formik';
+import { Row, Col, Postbox } from 'components';
+import { CLASSES } from 'common/classes';
+import { inputIntent } from 'utils';
+
+export default function WarehouseTransferFormFooter() {
+ return (
+
+
}
+ defaultOpen={false}
+ >
+
+
+ {/*------------ reason -----------*/}
+
+ {({ field, meta: { error, touched } }) => (
+ }
+ className={'form-group--reason'}
+ intent={inputIntent({ error, touched })}
+ helperText={}
+ >
+
+
+ )}
+
+
+
+
+
+
+
+ );
+}
+
+export default WarehouseTransferFormHeader;
diff --git a/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.js b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.js
new file mode 100644
index 000000000..c036eb167
--- /dev/null
+++ b/src/containers/WarehouseTransfers/WarehouseTransferForm/WarehouseTransferFormHeaderFields.js
@@ -0,0 +1,212 @@
+import React from 'react';
+import {
+ FormGroup,
+ InputGroup,
+ TextArea,
+ Position,
+ ControlGroup,
+} from '@blueprintjs/core';
+import { DateInput } from '@blueprintjs/datetime';
+import { FastField, Field, ErrorMessage } from 'formik';
+import { FormattedMessage as T } from 'components';
+import { momentFormatter, compose, tansformDateValue } from 'utils';
+import classNames from 'classnames';
+
+import { CLASSES } from 'common/classes';
+import {
+ AccountsSelectList,
+ FieldRequiredHint,
+ Icon,
+ InputPrependButton,
+} from 'components';
+import { inputIntent, handleDateChange } from 'utils';
+import { useWarehouseTransferFormContext } from './WarehouseTransferFormProvider';
+import { useObserveTransferNoSettings } from './utils';
+import withSettings from 'containers/Settings/withSettings';
+import withDialogActions from 'containers/Dialog/withDialogActions';
+
+/**
+ * Warehouse transfer form header fields.
+ */
+function WarehouseTransferFormHeaderFields({
+ // #withDialogActions
+ openDialog,
+
+ // #withSettings
+ warehouseTransferAutoIncrement,
+ warehouseTransferNextNumber,
+ warehouseTransferNumberPrefix,
+}) {
+ const { accounts } = useWarehouseTransferFormContext();
+
+ // Handle warehouse transfer number changing.
+ const handleTransferNumberChange = () => {
+ openDialog('warehouse-transfer-no-form');
+ };
+
+ // Handle transfer no. field blur.
+ const handleTransferNoBlur = (form, field) => (event) => {
+ const newValue = event.target.value;
+
+ if (field.value !== newValue && warehouseTransferAutoIncrement) {
+ openDialog('warehouse-transfer-no-form', {
+ initialFormValues: {
+ manualTransactionNo: newValue,
+ incrementMode: 'manual-transaction',
+ },
+ });
+ }
+ };
+
+ // Syncs transfer number settings with form.
+ useObserveTransferNoSettings(
+ warehouseTransferNumberPrefix,
+ warehouseTransferNextNumber,
+ );
+
+ return (
+
+ {/* ----------- Date ----------- */}
+
+ {({ form, field: { value }, meta: { error, touched } }) => (
+ }
+ inline={true}
+ labelInfo={}
+ className={classNames('form-group--date', CLASSES.FILL)}
+ intent={inputIntent({ error, touched })}
+ helperText={}
+ >
+ {
+ form.setFieldValue('date', formattedDate);
+ })}
+ popoverProps={{ position: Position.BOTTOM_LEFT, minimal: true }}
+ inputProps={{
+ leftIcon: ,
+ }}
+ />
+
+ )}
+
+ {/* ----------- Transfer number ----------- */}
+
+ {({ form, field, meta: { error, touched } }) => (
+ }
+ labelInfo={}
+ inline={true}
+ className={classNames('form-group--transfer-no', CLASSES.FILL)}
+ intent={inputIntent({ error, touched })}
+ helperText={}
+ >
+
+
+ ,
+ }}
+ tooltip={true}
+ tooltipProps={{
+ content: (
+
+ ),
+ position: Position.BOTTOM_LEFT,
+ }}
+ />
+
+
+ )}
+
+ {/* ----------- Form Warehouse ----------- */}
+
+ {({ form, field: { value }, meta: { error, touched } }) => (
+ }
+ className={classNames(
+ 'form-group--warehouse-transfer',
+ CLASSES.FILL,
+ )}
+ inline={true}
+ labelInfo={}
+ intent={inputIntent({ error, touched })}
+ helperText={}
+ >
+ {
+ form.setFieldValue('form_warehouse', account.id);
+ }}
+ defaultSelectText={'Select Warehouse Transfer'}
+ selectedAccountId={value}
+ popoverFill={true}
+ allowCreate={true}
+ />
+
+ )}
+
+ {/* ----------- To Warehouse ----------- */}
+
+ {({ form, field: { value }, meta: { error, touched } }) => (
+ }
+ className={classNames(
+ 'form-group--warehouse-transfer',
+ CLASSES.FILL,
+ )}
+ inline={true}
+ labelInfo={}
+ intent={inputIntent({ error, touched })}
+ helperText={}
+ >
+ {
+ form.setFieldValue('to_warehouse', account.id);
+ }}
+ defaultSelectText={'Select Warehouse Transfer'}
+ selectedAccountId={value}
+ popoverFill={true}
+ allowCreate={true}
+ />
+
+ )}
+
+ {/*------------ reason -----------*/}
+
+ {({ field, meta: { error, touched } }) => (
+ }
+ className={'form-group--reason'}
+ intent={inputIntent({ error, touched })}
+ inline={true}
+ helperText={}
+ >
+
+
+ )}
+
+