@bjsdistribution/dms-client-return 0.1.63-prod → 0.1.64-prod
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 +123 -36
- 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 +123 -36
- package/dist/dms-client-return.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx +2 -0
- package/src/components/order-daily-overview/table/ReturnTable.tsx +41 -39
- package/src/components/order-daily-overview/table/table-data/styles.ts +4 -1
|
@@ -2389,11 +2389,11 @@ var OptionsListLi = /*#__PURE__*/styled.li(_templateObject2$2 || (_templateObjec
|
|
|
2389
2389
|
});
|
|
2390
2390
|
|
|
2391
2391
|
var _templateObject$5, _templateObject2$3, _templateObject3$2, _templateObject4$2, _templateObject34, _templateObject35, _templateObject36, _templateObject37;
|
|
2392
|
-
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width:
|
|
2392
|
+
var ColumStyle = /*#__PURE__*/styled.div(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 7px;\n"])));
|
|
2393
2393
|
var GreyBox = /*#__PURE__*/styled.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n padding: 3px 12px;\n align-items: flex-start;\n gap: 24px;\n border-radius: 6px;\n background: rgba(153, 153, 153, 0.1);\n"])));
|
|
2394
2394
|
// Styled components
|
|
2395
2395
|
var StyledTableWrapper = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n max-height: calc(100vh - 396px);\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"])));
|
|
2396
|
-
var StyledTable = /*#__PURE__*/styled.table(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n /* min-width: 1600px; */\n thead {\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 12px;\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 max-height: 400px;\n overflow-y: auto;\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\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\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 }\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"])));
|
|
2396
|
+
var StyledTable = /*#__PURE__*/styled.table(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-spacing: 0 10px;\n width: 100%;\n table-layout: fixed;\n /* min-width: 1600px; */\n thead {\n position: sticky;\n top: 10px;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 0;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 12px;\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 max-height: 400px;\n overflow-y: auto;\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 word-break: break-word;\n\n .shareIconContainer {\n display: flex;\n width: 24px;\n height: 24px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n cursor: pointer;\n }\n .statuscontainer {\n display: flex;\n padding: 6px 10px;\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 }\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"])));
|
|
2397
2397
|
var EmptyDataContainer = /*#__PURE__*/styled.div(_templateObject34 || (_templateObject34 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
2398
2398
|
var ClearAll = /*#__PURE__*/styled.div(_templateObject35 || (_templateObject35 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-radius: 20px;\n border: 1px solid #edebe8;\n background: #fff;\n display: flex;\n padding: 6px 6px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n\n &.active {\n background: #313130;\n & > div {\n color: #fff;\n }\n }\n"])));
|
|
2399
2399
|
var StyledFilterBtnIcon = /*#__PURE__*/styled.div(_templateObject36 || (_templateObject36 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n width: 24px;\n height: 24px;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid #e2e0db;\n background: #b2b3b3;\n .cross {\n position: relative;\n &:after {\n display: inline-block;\n content: 'X';\n font-style: normal;\n font-size: 14px;\n color: #000;\n }\n }\n"])));
|
|
@@ -2696,7 +2696,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2696
2696
|
}
|
|
2697
2697
|
}, React.createElement("div", {
|
|
2698
2698
|
className: "sortIconClass"
|
|
2699
|
-
}, "Recipient ", renderSortIcon('recipient_name'))), React.createElement("th", null, "Return Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Part"), React.createElement("th", {
|
|
2699
|
+
}, "Recipient ", renderSortIcon('recipient_name'))), React.createElement("th", null, "Client"), React.createElement("th", null, "Return Action"), React.createElement("th", null, "Code"), React.createElement("th", null, "Description"), React.createElement("th", null, "Part"), React.createElement("th", {
|
|
2700
2700
|
onClick: function onClick() {
|
|
2701
2701
|
return handleSort('weight');
|
|
2702
2702
|
}
|
|
@@ -2723,6 +2723,7 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2723
2723
|
}))) : (sortedData == null ? void 0 : sortedData.length) === 0 ? React.createElement("tr", null, React.createElement("td", {
|
|
2724
2724
|
colSpan: 14
|
|
2725
2725
|
}, React.createElement(EmptyDataContainer, null, React.createElement(Empty, null)))) : sortedData == null ? void 0 : sortedData.map(function (item, index) {
|
|
2726
|
+
var _item$client_name;
|
|
2726
2727
|
return React.createElement("tr", {
|
|
2727
2728
|
key: item.id
|
|
2728
2729
|
}, React.createElement("td", null, (item == null ? void 0 : item.product_return_action) === 'RTS' && (item == null ? void 0 : item.return_location) !== 'null' && (item == null ? void 0 : item.return_location) !== null ? React.createElement(Checkbox, {
|
|
@@ -2752,7 +2753,9 @@ var ReturnOrderTable = function ReturnOrderTable() {
|
|
|
2752
2753
|
style: {
|
|
2753
2754
|
color: '#888075'
|
|
2754
2755
|
}
|
|
2755
|
-
}, displayValueOrNA(item == null ? void 0 : item.postcode)))), React.createElement("td",
|
|
2756
|
+
}, displayValueOrNA(item == null ? void 0 : item.postcode)))), React.createElement("td", {
|
|
2757
|
+
title: (_item$client_name = item == null ? void 0 : item.client_name) != null ? _item$client_name : ''
|
|
2758
|
+
}, displayValueOrNA(item == null ? void 0 : item.client_name)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.product_return_action)), 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.part)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight), ' ', item != null && item.weight && (item == null ? void 0 : item.weight) !== null ? WEIGHT_UNIT : ''), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.cube)), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.return_reason)), React.createElement("td", null, item != null && item.collected_at ? format(new Date(item == null ? void 0 : item.collected_at), 'dd/MM/yyyy') : 'UNKNOWN'), React.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.collection_reason)), React.createElement("td", null, React.createElement("ul", {
|
|
2756
2759
|
className: "actionbox"
|
|
2757
2760
|
}, React.createElement(CustomDrop, {
|
|
2758
2761
|
ref: dropdownRefParent,
|
|
@@ -18790,52 +18793,84 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18790
18793
|
};
|
|
18791
18794
|
return React.createElement(React.Fragment, null, React.createElement(StyledTableWrapper, null, React.createElement(StyledTable, null, React.createElement("thead", null, React.createElement("tr", null, [{
|
|
18792
18795
|
label: 'Trading Name',
|
|
18793
|
-
key: 'trading_as'
|
|
18796
|
+
key: 'trading_as',
|
|
18797
|
+
width: '180px',
|
|
18798
|
+
align: 'left'
|
|
18794
18799
|
}, {
|
|
18795
18800
|
label: 'Client',
|
|
18796
|
-
key: 'customer_name'
|
|
18801
|
+
key: 'customer_name',
|
|
18802
|
+
width: '180px',
|
|
18803
|
+
align: 'center'
|
|
18797
18804
|
}, {
|
|
18798
18805
|
label: 'Orders',
|
|
18799
|
-
key: 'orders'
|
|
18806
|
+
key: 'orders',
|
|
18807
|
+
width: '90px',
|
|
18808
|
+
align: 'center'
|
|
18800
18809
|
}, {
|
|
18801
18810
|
label: 'Products',
|
|
18802
|
-
key: 'return_order_products'
|
|
18811
|
+
key: 'return_order_products',
|
|
18812
|
+
width: '90px',
|
|
18813
|
+
align: 'center'
|
|
18803
18814
|
}, {
|
|
18804
18815
|
label: 'RTS',
|
|
18805
|
-
key: 'RTS'
|
|
18816
|
+
key: 'RTS',
|
|
18817
|
+
width: '80px',
|
|
18818
|
+
align: 'center'
|
|
18806
18819
|
}, {
|
|
18807
18820
|
label: 'Pending',
|
|
18808
|
-
key: 'PENDING'
|
|
18821
|
+
key: 'PENDING',
|
|
18822
|
+
width: '90px',
|
|
18823
|
+
align: 'center'
|
|
18809
18824
|
}, {
|
|
18810
18825
|
label: 'Claims Paid',
|
|
18811
|
-
key: 'CLAIMS PAID'
|
|
18826
|
+
key: 'CLAIMS PAID',
|
|
18827
|
+
width: '110px',
|
|
18828
|
+
align: 'center'
|
|
18812
18829
|
}, {
|
|
18813
18830
|
label: 'Dispose',
|
|
18814
|
-
key: 'DISPOSE'
|
|
18831
|
+
key: 'DISPOSE',
|
|
18832
|
+
width: '90px',
|
|
18833
|
+
align: 'center'
|
|
18815
18834
|
}, {
|
|
18816
18835
|
label: 'Re-allocate',
|
|
18817
|
-
key: 'RE-ALLOCATE'
|
|
18836
|
+
key: 'RE-ALLOCATE',
|
|
18837
|
+
width: '110px',
|
|
18838
|
+
align: 'center'
|
|
18818
18839
|
}, {
|
|
18819
18840
|
label: 'Re-Del',
|
|
18820
|
-
key: 'RE-
|
|
18841
|
+
key: 'RE-Del',
|
|
18842
|
+
width: '90px',
|
|
18843
|
+
align: 'center'
|
|
18821
18844
|
}, {
|
|
18822
18845
|
label: 'Recycle',
|
|
18823
|
-
key: 'RECYCLE'
|
|
18846
|
+
key: 'RECYCLE',
|
|
18847
|
+
width: '90px',
|
|
18848
|
+
align: 'center'
|
|
18824
18849
|
}, {
|
|
18825
18850
|
label: 'Unknown',
|
|
18826
|
-
key: 'UNKNOWN'
|
|
18851
|
+
key: 'UNKNOWN',
|
|
18852
|
+
width: '90px',
|
|
18853
|
+
align: 'center'
|
|
18827
18854
|
}].map(function (_ref) {
|
|
18828
18855
|
var label = _ref.label,
|
|
18829
|
-
key = _ref.key
|
|
18856
|
+
key = _ref.key,
|
|
18857
|
+
width = _ref.width,
|
|
18858
|
+
align = _ref.align;
|
|
18830
18859
|
return React.createElement("th", {
|
|
18831
18860
|
key: key,
|
|
18832
18861
|
onClick: function onClick() {
|
|
18833
18862
|
return handleSort(key);
|
|
18863
|
+
},
|
|
18864
|
+
style: {
|
|
18865
|
+
whiteSpace: 'nowrap',
|
|
18866
|
+
width: width,
|
|
18867
|
+
textAlign: align
|
|
18834
18868
|
}
|
|
18835
18869
|
}, React.createElement("div", {
|
|
18836
18870
|
style: {
|
|
18837
18871
|
display: 'flex',
|
|
18838
|
-
cursor: 'pointer'
|
|
18872
|
+
cursor: 'pointer',
|
|
18873
|
+
justifyContent: align === 'left' ? 'flex-start' : 'center'
|
|
18839
18874
|
}
|
|
18840
18875
|
}, label, " ", React.createElement("span", null, renderSortIcon(key))));
|
|
18841
18876
|
}))), React.createElement("tbody", null, statsLoading ? React.createElement("tr", null, React.createElement("td", {
|
|
@@ -18874,13 +18909,23 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18874
18909
|
style: {
|
|
18875
18910
|
color: '#0099ff',
|
|
18876
18911
|
fontWeight: 600,
|
|
18877
|
-
cursor: 'pointer'
|
|
18912
|
+
cursor: 'pointer',
|
|
18913
|
+
textAlign: 'center'
|
|
18878
18914
|
}
|
|
18879
|
-
}, React.createElement("span", null, rowKey == null ? void 0 : rowKey.customer_name)), React.createElement("td",
|
|
18915
|
+
}, React.createElement("span", null, rowKey == null ? void 0 : rowKey.customer_name)), React.createElement("td", {
|
|
18916
|
+
style: {
|
|
18917
|
+
textAlign: 'center'
|
|
18918
|
+
}
|
|
18919
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$orders = rowKey == null ? void 0 : rowKey.orders) != null ? _rowKey$orders : 0))), React.createElement("td", {
|
|
18920
|
+
style: {
|
|
18921
|
+
textAlign: 'center'
|
|
18922
|
+
}
|
|
18923
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$return_order_ = rowKey == null ? void 0 : rowKey.return_order_products) != null ? _rowKey$return_order_ : 0))), React.createElement("td", {
|
|
18880
18924
|
style: {
|
|
18881
18925
|
color: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? '#0099ff' : 'inherit',
|
|
18882
18926
|
fontWeight: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 600 : 'normal',
|
|
18883
|
-
cursor: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 'pointer' : 'default'
|
|
18927
|
+
cursor: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 'pointer' : 'default',
|
|
18928
|
+
textAlign: 'center'
|
|
18884
18929
|
},
|
|
18885
18930
|
onClick: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? function () {
|
|
18886
18931
|
return handleRedirectRTS(rowKey == null ? void 0 : rowKey.customer_id, 'RTS');
|
|
@@ -18889,7 +18934,35 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18889
18934
|
style: {
|
|
18890
18935
|
backgroundColor: (rowKey == null ? void 0 : rowKey.RTS) > 0 ? 'rgba(99, 150, 229, 0.1)' : 'rgba(153, 153, 153, 0.1)'
|
|
18891
18936
|
}
|
|
18892
|
-
}, (_rowKey$RTS = rowKey == null ? void 0 : rowKey.RTS) != null ? _rowKey$RTS : 0))), React.createElement("td",
|
|
18937
|
+
}, (_rowKey$RTS = rowKey == null ? void 0 : rowKey.RTS) != null ? _rowKey$RTS : 0))), React.createElement("td", {
|
|
18938
|
+
style: {
|
|
18939
|
+
textAlign: 'center'
|
|
18940
|
+
}
|
|
18941
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$PENDING = rowKey == null ? void 0 : rowKey.PENDING) != null ? _rowKey$PENDING : 0))), React.createElement("td", {
|
|
18942
|
+
style: {
|
|
18943
|
+
textAlign: 'center'
|
|
18944
|
+
}
|
|
18945
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$CLAIMSPAID = rowKey == null ? void 0 : rowKey['CLAIMS PAID']) != null ? _rowKey$CLAIMSPAID : 0))), React.createElement("td", {
|
|
18946
|
+
style: {
|
|
18947
|
+
textAlign: 'center'
|
|
18948
|
+
}
|
|
18949
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$DISPOSE = rowKey == null ? void 0 : rowKey.DISPOSE) != null ? _rowKey$DISPOSE : 0))), React.createElement("td", {
|
|
18950
|
+
style: {
|
|
18951
|
+
textAlign: 'center'
|
|
18952
|
+
}
|
|
18953
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$REALLOCATE = rowKey == null ? void 0 : rowKey['RE-ALLOCATE']) != null ? _rowKey$REALLOCATE : 0))), React.createElement("td", {
|
|
18954
|
+
style: {
|
|
18955
|
+
textAlign: 'center'
|
|
18956
|
+
}
|
|
18957
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$REDEL = rowKey == null ? void 0 : rowKey['RE-DEL']) != null ? _rowKey$REDEL : 0))), React.createElement("td", {
|
|
18958
|
+
style: {
|
|
18959
|
+
textAlign: 'center'
|
|
18960
|
+
}
|
|
18961
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$RECYCLE = rowKey == null ? void 0 : rowKey.RECYCLE) != null ? _rowKey$RECYCLE : 0))), React.createElement("td", {
|
|
18962
|
+
style: {
|
|
18963
|
+
textAlign: 'center'
|
|
18964
|
+
}
|
|
18965
|
+
}, React.createElement(ColumStyle, null, React.createElement(GreyBox, null, (_rowKey$UNKNOWN = rowKey == null ? void 0 : rowKey.UNKNOWN) != null ? _rowKey$UNKNOWN : 0))));
|
|
18893
18966
|
};
|
|
18894
18967
|
if (!(key != null && key.children) || (key == null || (_key$children = key.children) == null ? void 0 : _key$children.length) === 0) {
|
|
18895
18968
|
return React.createElement(React.Fragment, {
|
|
@@ -18931,49 +19004,63 @@ var ReturnTable$1 = function ReturnTable() {
|
|
|
18931
19004
|
}
|
|
18932
19005
|
}, React.createElement("tr", null, [{
|
|
18933
19006
|
label: 'Trading Name',
|
|
18934
|
-
key: 'trading_as'
|
|
19007
|
+
key: 'trading_as',
|
|
19008
|
+
width: '180px'
|
|
18935
19009
|
}, {
|
|
18936
19010
|
label: 'Client',
|
|
18937
|
-
key: 'customer_name'
|
|
19011
|
+
key: 'customer_name',
|
|
19012
|
+
width: '180px'
|
|
18938
19013
|
}, {
|
|
18939
19014
|
label: 'Orders',
|
|
18940
|
-
key: 'orders'
|
|
19015
|
+
key: 'orders',
|
|
19016
|
+
width: '90px'
|
|
18941
19017
|
}, {
|
|
18942
19018
|
label: 'Products',
|
|
18943
|
-
key: 'return_order_products'
|
|
19019
|
+
key: 'return_order_products',
|
|
19020
|
+
width: '90px'
|
|
18944
19021
|
}, {
|
|
18945
19022
|
label: 'RTS',
|
|
18946
|
-
key: 'RTS'
|
|
19023
|
+
key: 'RTS',
|
|
19024
|
+
width: '80px'
|
|
18947
19025
|
}, {
|
|
18948
19026
|
label: 'Pending',
|
|
18949
|
-
key: 'PENDING'
|
|
19027
|
+
key: 'PENDING',
|
|
19028
|
+
width: '90px'
|
|
18950
19029
|
}, {
|
|
18951
19030
|
label: 'Claims Paid',
|
|
18952
|
-
key: 'CLAIMS PAID'
|
|
19031
|
+
key: 'CLAIMS PAID',
|
|
19032
|
+
width: '110px'
|
|
18953
19033
|
}, {
|
|
18954
19034
|
label: 'Dispose',
|
|
18955
|
-
key: 'DISPOSE'
|
|
19035
|
+
key: 'DISPOSE',
|
|
19036
|
+
width: '90px'
|
|
18956
19037
|
}, {
|
|
18957
19038
|
label: 'Re-allocate',
|
|
18958
|
-
key: 'RE-ALLOCATE'
|
|
19039
|
+
key: 'RE-ALLOCATE',
|
|
19040
|
+
width: '110px'
|
|
18959
19041
|
}, {
|
|
18960
19042
|
label: 'Re-Del',
|
|
18961
|
-
key: 'RE-
|
|
19043
|
+
key: 'RE-Del',
|
|
19044
|
+
width: '90px'
|
|
18962
19045
|
}, {
|
|
18963
19046
|
label: 'Recycle',
|
|
18964
|
-
key: 'RECYCLE'
|
|
19047
|
+
key: 'RECYCLE',
|
|
19048
|
+
width: '90px'
|
|
18965
19049
|
}, {
|
|
18966
19050
|
label: 'Unknown',
|
|
18967
|
-
key: 'UNKNOWN'
|
|
19051
|
+
key: 'UNKNOWN',
|
|
19052
|
+
width: '90px'
|
|
18968
19053
|
}].map(function (_ref2) {
|
|
18969
19054
|
var label = _ref2.label,
|
|
18970
|
-
thKey = _ref2.key
|
|
19055
|
+
thKey = _ref2.key,
|
|
19056
|
+
width = _ref2.width;
|
|
18971
19057
|
return React.createElement("th", {
|
|
18972
19058
|
key: "hidden-" + thKey,
|
|
18973
19059
|
style: {
|
|
18974
19060
|
padding: '0 15px',
|
|
18975
19061
|
border: 'none',
|
|
18976
|
-
height: 0
|
|
19062
|
+
height: 0,
|
|
19063
|
+
width: width
|
|
18977
19064
|
}
|
|
18978
19065
|
}, React.createElement("div", {
|
|
18979
19066
|
style: {
|