feat: auto-increment sale invoice, receipt, estimate and payment receive.

feat: style sales and purchases forms.

client/src/containers/Sales/Estimate/EntriesItemsTable.js

@@ -2,6 +2,7 @@ import React, { useState, useMemo, useEffect, useCallback } from 'react';
 import { omit } from 'lodash';
 import { Button, Intent, Position, Tooltip } from '@blueprintjs/core';
 import { FormattedMessage as T, useIntl } from 'react-intl';
+import classNames from 'classnames';
 
 import { CLASSES } from 'common/classes';
 import { Hint, Icon } from 'components';
@@ -229,7 +230,10 @@ function EstimateTable({
   );
 
   return (
-    <div className={'estimate-form__table datatable-editor'}>
+    <div className={classNames(
+      CLASSES.DATATABLE_EDITOR,
+      CLASSES.DATATABLE_EDITOR_ITEMS_ENTRIES,
+    )}>
       <DataTable
         columns={columns}
         data={rows}
@@ -240,9 +244,8 @@ function EstimateTable({
           updateData: handleUpdateData,
           removeRow: handleRemoveRow,
         }}
-        className={CLASSES.DATATABLE_EDITOR}
       />
-      <div className={'datatable-editor__actions mt1'}>
+      <div className={classNames(CLASSES.DATATABLE_EDITOR_ACTIONS, 'mt1')}>
         <Button
           small={true}
           className={'button--secondary button--new-line'}

client/src/containers/Sales/Estimate/EstimateForm.js

@@ -317,7 +317,7 @@ const EstimateForm = ({
 
         <div class={classNames(CLASSES.PAGE_FORM_FOOTER)}>
           <Row>
-            <Col md={7}>
+            <Col md={8}>
               <FormGroup
                 label={<T id={'customer_note'} />}
                 className={'form-group--customer_note'}
@@ -327,6 +327,7 @@ const EstimateForm = ({
                   {...formik.getFieldProps('note')}
                 />
               </FormGroup>
+
               <FormGroup
                 label={<T id={'terms_conditions'} />}
                 className={'form-group--terms_conditions'}
@@ -338,7 +339,7 @@ const EstimateForm = ({
               </FormGroup>
             </Col>
           
-            <Col md={5}>
+            <Col md={4}>
               <Dragzone
                 initialFiles={initialAttachmentFiles}
                 onDrop={handleDropFiles}

client/src/containers/Sales/Estimate/EstimateFormHeader.js

@@ -139,7 +139,7 @@ function EstimateFormHeader({
               />
             </FormGroup>
           </Col>
-          <Col md={4}>
+          <Col md={4} className={'col--expiration-date'}>
             <FormGroup
               label={<T id={'expiration_date'} />}
               inline={true}