feat: Inventory adjustment publish.

client/src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { Intent, Alert } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'components';
+import intl from 'react-intl-universal';
+import { usePublishInventoryAdjustment } from 'hooks/query';
+
+import { AppToaster } from 'components';
+
+import withAlertActions from 'containers/Alert/withAlertActions';
+import withAlertStoreConnect from 'containers/Alert/withAlertStoreConnect';
+
+import { compose } from 'utils';
+
+/**
+ * Inventory Adjustment publish alert.
+ */
+
+function InventoryAdjustmentPublishAlert({
+  name,
+
+  // #withAlertStoreConnect
+  isOpen,
+  payload: { inventoryId },
+
+  // #withAlertActions
+  closeAlert,
+}) {
+  const { mutateAsync: publishInventoryAdjustmentMutate, isLoading } =
+    usePublishInventoryAdjustment();
+
+  // Handle cancel inventory adjustment alert.
+  const handleCancelPublish = () => {
+    closeAlert(name);
+  };
+
+  // Handle publish inventory adjustment confirm.
+  const handleConfirmPublish = () => {
+    publishInventoryAdjustmentMutate(inventoryId)
+      .then(() => {
+        AppToaster.show({
+          message: intl.get('the_inventory_adjustment_has_been_published'),
+          intent: Intent.SUCCESS,
+        });
+        closeAlert(name);
+      })
+      .catch((error) => {
+        closeAlert(name);
+      });
+  };
+
+  return (
+    <Alert
+      cancelButtonText={<T id={'cancel'} />}
+      confirmButtonText={<T id={'publish'} />}
+      intent={Intent.WARNING}
+      isOpen={isOpen}
+      onCancel={handleCancelPublish}
+      onConfirm={handleConfirmPublish}
+      loading={isLoading}
+    >
+      <p>
+        <T id={'are_sure_to_publish_this_inventory_adjustment'} />
+      </p>
+    </Alert>
+  );
+}
+
+export default compose(
+  withAlertStoreConnect(),
+  withAlertActions,
+)(InventoryAdjustmentPublishAlert);

client/src/containers/InventoryAdjustments/InventoryAdjustmentTable.js

@@ -39,6 +39,11 @@ function InventoryAdjustmentDataTable({
     openAlert('inventory-adjustment-delete', { inventoryId: id });
   };
 
+  // Handle the inventory adjustment publish action.
+  const handlePublishInventoryAdjustment = ({ id }) => {
+    openAlert('inventory-adjustment-publish', { inventoryId: id });
+  };
+
   // Inventory adjustments columns.
   const columns = useInventoryAdjustmentsColumns();
 
@@ -72,6 +77,7 @@ function InventoryAdjustmentDataTable({
       autoResetPage={false}
       payload={{
         onDelete: handleDeleteAdjustment,
+        onPublish: handlePublishInventoryAdjustment,
       }}
       ContextMenu={ActionsMenu}
       noResults={intl.get('there_is_no_inventory_adjustments_transactions_yet')}

client/src/containers/InventoryAdjustments/InventoryAdjustmentsAlerts.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import InventoryAdjustmentDeleteAlert from 'containers/Alerts/Items/InventoryAdjustmentDeleteAlert';
+import InventoryAdjustmentPublishAlert from 'containers/Alerts/Items/InventoryAdjustmentPublishAlert';
 
 export default function InventoryAdjustmentsAlerts() {
   return (
     <div className={'inventory-adjustments-alert'}>
       <InventoryAdjustmentDeleteAlert name={'inventory-adjustment-delete'} />
+      <InventoryAdjustmentPublishAlert name={'inventory-adjustment-publish'} />
     </div>
   );
 }

client/src/containers/InventoryAdjustments/components.js

@@ -12,7 +12,7 @@ import {
 import intl from 'react-intl-universal';
 import moment from 'moment';
 
-import {  FormattedMessage as T } from 'components';
+import { FormattedMessage as T } from 'components';
 import { isNumber } from 'lodash';
 import { Icon, Money, If } from 'components';
 import { isBlank, safeCallback } from 'utils';
@@ -93,7 +93,7 @@ export const ItemTypeAccessor = (row) => {
 
 export const ActionsMenu = ({
   row: { original },
-  payload: { onDelete },
+  payload: { onDelete, onPublish },
 }) => {
   return (
     <Menu>
@@ -102,6 +102,13 @@ export const ActionsMenu = ({
         text={intl.get('view_details')}
       />
       <MenuDivider />
+      <If condition={!original.is_published}>
+        <MenuItem
+          icon={<Icon icon={'arrow-to-top'} size={16} />}
+          text={intl.get('publish_expense')}
+          onClick={safeCallback(onPublish, original)}
+        />
+      </If>
       <MenuItem
         text={intl.get('delete_adjustment')}
         intent={Intent.DANGER}
@@ -113,12 +120,13 @@ export const ActionsMenu = ({
 };
 
 export const ActionsCell = (props) => {
-  return (<Popover
-    content={<ActionsMenu {...props} />}
-    position={Position.RIGHT_BOTTOM}
-  >
-    <Button icon={<Icon icon="more-h-16" iconSize={16} />} />
-  </Popover>
+  return (
+    <Popover
+      content={<ActionsMenu {...props} />}
+      position={Position.RIGHT_BOTTOM}
+    >
+      <Button icon={<Icon icon="more-h-16" iconSize={16} />} />
+    </Popover>
   );
 };
 
@@ -126,8 +134,6 @@ export const ActionsCell = (props) => {
  * Retrieve inventory adjustments columns.
  */
 export const useInventoryAdjustmentsColumns = () => {
-  
-
   return React.useMemo(
     () => [
       {