@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
|
@@ -3151,7 +3151,7 @@ function GeneralHeader() {
|
|
|
3151
3151
|
var Section = /*#__PURE__*/styled__default.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"])));
|
|
3152
3152
|
|
|
3153
3153
|
var _templateObject19, _templateObject20, _templateObject21;
|
|
3154
|
-
var StyledTable = /*#__PURE__*/styled__default.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"])));
|
|
3154
|
+
var StyledTable = /*#__PURE__*/styled__default.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"])));
|
|
3155
3155
|
// Styled components
|
|
3156
3156
|
var StyledTableWrapper = /*#__PURE__*/styled__default.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"])));
|
|
3157
3157
|
var CustomDrop = /*#__PURE__*/styled__default.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"])));
|
|
@@ -8816,6 +8816,16 @@ var formatDate$1 = function formatDate(date) {
|
|
|
8816
8816
|
// const seconds = padZero(date.getSeconds());
|
|
8817
8817
|
return year + "-" + month + "-" + day;
|
|
8818
8818
|
};
|
|
8819
|
+
var displayValueOrNA = function displayValueOrNA(value) {
|
|
8820
|
+
var isBlankArray = Array.isArray(value) && value.length === 0;
|
|
8821
|
+
if (value === 0) {
|
|
8822
|
+
return 0;
|
|
8823
|
+
}
|
|
8824
|
+
if (value === 'NA' || value === undefined || value === null || isBlankArray) {
|
|
8825
|
+
return 'NA';
|
|
8826
|
+
}
|
|
8827
|
+
return value;
|
|
8828
|
+
};
|
|
8819
8829
|
|
|
8820
8830
|
var optionsPrint = [{
|
|
8821
8831
|
icon: 'runSheet',
|
|
@@ -9018,7 +9028,7 @@ var ReturnOrderTable = function ReturnOrderTable(_ref) {
|
|
|
9018
9028
|
}, React__default.createElement(dmsComponentLibrary.Checkbox, {
|
|
9019
9029
|
checked: selectAll,
|
|
9020
9030
|
onChange: handleSelectAll
|
|
9021
|
-
})), React__default.createElement("th", null, "Product Location"), React__default.createElement("th", null, "Return Location"), React__default.createElement("th", null, "Recipient"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "
|
|
9031
|
+
})), React__default.createElement("th", null, "Product Location"), React__default.createElement("th", null, "Return Location"), React__default.createElement("th", null, "Recipient"), React__default.createElement("th", null, "Code"), React__default.createElement("th", null, "Description"), React__default.createElement("th", null, "Part"), React__default.createElement("th", null, "Weight"), React__default.createElement("th", null, "CBM"), React__default.createElement("th", null, "Return Reason"), React__default.createElement("th", null, "Collected"), React__default.createElement("th", null, "Collection Reason"), React__default.createElement("th", {
|
|
9022
9032
|
className: "emailInvoiceShare"
|
|
9023
9033
|
}, "Labels"))), React__default.createElement("tbody", null, loadingskeleton ? React__default.createElement("tr", null, React__default.createElement("td", {
|
|
9024
9034
|
colSpan: 6
|
|
@@ -9039,7 +9049,9 @@ var ReturnOrderTable = function ReturnOrderTable(_ref) {
|
|
|
9039
9049
|
onChange: function onChange() {
|
|
9040
9050
|
return handleSelectOrderReturn(item.id, item.return_location, item.return_locations, item.order_product_return_action);
|
|
9041
9051
|
}
|
|
9042
|
-
})), React__default.createElement("td", null,
|
|
9052
|
+
})), React__default.createElement("td", null, item != null && (_item$orders_products = item.orders_products_stock) != null && _item$orders_products.location ? null : React__default.createElement("div", {
|
|
9053
|
+
className: "awaiting"
|
|
9054
|
+
}, "Awating")), React__default.createElement("td", null, " ", displayValueOrNA(item == null ? void 0 : item.return_location)), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
9043
9055
|
style: {
|
|
9044
9056
|
listStyleType: 'none',
|
|
9045
9057
|
padding: 0
|
|
@@ -9050,11 +9062,11 @@ var ReturnOrderTable = function ReturnOrderTable(_ref) {
|
|
|
9050
9062
|
fontWeight: 600,
|
|
9051
9063
|
paddingLeft: 0
|
|
9052
9064
|
}
|
|
9053
|
-
},
|
|
9065
|
+
}, displayValueOrNA(item == null || (_item$order_data = item.order_data) == null || (_item$order_data = _item$order_data.order_recipient) == null ? void 0 : _item$order_data.recipient_name)), React__default.createElement("li", {
|
|
9054
9066
|
style: {
|
|
9055
9067
|
color: '#888075'
|
|
9056
9068
|
}
|
|
9057
|
-
},
|
|
9069
|
+
}, 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__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.code)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.description)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.parts_count)), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.weight), "KG"), React__default.createElement("td", null, displayValueOrNA(item == null ? void 0 : item.cube)), React__default.createElement("td", null, displayValueOrNA(item == null || (_item$return_reasons = item.return_reasons) == null ? void 0 : _item$return_reasons.reason)), React__default.createElement("td", null, "N/A"), React__default.createElement("td", null, displayValueOrNA(item == null || (_item$collection_reas = item.collection_reasons) == null ? void 0 : _item$collection_reas.reason)), React__default.createElement("td", null, React__default.createElement("ul", {
|
|
9058
9070
|
className: "actionbox"
|
|
9059
9071
|
}, React__default.createElement(CustomDrop, {
|
|
9060
9072
|
ref: dropdownRefParent,
|
|
@@ -10418,28 +10430,6 @@ var DateIcon = function DateIcon() {
|
|
|
10418
10430
|
}));
|
|
10419
10431
|
};
|
|
10420
10432
|
|
|
10421
|
-
var StatusIcon = function StatusIcon() {
|
|
10422
|
-
return React__default.createElement("svg", {
|
|
10423
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10424
|
-
width: "13",
|
|
10425
|
-
height: "12",
|
|
10426
|
-
viewBox: "0 0 13 12",
|
|
10427
|
-
fill: "none"
|
|
10428
|
-
}, React__default.createElement("path", {
|
|
10429
|
-
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",
|
|
10430
|
-
stroke: "#6D6B68",
|
|
10431
|
-
"stroke-width": "2",
|
|
10432
|
-
"stroke-linecap": "round",
|
|
10433
|
-
"stroke-linejoin": "round"
|
|
10434
|
-
}), React__default.createElement("path", {
|
|
10435
|
-
d: "M7.8501 4.25L9.6001 6L11.3501 4.25",
|
|
10436
|
-
stroke: "#6D6B68",
|
|
10437
|
-
"stroke-width": "2",
|
|
10438
|
-
"stroke-linecap": "round",
|
|
10439
|
-
"stroke-linejoin": "round"
|
|
10440
|
-
}));
|
|
10441
|
-
};
|
|
10442
|
-
|
|
10443
10433
|
var ClientIcon = function ClientIcon() {
|
|
10444
10434
|
return React__default.createElement("svg", {
|
|
10445
10435
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10453,28 +10443,6 @@ var ClientIcon = function ClientIcon() {
|
|
|
10453
10443
|
}));
|
|
10454
10444
|
};
|
|
10455
10445
|
|
|
10456
|
-
var AssigneIcon = function AssigneIcon() {
|
|
10457
|
-
return React__default.createElement("svg", {
|
|
10458
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
10459
|
-
width: "15",
|
|
10460
|
-
height: "14",
|
|
10461
|
-
viewBox: "0 0 15 14",
|
|
10462
|
-
fill: "none"
|
|
10463
|
-
}, React__default.createElement("g", {
|
|
10464
|
-
"clip-path": "url(#clip0_504_13636)"
|
|
10465
|
-
}, React__default.createElement("path", {
|
|
10466
|
-
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",
|
|
10467
|
-
fill: "#6D6B68"
|
|
10468
|
-
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
|
|
10469
|
-
id: "clip0_504_13636"
|
|
10470
|
-
}, React__default.createElement("rect", {
|
|
10471
|
-
width: "14",
|
|
10472
|
-
height: "14",
|
|
10473
|
-
fill: "white",
|
|
10474
|
-
transform: "translate(0.100098)"
|
|
10475
|
-
}))));
|
|
10476
|
-
};
|
|
10477
|
-
|
|
10478
10446
|
var initialState$2 = {
|
|
10479
10447
|
'x-filters': [],
|
|
10480
10448
|
'x-pagination': {
|
|
@@ -10568,22 +10536,13 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10568
10536
|
var _useState = React.useState(),
|
|
10569
10537
|
selectedDate = _useState[0],
|
|
10570
10538
|
setSelectedDate = _useState[1];
|
|
10571
|
-
|
|
10572
|
-
|
|
10573
|
-
|
|
10574
|
-
},
|
|
10575
|
-
|
|
10576
|
-
|
|
10577
|
-
|
|
10578
|
-
label: 'Zone 3',
|
|
10579
|
-
value: 'zone3'
|
|
10580
|
-
}, {
|
|
10581
|
-
label: 'Zone 4',
|
|
10582
|
-
value: 'zone4'
|
|
10583
|
-
}, {
|
|
10584
|
-
label: 'Zone 5',
|
|
10585
|
-
value: 'zone5'
|
|
10586
|
-
}];
|
|
10539
|
+
// const zoneOptions = [
|
|
10540
|
+
// { label: 'Zone 1', value: 'zone1' },
|
|
10541
|
+
// { label: 'Zone 2', value: 'zone2' },
|
|
10542
|
+
// { label: 'Zone 3', value: 'zone3' },
|
|
10543
|
+
// { label: 'Zone 4', value: 'zone4' },
|
|
10544
|
+
// { label: 'Zone 5', value: 'zone5' },
|
|
10545
|
+
// ];
|
|
10587
10546
|
// date change here
|
|
10588
10547
|
var handleDateChange = function handleDateChange(date) {
|
|
10589
10548
|
setSelectedDate(date ? date == null ? void 0 : date.$d : null);
|
|
@@ -10637,37 +10596,14 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10637
10596
|
className: "datefilter"
|
|
10638
10597
|
}, React__default.createElement("div", {
|
|
10639
10598
|
className: "dateiconcontainer"
|
|
10640
|
-
}, React__default.createElement(StatusIcon, null)), React__default.createElement(StyledAntSelect$d, null, React__default.createElement(antd.Select, {
|
|
10641
|
-
options: zoneOptions,
|
|
10642
|
-
className: "custom-select",
|
|
10643
|
-
placeholder: "Status of Order",
|
|
10644
|
-
onChange: function onChange() {},
|
|
10645
|
-
style: {
|
|
10646
|
-
minWidth: '115px'
|
|
10647
|
-
},
|
|
10648
|
-
maxTagCount: 0,
|
|
10649
|
-
maxTagPlaceholder: function maxTagPlaceholder(omittedValues) {
|
|
10650
|
-
return React__default.createElement(antd.Tooltip, {
|
|
10651
|
-
overlayStyle: {
|
|
10652
|
-
pointerEvents: 'none'
|
|
10653
|
-
},
|
|
10654
|
-
title: omittedValues.map(function (_ref) {
|
|
10655
|
-
var label = _ref.label;
|
|
10656
|
-
return label;
|
|
10657
|
-
}).join(', ')
|
|
10658
|
-
}, React__default.createElement("span", null, omittedValues.length + " selected"));
|
|
10659
|
-
}
|
|
10660
|
-
}))), React__default.createElement("div", {
|
|
10661
|
-
className: "datefilter"
|
|
10662
|
-
}, React__default.createElement("div", {
|
|
10663
|
-
className: "dateiconcontainer"
|
|
10664
10599
|
}, React__default.createElement(ClientIcon, null)), React__default.createElement(StyledAntSelect$d, null, React__default.createElement(antd.Select, {
|
|
10665
10600
|
options: clientOptions,
|
|
10666
10601
|
className: "custom-select",
|
|
10667
10602
|
placeholder: "Client",
|
|
10668
10603
|
onChange: handleClientChange,
|
|
10669
10604
|
style: {
|
|
10670
|
-
width: '125px'
|
|
10605
|
+
width: '125px',
|
|
10606
|
+
border: 'none'
|
|
10671
10607
|
},
|
|
10672
10608
|
maxTagCount: 0,
|
|
10673
10609
|
maxTagPlaceholder: function maxTagPlaceholder(omittedValues) {
|
|
@@ -10675,32 +10611,8 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10675
10611
|
overlayStyle: {
|
|
10676
10612
|
pointerEvents: 'none'
|
|
10677
10613
|
},
|
|
10678
|
-
title: omittedValues.map(function (
|
|
10679
|
-
var label =
|
|
10680
|
-
return label;
|
|
10681
|
-
}).join(', ')
|
|
10682
|
-
}, React__default.createElement("span", null, omittedValues.length + " selected"));
|
|
10683
|
-
}
|
|
10684
|
-
}))), React__default.createElement("div", {
|
|
10685
|
-
className: "datefilter"
|
|
10686
|
-
}, React__default.createElement("div", {
|
|
10687
|
-
className: "dateiconcontainer"
|
|
10688
|
-
}, React__default.createElement(AssigneIcon, null)), React__default.createElement(StyledAntSelect$d, null, React__default.createElement(antd.Select, {
|
|
10689
|
-
options: zoneOptions,
|
|
10690
|
-
className: "custom-select",
|
|
10691
|
-
placeholder: "Asignee",
|
|
10692
|
-
onChange: function onChange() {},
|
|
10693
|
-
style: {
|
|
10694
|
-
minWidth: '100px'
|
|
10695
|
-
},
|
|
10696
|
-
maxTagCount: 0,
|
|
10697
|
-
maxTagPlaceholder: function maxTagPlaceholder(omittedValues) {
|
|
10698
|
-
return React__default.createElement(antd.Tooltip, {
|
|
10699
|
-
overlayStyle: {
|
|
10700
|
-
pointerEvents: 'none'
|
|
10701
|
-
},
|
|
10702
|
-
title: omittedValues.map(function (_ref3) {
|
|
10703
|
-
var label = _ref3.label;
|
|
10614
|
+
title: omittedValues.map(function (_ref) {
|
|
10615
|
+
var label = _ref.label;
|
|
10704
10616
|
return label;
|
|
10705
10617
|
}).join(', ')
|
|
10706
10618
|
}, React__default.createElement("span", null, omittedValues.length + " selected"));
|
|
@@ -10709,7 +10621,7 @@ var ReturnOrderFilter = function ReturnOrderFilter() {
|
|
|
10709
10621
|
};
|
|
10710
10622
|
var StyledDatePicker = /*#__PURE__*/styled__default.div(_templateObject$2j || (_templateObject$2j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n .custom-datepicker {\n border: none;\n }\n"])));
|
|
10711
10623
|
// const DropdownContainer = styled.div``;
|
|
10712
|
-
var StyledAntSelect$d = /*#__PURE__*/styled__default.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"])));
|
|
10624
|
+
var StyledAntSelect$d = /*#__PURE__*/styled__default.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"])));
|
|
10713
10625
|
|
|
10714
10626
|
var _templateObject$2k, _templateObject2$1H;
|
|
10715
10627
|
var ReturnAfterTable = function ReturnAfterTable() {
|