@bjsdistribution/dms-client-return 0.0.10 → 0.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dms-client-return.cjs.development.js +29 -117
- package/dist/dms-client-return.cjs.development.js.map +1 -1
- package/dist/dms-client-return.cjs.production.min.js +1 -1
- package/dist/dms-client-return.cjs.production.min.js.map +1 -1
- package/dist/dms-client-return.esm.js +34 -122
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx +17 -14
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +8 -9
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts +14 -0
- package/src/components/order-daily-overview/shared/utlis.ts +7 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useState, useMemo, useRef, Suspense } from 'react';
|
|
2
2
|
import { useLocation, useParams, NavLink, useNavigate, Routes, Route } from 'react-router-dom';
|
|
3
3
|
import styled, { css, keyframes } from 'styled-components';
|
|
4
|
-
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, Button as Button$1, useApiHook, getBaseEndpoint, formatDateTime, Alert, Checkbox as Checkbox$1, SectionHeader, CrossIcon, AntSelect, AntTable, CustomRating, DeleteIcon, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, AntModal } from '@bjsdistribution/dms-component-library';
|
|
4
|
+
import { Label as Label$h, Input as Input$1, TextArea, FormSection, displayValueOrNA as displayValueOrNA$1, SelectDropdown, dropdownStyles, RadioButtonGroup as RadioButtonGroup$1, Switch, Button as Button$1, useApiHook, getBaseEndpoint, formatDateTime, Alert, Checkbox as Checkbox$1, SectionHeader, CrossIcon, AntSelect, AntTable, CustomRating, DeleteIcon, CancelationModal, CancelAndCompleteAction, filterDropdownStyles, BackgroundModal as BackgroundModal$1, AntModal } from '@bjsdistribution/dms-component-library';
|
|
5
5
|
import { useAtom, atom } from 'jotai';
|
|
6
6
|
import { atomWithReducer } from 'jotai/utils';
|
|
7
7
|
import { DatePicker, notification, Skeleton, Upload, message, Input as Input$2, Select, Empty, Checkbox as Checkbox$2, Tabs, Tooltip } from 'antd';
|
|
@@ -1351,8 +1351,8 @@ function ConsignmentNumber() {
|
|
|
1351
1351
|
return React.createElement(Container$d, null, React.createElement(Wrapper$8, null, React.createElement(Label$h, {
|
|
1352
1352
|
label: "Consignment Number"
|
|
1353
1353
|
}), React.createElement(CopyText, {
|
|
1354
|
-
text: displayValueOrNA(orderDetails.consignment)
|
|
1355
|
-
})), React.createElement(Consignment, null, displayValueOrNA(orderDetails.consignment)));
|
|
1354
|
+
text: displayValueOrNA$1(orderDetails.consignment)
|
|
1355
|
+
})), React.createElement(Consignment, null, displayValueOrNA$1(orderDetails.consignment)));
|
|
1356
1356
|
}
|
|
1357
1357
|
var Wrapper$8 = /*#__PURE__*/styled.div(_templateObject$g || (_templateObject$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
1358
1358
|
var Consignment = /*#__PURE__*/styled.span(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: #249e45;\n font-family: 'Lato', sans-serif;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n"])));
|
|
@@ -3143,7 +3143,7 @@ function GeneralHeader() {
|
|
|
3143
3143
|
var Section = /*#__PURE__*/styled.div(_templateObject$V || (_templateObject$V = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* display: flex;\n background: #ffffff;\n // padding: 15px;\n flex-direction: column;\n gap: 14px;\n border-radius: 12px;\n box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n border: 1px solid #e0e0e0; */\n"])));
|
|
3144
3144
|
|
|
3145
3145
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3146
|
-
var StyledTable = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
3146
|
+
var StyledTable = /*#__PURE__*/styled.table(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n white-space: nowrap;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 100px;\n }\n th {\n color: #3a3630;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n padding: 11px 15px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n padding: 12px 15px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n gap: 8px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n /* padding-left: 0; */\n /* fontWeight: 600,\n paddingLeft: 0, */\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n /* background: rgba(233, 82, 82, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n /* background: rgba(132, 90, 223, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n /* background: rgba(41, 204, 106, 0.15); */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n /* background: #fff1d6; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n /* background: #fff; */\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n\n width: 28px;\n height: 28px;\n flex-direction: column;\n\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: 85px;\n padding: 6px 10px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 12px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n"])));
|
|
3147
3147
|
// Styled components
|
|
3148
3148
|
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\n scrollbar-width: none;\n height: 600px;\n /* box-shadow: 0px 0px 30px 6px rgba(46, 45, 116, 0.05); */\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 100px;\n height: 5px;\n }\n\n &::-webkit-scrollbar-track {\n background: #777;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #7b61ff;\n }\n"])));
|
|
3149
3149
|
var CustomDrop = /*#__PURE__*/styled.div(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n /* border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #fff;\n display: flex;\n padding: 4px 8px;\n gap: 8px;\n align-items: center; */\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n"])));
|
|
@@ -8808,6 +8808,16 @@ var formatDate$1 = function formatDate(date) {
|
|
|
8808
8808
|
// const seconds = padZero(date.getSeconds());
|
|
8809
8809
|
return year + "-" + month + "-" + day;
|
|
8810
8810
|
};
|
|
8811
|
+
var displayValueOrNA = function displayValueOrNA(value) {
|
|
8812
|
+
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
8813
|
+
if (value === 0) {
|
|
8814
|
+
return 0;
|
|
8815
|
+
}
|
|
8816
|
+
if (value === 'NA' || value === undefined || value === null || isBlankArray) {
|
|
8817
|
+
return 'NA';
|
|
8818
|
+
}
|
|
8819
|
+
return value;
|
|
8820
|
+
};
|
|
8811
8821
|
|
|
8812
8822
|
var optionsPrint = [{
|
|
8813
8823
|
icon: 'runSheet',
|
|
@@ -9010,7 +9020,7 @@ var ReturnOrderTable = function ReturnOrderTable(_ref) {
|
|
|
9010
9020
|
}, React.createElement(Checkbox$1, {
|
|
9011
9021
|
checked: selectAll,
|
|
9012
9022
|
onChange: handleSelectAll
|
|
9013
|
-
})), React.createElement("th", null, "Product Location"), React.createElement("th", null, "Return Location"), React.createElement("th", null, "Recipient"), React.createElement("th", null, "Code"), React.createElement("th", null, "
|
|
9023
|
+
})), React.createElement("th", null, "Product Location"), React.createElement("th", null, "Return Location"), React.createElement("th", null, "Recipient"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Part"), React.createElement("th", null, "Weight"), React.createElement("th", null, "CBM"), React.createElement("th", null, "Return Reason"), React.createElement("th", null, "Collected"), React.createElement("th", null, "Collection Reason"), React.createElement("th", {
|
|
9014
9024
|
className: "emailInvoiceShare"
|
|
9015
9025
|
}, "Labels"))), React.createElement("tbody", null, loadingskeleton ? React.createElement("tr", null, React.createElement("td", {
|
|
9016
9026
|
colSpan: 6
|
|
@@ -9031,7 +9041,9 @@ var ReturnOrderTable = function ReturnOrderTable(_ref) {
|
|
|
9031
9041
|
onChange: function onChange() {
|
|
9032
9042
|
return handleSelectOrderReturn(item.id, item.return_location, item.return_locations, item.order_product_return_action);
|
|
9033
9043
|
}
|
|
9034
|
-
})), React.createElement("td", null,
|
|
9044
|
+
})), React.createElement("td", null, item != null && (_item$orders_products = item.orders_products_stock) != null && _item$orders_products.location ? null : React.createElement("div", {
|
|
9045
|
+
className: "awaiting"
|
|
9046
|
+
}, "Awating")), React.createElement("td", null, " ", displayValueOrNA(item == null ? void 0 : item.return_location)), React.createElement("td", null, React.createElement("ul", {
|
|
9035
9047
|
style: {
|
|
9036
9048
|
listStyleType: 'none',
|
|
9037
9049
|
padding: 0
|
|
@@ -9046,7 +9058,7 @@ var ReturnOrderTable = function ReturnOrderTable(_ref) {
|
|
|
9046
9058
|
style: {
|
|
9047
9059
|
color: '#888075'
|
|
9048
9060
|
}
|
|
9049
|
-
}, displayValueOrNA(item == null || (_item$order_data2 = item.order_data) == null || (_item$order_data2 = _item$order_data2.order_recipient) == null ? void 0 : _item$order_data2.postcode)))), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React.createElement("td", null,
|
|
9061
|
+
}, displayValueOrNA(item == null || (_item$order_data2 = item.order_data) == null || (_item$order_data2 = _item$order_data2.order_recipient) == null ? void 0 : _item$order_data2.postcode)))), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.parts_count)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight), "KG"), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.cube)), React.createElement("td", null, displayValueOrNA(item == null || (_item$return_reasons = item.return_reasons) == null ? void 0 : _item$return_reasons.reason)), React.createElement("td", null, "N/A"), React.createElement("td", null, displayValueOrNA(item == null || (_item$collection_reas = item.collection_reasons) == null ? void 0 : _item$collection_reas.reason)), React.createElement("td", null, React.createElement("ul", {
|
|
9050
9062
|
className: "actionbox"
|
|
9051
9063
|
}, React.createElement(CustomDrop, {
|
|
9052
9064
|
ref: dropdownRefParent,
|
|
@@ -10269,7 +10281,7 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10269
10281
|
onChange: function onChange() {
|
|
10270
10282
|
return handleSelectInvoice(item.id);
|
|
10271
10283
|
}
|
|
10272
|
-
})), React.createElement("td", null, formatDate$1(new Date(item == null ? void 0 : item.created_at))), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.return_locations)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.pick_up_location)), React.createElement("td", {
|
|
10284
|
+
})), React.createElement("td", null, formatDate$1(new Date(item == null ? void 0 : item.created_at))), React.createElement("td", null, displayValueOrNA$1(item == null ? void 0 : item.return_locations)), React.createElement("td", null, displayValueOrNA$1(item == null ? void 0 : item.pick_up_location)), React.createElement("td", {
|
|
10273
10285
|
onClick: function onClick() {
|
|
10274
10286
|
return setOrderId(item.id);
|
|
10275
10287
|
}
|
|
@@ -10286,11 +10298,11 @@ var OrderTable = function OrderTable(_ref) {
|
|
|
10286
10298
|
}
|
|
10287
10299
|
}, React.createElement(NavLink, {
|
|
10288
10300
|
to: "" + item.id
|
|
10289
|
-
}, displayValueOrNA(item == null || (_item$order_recipient = item.order_recipient) == null ? void 0 : _item$order_recipient.recipient_name))), React.createElement("li", {
|
|
10301
|
+
}, displayValueOrNA$1(item == null || (_item$order_recipient = item.order_recipient) == null ? void 0 : _item$order_recipient.recipient_name))), React.createElement("li", {
|
|
10290
10302
|
style: {
|
|
10291
10303
|
color: '#888075'
|
|
10292
10304
|
}
|
|
10293
|
-
}, displayValueOrNA(item == null || (_item$order_recipient2 = item.order_recipient) == null ? void 0 : _item$order_recipient2.postcode)))), React.createElement("td", null, displayValueOrNA(item == null || (_item$customer_data = item.customer_data) == null ? void 0 : _item$customer_data.customer_name)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.consignment)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.order_number)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.box_count)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight), "KG"), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.cube)), React.createElement("td", null, React.createElement(AntSelect, {
|
|
10305
|
+
}, displayValueOrNA$1(item == null || (_item$order_recipient2 = item.order_recipient) == null ? void 0 : _item$order_recipient2.postcode)))), React.createElement("td", null, displayValueOrNA$1(item == null || (_item$customer_data = item.customer_data) == null ? void 0 : _item$customer_data.customer_name)), React.createElement("td", null, displayValueOrNA$1(item == null ? void 0 : item.consignment)), React.createElement("td", null, displayValueOrNA$1(item == null ? void 0 : item.order_number)), React.createElement("td", null, displayValueOrNA$1(item == null ? void 0 : item.box_count)), React.createElement("td", null, displayValueOrNA$1(item == null ? void 0 : item.weight), "KG"), React.createElement("td", null, displayValueOrNA$1(item == null ? void 0 : item.cube)), React.createElement("td", null, React.createElement(AntSelect, {
|
|
10294
10306
|
options: assigneOptions,
|
|
10295
10307
|
placeholder: "Select",
|
|
10296
10308
|
onChange: function onChange() {},
|
|
@@ -10410,28 +10422,6 @@ var DateIcon = function DateIcon() {
|
|
|
10410
10422
|
}));
|
|
10411
10423
|
};
|
|
10412
10424
|
|
|
10413
|
-
var StatusIcon = function StatusIcon() {
|
|
10414
|
-
return React.createElement("svg", {
|
|
10415
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10416
|
-
width: "13",
|
|
10417
|
-
height: "12",
|
|
10418
|
-
viewBox: "0 0 13 12",
|
|
10419
|
-
fill: "none"
|
|
10420
|
-
}, React.createElement("path", {
|
|
10421
|
-
d: "M2.60002 6V4.83333C2.60002 3.90507 2.96877 3.01483 3.62514 2.35845C4.28152 1.70208 5.17176 1.33333 6.10002 1.33333C7.02827 1.33333 7.91851 1.70208 8.57489 2.35845C9.23127 3.01483 9.60002 3.90507 9.60002 4.83333V6M1.43335 9.5C1.43335 9.80941 1.55627 10.1062 1.77506 10.325C1.99385 10.5437 2.2906 10.6667 2.60002 10.6667C2.90944 10.6667 3.20618 10.5437 3.42497 10.325C3.64377 10.1062 3.76668 9.80941 3.76668 9.5C3.76668 9.19058 3.64377 8.89383 3.42497 8.67504C3.20618 8.45625 2.90944 8.33333 2.60002 8.33333C2.2906 8.33333 1.99385 8.45625 1.77506 8.67504C1.55627 8.89383 1.43335 9.19058 1.43335 9.5ZM8.43335 9.5C8.43335 9.80941 8.55627 10.1062 8.77506 10.325C8.99385 10.5437 9.2906 10.6667 9.60002 10.6667C9.90944 10.6667 10.2062 10.5437 10.425 10.325C10.6438 10.1062 10.7667 9.80941 10.7667 9.5C10.7667 9.19058 10.6438 8.89383 10.425 8.67504C10.2062 8.45625 9.90944 8.33333 9.60002 8.33333C9.2906 8.33333 8.99385 8.45625 8.77506 8.67504C8.55627 8.89383 8.43335 9.19058 8.43335 9.5Z",
|
|
10422
|
-
stroke: "#6D6B68",
|
|
10423
|
-
"stroke-width": "2",
|
|
10424
|
-
"stroke-linecap": "round",
|
|
10425
|
-
"stroke-linejoin": "round"
|
|
10426
|
-
}), React.createElement("path", {
|
|
10427
|
-
d: "M7.8501 4.25L9.6001 6L11.3501 4.25",
|
|
10428
|
-
stroke: "#6D6B68",
|
|
10429
|
-
"stroke-width": "2",
|
|
10430
|
-
"stroke-linecap": "round",
|
|
10431
|
-
"stroke-linejoin": "round"
|
|
10432
|
-
}));
|
|
10433
|
-
};
|
|
10434
|
-
|
|
10435
10425
|
var ClientIcon = function ClientIcon() {
|
|
10436
10426
|
return React.createElement("svg", {
|
|
10437
10427
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10445,28 +10435,6 @@ var ClientIcon = function ClientIcon() {
|
|
|
10445
10435
|
}));
|
|
10446
10436
|
};
|
|
10447
10437
|
|
|
10448
|
-
var AssigneIcon = function AssigneIcon() {
|
|
10449
|
-
return React.createElement("svg", {
|
|
10450
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10451
|
-
width: "15",
|
|
10452
|
-
height: "14",
|
|
10453
|
-
viewBox: "0 0 15 14",
|
|
10454
|
-
fill: "none"
|
|
10455
|
-
}, React.createElement("g", {
|
|
10456
|
-
"clip-path": "url(#clip0_504_13636)"
|
|
10457
|
-
}, React.createElement("path", {
|
|
10458
|
-
d: "M4.4751 1.16667H12.6418V6.70834H11.4751V2.33334H10.3084V5.61051L8.55843 4.7355L6.80843 5.61051V2.33334H5.64176V5.54167H4.4751V1.16667ZM7.9751 2.33334V3.72284L8.55843 3.43117L9.14176 3.72284V2.33334H7.9751ZM5.02051 7.72917C4.92474 7.72892 4.82985 7.74755 4.74127 7.78398C4.65269 7.82041 4.57215 7.87394 4.50426 7.9415L3.30843 9.13734V11.375H6.59085L9.97593 10.5292L12.0363 9.6495C12.1064 9.61158 12.1601 9.54908 12.1871 9.47399C12.214 9.3989 12.2123 9.31652 12.1822 9.24263C12.1521 9.16875 12.0958 9.10857 12.0241 9.07364C11.9524 9.0387 11.8703 9.03147 11.7936 9.05334L11.7819 9.05625L8.0416 9.91667H5.93343V8.75H7.75635C7.89172 8.75 8.02154 8.69623 8.11727 8.60051C8.21299 8.50479 8.26676 8.37496 8.26676 8.23959C8.26676 8.10422 8.21299 7.97439 8.11727 7.87867C8.02154 7.78295 7.89172 7.72917 7.75635 7.72917H5.02051ZM9.42585 8.40117L11.4978 7.92459C11.7185 7.86656 11.9496 7.85988 12.1732 7.90505C12.3969 7.95022 12.6072 8.04605 12.7881 8.18518C12.969 8.3243 13.1155 8.50302 13.2166 8.70762C13.3176 8.91221 13.3704 9.13724 13.3709 9.36542C13.3707 9.64241 13.2934 9.91388 13.1478 10.1495C13.0021 10.3851 12.7938 10.5755 12.5461 10.6995L12.5303 10.7077L10.3487 11.6381L6.73435 12.5417H0.100098V8.3125H2.4836L3.6806 7.1155C3.85696 6.93974 4.06622 6.80044 4.29643 6.70555C4.52663 6.61067 4.77327 6.56206 5.02226 6.5625H7.75635C7.99023 6.56247 8.22153 6.61136 8.4354 6.70603C8.64926 6.8007 8.84096 6.93905 8.99818 7.11221C9.15541 7.28536 9.27467 7.48948 9.34832 7.71146C9.42198 7.93345 9.44838 8.16838 9.42585 8.40117ZM2.14176 9.47917H1.26676V11.375H2.14176V9.47917Z",
|
|
10459
|
-
fill: "#6D6B68"
|
|
10460
|
-
})), React.createElement("defs", null, React.createElement("clipPath", {
|
|
10461
|
-
id: "clip0_504_13636"
|
|
10462
|
-
}, React.createElement("rect", {
|
|
10463
|
-
width: "14",
|
|
10464
|
-
height: "14",
|
|
10465
|
-
fill: "white",
|
|
10466
|
-
transform: "translate(0.100098)"
|
|
10467
|
-
}))));
|
|
10468
|
-
};
|
|
10469
|
-
|
|
10470
10438
|
var initialState$2 = {
|
|
10471
10439
|
'x-filters': [],
|
|
10472
10440
|
'x-pagination': {
|
|
@@ -10560,22 +10528,13 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10560
10528
|
var _useState = useState(),
|
|
10561
10529
|
selectedDate = _useState[0],
|
|
10562
10530
|
setSelectedDate = _useState[1];
|
|
10563
|
-
|
|
10564
|
-
|
|
10565
|
-
|
|
10566
|
-
},
|
|
10567
|
-
|
|
10568
|
-
|
|
10569
|
-
|
|
10570
|
-
label: 'Zone 3',
|
|
10571
|
-
value: 'zone3'
|
|
10572
|
-
}, {
|
|
10573
|
-
label: 'Zone 4',
|
|
10574
|
-
value: 'zone4'
|
|
10575
|
-
}, {
|
|
10576
|
-
label: 'Zone 5',
|
|
10577
|
-
value: 'zone5'
|
|
10578
|
-
}];
|
|
10531
|
+
// const zoneOptions = [
|
|
10532
|
+
// { label: 'Zone 1', value: 'zone1' },
|
|
10533
|
+
// { label: 'Zone 2', value: 'zone2' },
|
|
10534
|
+
// { label: 'Zone 3', value: 'zone3' },
|
|
10535
|
+
// { label: 'Zone 4', value: 'zone4' },
|
|
10536
|
+
// { label: 'Zone 5', value: 'zone5' },
|
|
10537
|
+
// ];
|
|
10579
10538
|
// date change here
|
|
10580
10539
|
var handleDateChange = function handleDateChange(date) {
|
|
10581
10540
|
setSelectedDate(date ? date == null ? void 0 : date.$d : null);
|
|
@@ -10629,37 +10588,14 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10629
10588
|
className: "datefilter"
|
|
10630
10589
|
}, React.createElement("div", {
|
|
10631
10590
|
className: "dateiconcontainer"
|
|
10632
|
-
}, React.createElement(StatusIcon, null)), React.createElement(StyledAntSelect$d, null, React.createElement(Select, {
|
|
10633
|
-
options: zoneOptions,
|
|
10634
|
-
className: "custom-select",
|
|
10635
|
-
placeholder: "Status of Order",
|
|
10636
|
-
onChange: function onChange() {},
|
|
10637
|
-
style: {
|
|
10638
|
-
minWidth: '115px'
|
|
10639
|
-
},
|
|
10640
|
-
maxTagCount: 0,
|
|
10641
|
-
maxTagPlaceholder: function maxTagPlaceholder(omittedValues) {
|
|
10642
|
-
return React.createElement(Tooltip, {
|
|
10643
|
-
overlayStyle: {
|
|
10644
|
-
pointerEvents: 'none'
|
|
10645
|
-
},
|
|
10646
|
-
title: omittedValues.map(function (_ref) {
|
|
10647
|
-
var label = _ref.label;
|
|
10648
|
-
return label;
|
|
10649
|
-
}).join(', ')
|
|
10650
|
-
}, React.createElement("span", null, omittedValues.length + " selected"));
|
|
10651
|
-
}
|
|
10652
|
-
}))), React.createElement("div", {
|
|
10653
|
-
className: "datefilter"
|
|
10654
|
-
}, React.createElement("div", {
|
|
10655
|
-
className: "dateiconcontainer"
|
|
10656
10591
|
}, React.createElement(ClientIcon, null)), React.createElement(StyledAntSelect$d, null, React.createElement(Select, {
|
|
10657
10592
|
options: clientOptions,
|
|
10658
10593
|
className: "custom-select",
|
|
10659
10594
|
placeholder: "Client",
|
|
10660
10595
|
onChange: handleClientChange,
|
|
10661
10596
|
style: {
|
|
10662
|
-
width: '125px'
|
|
10597
|
+
width: '125px',
|
|
10598
|
+
border: 'none'
|
|
10663
10599
|
},
|
|
10664
10600
|
maxTagCount: 0,
|
|
10665
10601
|
maxTagPlaceholder: function maxTagPlaceholder(omittedValues) {
|
|
@@ -10667,32 +10603,8 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10667
10603
|
overlayStyle: {
|
|
10668
10604
|
pointerEvents: 'none'
|
|
10669
10605
|
},
|
|
10670
|
-
title: omittedValues.map(function (
|
|
10671
|
-
var label =
|
|
10672
|
-
return label;
|
|
10673
|
-
}).join(', ')
|
|
10674
|
-
}, React.createElement("span", null, omittedValues.length + " selected"));
|
|
10675
|
-
}
|
|
10676
|
-
}))), React.createElement("div", {
|
|
10677
|
-
className: "datefilter"
|
|
10678
|
-
}, React.createElement("div", {
|
|
10679
|
-
className: "dateiconcontainer"
|
|
10680
|
-
}, React.createElement(AssigneIcon, null)), React.createElement(StyledAntSelect$d, null, React.createElement(Select, {
|
|
10681
|
-
options: zoneOptions,
|
|
10682
|
-
className: "custom-select",
|
|
10683
|
-
placeholder: "Asignee",
|
|
10684
|
-
onChange: function onChange() {},
|
|
10685
|
-
style: {
|
|
10686
|
-
minWidth: '100px'
|
|
10687
|
-
},
|
|
10688
|
-
maxTagCount: 0,
|
|
10689
|
-
maxTagPlaceholder: function maxTagPlaceholder(omittedValues) {
|
|
10690
|
-
return React.createElement(Tooltip, {
|
|
10691
|
-
overlayStyle: {
|
|
10692
|
-
pointerEvents: 'none'
|
|
10693
|
-
},
|
|
10694
|
-
title: omittedValues.map(function (_ref3) {
|
|
10695
|
-
var label = _ref3.label;
|
|
10606
|
+
title: omittedValues.map(function (_ref) {
|
|
10607
|
+
var label = _ref.label;
|
|
10696
10608
|
return label;
|
|
10697
10609
|
}).join(', ')
|
|
10698
10610
|
}, React.createElement("span", null, omittedValues.length + " selected"));
|
|
@@ -10701,7 +10613,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10701
10613
|
};
|
|
10702
10614
|
var StyledDatePicker = /*#__PURE__*/styled.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
10703
10615
|
// const DropdownContainer = styled.div``;
|
|
10704
|
-
var StyledAntSelect$d = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-select {\n border: none;\n width: 80px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n"])));
|
|
10616
|
+
var StyledAntSelect$d = /*#__PURE__*/styled.div(_templateObject2$1G || (_templateObject2$1G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n"])));
|
|
10705
10617
|
|
|
10706
10618
|
var _templateObject$2k, _templateObject2$1H;
|
|
10707
10619
|
var ReturnAfterTable = function ReturnAfterTable() {
|