ordering-ui-admin-external 1.4.4 → 1.5.0

package/_modules/components/BusinessIntelligence/ReportsOrderDistance/index.js

@@ -1,152 +1,100 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReportsOrderDistance = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
-
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
-
 var _styles = require("../../../styles");
-
 var _AnalyticsCalendar = require("../AnalyticsCalendar");
-
 var _reactBootstrapIcons = require("react-bootstrap-icons");
-
 var _polished = require("polished");
-
 var _Shared = require("../../Shared");
-
 var _AnalyticsBusinessFilter = require("../AnalyticsBusinessFilter");
-
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
-
 var _ReportsBarChart = require("../ReportsBarChart");
-
 var _styles2 = require("./styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
   var _filterList$franchise, _reportData$content8, _reportData$content8$, _reportData$content8$2, _reportData$content9, _reportData$content9$, _reportData$content9$2, _reportData$content10, _reportData$content11, _reportData$content12, _reportData$content13, _reportData$content14, _reportData$content15, _reportData$content16, _reportData$content17, _reportData$content18, _reportData$content19;
-
   var filterList = props.filterList,
-      handleChangeFilterList = props.handleChangeFilterList,
-      reportData = props.reportData;
-
+    handleChangeFilterList = props.handleChangeFilterList,
+    reportData = props.reportData;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
-      _useLanguage2 = _slicedToArray(_useLanguage, 2),
-      t = _useLanguage2[1];
-
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
   var tableRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isBusinessFilter = _useState2[0],
-      setIsBusinessFilter = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isBusinessFilter = _useState2[0],
+    setIsBusinessFilter = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isBrandFilter = _useState4[0],
-      setIsBrandFilter = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isBrandFilter = _useState4[0],
+    setIsBrandFilter = _useState4[1];
   var _useState5 = (0, _react.useState)(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      chartData = _useState6[0],
-      setChartData = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    chartData = _useState6[0],
+    setChartData = _useState6[1];
   var handleChangeDate = function handleChangeDate(date1, date2) {
     handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
       from: date1,
       to: date2
     }));
   };
-
   var generateChartValues = function generateChartValues() {
     var _reportData$content, _reportData$content$h, _reportData$content$h2;
-
     if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content = reportData.content) === null || _reportData$content === void 0 ? void 0 : (_reportData$content$h = _reportData$content.header) === null || _reportData$content$h === void 0 ? void 0 : (_reportData$content$h2 = _reportData$content$h.rows[0]) === null || _reportData$content$h2 === void 0 ? void 0 : _reportData$content$h2.length) > 1) {
       var chartValues = [];
-
       var _loop = function _loop(i) {
         var _reportData$content3, _reportData$content3$, _reportData$content3$2;
-
         var values = reportData === null || reportData === void 0 ? void 0 : (_reportData$content3 = reportData.content) === null || _reportData$content3 === void 0 ? void 0 : (_reportData$content3$ = _reportData$content3.body) === null || _reportData$content3$ === void 0 ? void 0 : (_reportData$content3$2 = _reportData$content3$.rows) === null || _reportData$content3$2 === void 0 ? void 0 : _reportData$content3$2.reduce(function (prev, cur) {
           return [].concat(_toConsumableArray(prev), [cur[i * 2].value]);
         }, []);
         chartValues.push(_toConsumableArray(values));
       };
-
       for (var i = 1; i < (reportData === null || reportData === void 0 ? void 0 : (_reportData$content2 = reportData.content) === null || _reportData$content2 === void 0 ? void 0 : (_reportData$content2$ = _reportData$content2.header) === null || _reportData$content2$ === void 0 ? void 0 : (_reportData$content2$2 = _reportData$content2$.rows[0]) === null || _reportData$content2$2 === void 0 ? void 0 : _reportData$content2$2.length); i++) {
         var _reportData$content2, _reportData$content2$, _reportData$content2$2;
-
         _loop(i);
       }
-
       return chartValues;
     }
   };
-
   var generateChartLabels = function generateChartLabels() {
     var _reportData$content4, _reportData$content4$, _reportData$content4$2;
-
     var labels = [];
-
     if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content4 = reportData.content) === null || _reportData$content4 === void 0 ? void 0 : (_reportData$content4$ = _reportData$content4.header) === null || _reportData$content4$ === void 0 ? void 0 : (_reportData$content4$2 = _reportData$content4$.rows[0]) === null || _reportData$content4$2 === void 0 ? void 0 : _reportData$content4$2.length) > 1) {
       var _reportData$content5, _reportData$content5$, _reportData$content5$2;
-
       labels = _toConsumableArray(reportData === null || reportData === void 0 ? void 0 : (_reportData$content5 = reportData.content) === null || _reportData$content5 === void 0 ? void 0 : (_reportData$content5$ = _reportData$content5.body) === null || _reportData$content5$ === void 0 ? void 0 : (_reportData$content5$2 = _reportData$content5$.rows) === null || _reportData$content5$2 === void 0 ? void 0 : _reportData$content5$2.reduce(function (prev, cur) {
         return [].concat(_toConsumableArray(prev), [cur[0].value]);
       }, []));
     }
-
     return labels;
   };
-
   var generateDataSets = function generateDataSets() {
     var chartValues = generateChartValues();
     var chartData = [];
     chartValues && chartValues.forEach(function (value, i) {
       var _reportData$content$h3, _reportData$content6, _reportData$content6$;
-
       chartData.push({
         label: (_reportData$content$h3 = reportData === null || reportData === void 0 ? void 0 : (_reportData$content6 = reportData.content) === null || _reportData$content6 === void 0 ? void 0 : (_reportData$content6$ = _reportData$content6.header) === null || _reportData$content6$ === void 0 ? void 0 : _reportData$content6$.rows[0][i + 1].value) !== null && _reportData$content$h3 !== void 0 ? _reportData$content$h3 : '',
         data: value,
@@ -160,16 +108,13 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     });
     return chartData;
   };
-
   var downloadCSV = function downloadCSV() {
     var _reportData$content7, _reportData$content7$, _reportData$content7$2;
-
     if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content7 = reportData.content) === null || _reportData$content7 === void 0 ? void 0 : (_reportData$content7$ = _reportData$content7.body) === null || _reportData$content7$ === void 0 ? void 0 : (_reportData$content7$2 = _reportData$content7$.rows) === null || _reportData$content7$2 === void 0 ? void 0 : _reportData$content7$2.length) === 0) return;
     var csv = '';
     reportData.content.header.rows.forEach(function (tr) {
       tr.forEach(function (th) {
         csv += "".concat(th.value, ",");
-
         for (var i = 1; i < th.colspan; i++) {
           csv += ' ,';
         }
@@ -180,7 +125,6 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     reportData.content.body.rows.forEach(function (tr) {
       tr.forEach(function (th) {
         csv += "".concat(th.value, ",");
-
         for (var i = 1; i < th.colspan; i++) {
           csv += ' ,';
         }
@@ -191,7 +135,6 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     reportData.content.footer.rows.forEach(function (tr) {
       tr.forEach(function (th) {
         csv += "".concat(th.value, ",");
-
         for (var i = 1; i < th.colspan; i++) {
           csv += ' ,';
         }
@@ -209,7 +152,6 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     downloadLink.click();
     document.body.removeChild(downloadLink);
   };
-
   (0, _react.useEffect)(function () {
     var data = {
       labels: generateChartLabels(),
@@ -305,14 +247,11 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     }
   }))));
 };
-
 var ReportsOrderDistance = function ReportsOrderDistance(props) {
   var reportsOrderDistanceProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ReportsOrderDistanceUI,
     endpoint: 'order_distance_ranges'
   });
-
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.AdvancedReports, reportsOrderDistanceProps);
 };
-
 exports.ReportsOrderDistance = ReportsOrderDistance;

package/_modules/components/BusinessIntelligence/ReportsOrderDistance/styles.js

@@ -1,129 +1,85 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Title = exports.Thead = exports.Tfoot = exports.Tbody = exports.TableWrapper = exports.ReportsDistanceContainer = exports.EmptyContent = exports.DistanceTitleBlock = exports.DistanceTable = exports.DistancePerBrandWrapper = exports.CalendarWrapper = exports.ButtonActionList = exports.BrandBusinessWrapper = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var ReportsDistanceContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 35px 15px;\n  width: 100%;\n\n  @media (min-width: 700px) {\n    padding: 35px;\n  }\n"])));
-
 exports.ReportsDistanceContainer = ReportsDistanceContainer;
-
 var Title = _styledComponents.default.h2(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 20px;\n  color: ", ";\n  margin-top: 0;\n  margin-bottom: 30px;\n"])), function (props) {
   var _props$theme;
-
   return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.colors.headingColor;
 });
-
 exports.Title = Title;
-
 var ButtonActionList = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n"])));
-
 exports.ButtonActionList = ButtonActionList;
-
 var CalendarWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: relative;\n\n  > button {\n    margin-top: 5px;\n    padding: 7px 15px;\n    color: ", ";\n    background: ", ";\n    border-radius: 7.6px;\n    border: none;\n    text-align: left;\n    margin-left: 10px;\n\n    ", "\n\n    svg {\n      font-size: 16px;\n      margin-right: 12px;\n\n      ", "\n    }\n  }\n"])), function (props) {
   var _props$theme2;
-
   return (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.colors.secundaryContrast;
 }, function (props) {
   var _props$theme3;
-
   return (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.colors.secundary;
 }, function (props) {
   var _props$theme4;
-
   return ((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.rtl) && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n      margin-left: 0;\n    "])));
 }, function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        margin-right: 0;\n        margin-left: 12px;\n      "])));
 });
-
 exports.CalendarWrapper = CalendarWrapper;
 var BrandBusinessWrapper = (0, _styledComponents.default)(CalendarWrapper)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n\n  > button {\n    margin-right: 10px;\n    margin-left: 0;\n\n  ", "\n  }\n"])), function (props) {
   var _props$theme5;
-
   return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-left: 10px;\n    margin-right: 0;\n  "])));
 });
 exports.BrandBusinessWrapper = BrandBusinessWrapper;
-
 var DistancePerBrandWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-top: 25px;\n  padding: 20px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 7.6px;\n"])));
-
 exports.DistancePerBrandWrapper = DistancePerBrandWrapper;
-
 var DistanceTitleBlock = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n\n  h2 {\n    font-weight: 600;\n    font-size: 12px;\n    margin: 0;\n    text-transform: uppercase;\n  }\n\n  svg {\n    font-size: 16px;\n    color: #212121;\n    cursor: pointer;\n  }\n\n  ", "\n"])), function (_ref) {
   var active = _ref.active;
   return !active && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    svg {\n      cursor: not-allowed;\n    }\n  "])));
 });
-
 exports.DistanceTitleBlock = DistanceTitleBlock;
-
 var DistanceTable = _styledComponents.default.table(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 100%;\n  min-width: 500px;\n"])));
-
 exports.DistanceTable = DistanceTable;
-
 var Thead = _styledComponents.default.thead(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0px;\n  background: ", ";\n  border-bottom: 1px solid ", ";\n\n  tr {\n    th {\n      padding: 12px 5px;\n      font-weight: 500;\n      font-size: 12px;\n\n      &:not(:first-child) {\n        text-align: center;\n      }\n\n      &:not(:first-child):not(:last-child) {\n        border-left: 1px solid ", ";\n        border-right: 1px solid ", ";\n      }\n    }\n    &:not(:first-child) {\n      th {\n        &:nth-child(even) {\n          border-right: 1px solid transparent !important;\n        }\n        &:nth-child(odd) {\n          border-left: 1px solid transparent !important;\n        }\n      }\n    }\n  }\n"])), function (props) {
   var _props$theme$colors;
-
   return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
 }, function (props) {
   var _props$theme6;
-
   return (_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.colors.secundaryDarkContrast;
 }, function (props) {
   var _props$theme7;
-
   return (_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.colors.secundaryDarkContrast;
 }, function (props) {
   var _props$theme8;
-
   return (_props$theme8 = props.theme) === null || _props$theme8 === void 0 ? void 0 : _props$theme8.colors.secundaryDarkContrast;
 });
-
 exports.Thead = Thead;
-
 var Tbody = _styledComponents.default.tbody(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid ", ";\n\n  tr {\n    td {\n      padding: 12px 5px;\n      font-size: 12px;\n      text-align: center;\n      color: ", ";\n\n      &:not(:first-child):not(:last-child) {\n        border-left: 1px solid ", ";\n        border-right: 1px solid ", ";\n      }\n\n      &:nth-child(even) {\n        border-right: 1px solid transparent !important;\n      }\n      &:nth-child(odd) {\n        border-left: 1px solid transparent !important;\n      }\n\n      &:first-child {\n        text-align: left;\n        color: ", ";\n      }\n    }\n  }\n"])), function (props) {
   var _props$theme9;
-
   return (_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.colors.secundaryDarkContrast;
 }, function (props) {
   var _props$theme10;
-
   return (_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.colors.lightGray;
 }, function (props) {
   var _props$theme11;
-
   return (_props$theme11 = props.theme) === null || _props$theme11 === void 0 ? void 0 : _props$theme11.colors.secundaryDarkContrast;
 }, function (props) {
   var _props$theme12;
-
   return (_props$theme12 = props.theme) === null || _props$theme12 === void 0 ? void 0 : _props$theme12.colors.secundaryDarkContrast;
 }, function (props) {
   var _props$theme13;
-
   return (_props$theme13 = props.theme) === null || _props$theme13 === void 0 ? void 0 : _props$theme13.colors.headingColor;
 });
-
 exports.Tbody = Tbody;
-
 var Tfoot = _styledComponents.default.tfoot(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  tr {\n    td {\n      font-weight: 500;\n      font-size: 12px;\n      padding: 12px 0;\n\n      &:not(:first-child) {\n        text-align: center;\n      }\n    }\n  }\n"])));
-
 exports.Tfoot = Tfoot;
-
 var TableWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  width: 100%;\n  overflow: auto;\n  max-height: 350px;\n"])));
-
 exports.TableWrapper = TableWrapper;
-
 var EmptyContent = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n"])));
-
 exports.EmptyContent = EmptyContent;

package/_modules/components/BusinessIntelligence/ReportsOrderStatus/index.js

@@ -1,132 +1,89 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReportsOrderStatus = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
-
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
-
 var _styles = require("../../../styles");
-
 var _reactBootstrapIcons = require("react-bootstrap-icons");
-
 var _AnalyticsCalendar = require("../AnalyticsCalendar");
-
 var _Shared = require("../../Shared");
-
 var _AnalyticsBusinessFilter = require("../AnalyticsBusinessFilter");
-
 var _ReportsOrderTypeFilter = require("../ReportsOrderTypeFilter");
-
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
-
 var _styles2 = require("./styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
   var _filterList$franchise, _reportData$content2, _reportData$content2$, _reportData$content2$2, _reportData$content3, _reportData$content3$, _reportData$content3$2, _reportData$content4, _reportData$content4$, _reportData$content5, _reportData$content5$, _reportData$content6, _reportData$content6$, _reportData$content7, _reportData$content7$, _reportData$content8, _reportData$content8$, _reportData1$content, _reportData1$content$, _reportData1$content$2, _reportData1$content2, _reportData1$content3, _reportData1$content4, _reportData$content9, _reportData$content9$, _reportData1$content5, _reportData1$content6, _reportData1$content7, _reportData1$content8, _reportData1$content9, _reportData1$content10, _reportData1$content11, _reportData1$content12;
-
   var filterList = props.filterList,
-      handleChangeFilterList = props.handleChangeFilterList,
-      reportData = props.reportData,
-      reportData1 = props.reportData1;
-
+    handleChangeFilterList = props.handleChangeFilterList,
+    reportData = props.reportData,
+    reportData1 = props.reportData1;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
-      _useLanguage2 = _slicedToArray(_useLanguage, 2),
-      t = _useLanguage2[1];
-
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
   var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
-      _useUtils2 = _slicedToArray(_useUtils, 1),
-      parsePrice = _useUtils2[0].parsePrice;
-
+    _useUtils2 = _slicedToArray(_useUtils, 1),
+    parsePrice = _useUtils2[0].parsePrice;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isBusinessFilter = _useState2[0],
-      setIsBusinessFilter = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isBusinessFilter = _useState2[0],
+    setIsBusinessFilter = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isBrandFilter = _useState4[0],
-      setIsBrandFilter = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isBrandFilter = _useState4[0],
+    setIsBrandFilter = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isOrderTypeFilter = _useState6[0],
-      setIsOrderTypeFilter = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOrderTypeFilter = _useState6[0],
+    setIsOrderTypeFilter = _useState6[1];
   var _useState7 = (0, _react.useState)({
-    open: false,
-    content: []
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      alertState = _useState8[0],
-      setAlertState = _useState8[1];
-
+      open: false,
+      content: []
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    alertState = _useState8[0],
+    setAlertState = _useState8[1];
   var tableRef = (0, _react.useRef)(null);
-
   var handleChangeDate = function handleChangeDate(date1, date2) {
     handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
       from: date1,
       to: date2
     }));
   };
-
   var closeAlert = function closeAlert() {
     setAlertState({
       open: false,
       content: []
     });
   };
-
   var downloadCSV = function downloadCSV(name) {
     var _reportData$content, _reportData$content$b, _reportData$content$b2;
-
     if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content = reportData.content) === null || _reportData$content === void 0 ? void 0 : (_reportData$content$b = _reportData$content.body) === null || _reportData$content$b === void 0 ? void 0 : (_reportData$content$b2 = _reportData$content$b.rows) === null || _reportData$content$b2 === void 0 ? void 0 : _reportData$content$b2.length) === 0) return;
     var csv = '';
     reportData.content.header.rows.forEach(function (tr) {
       tr.forEach(function (th) {
         csv += "".concat(th.value, ",");
-
         for (var i = 1; i < th.colspan; i++) {
           csv += ' ,';
         }
@@ -137,7 +94,6 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     reportData.content.body.rows.forEach(function (tr) {
       tr.forEach(function (th) {
         if (th.value_unit === 'currency') csv += "".concat(th.value, "$,");else csv += "".concat(th.value, ",");
-
         for (var i = 1; i < th.colspan; i++) {
           csv += ' ,';
         }
@@ -148,7 +104,6 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     reportData.content.footer.rows.forEach(function (tr) {
       tr.forEach(function (th) {
         csv += "".concat(th.value, ",");
-
         for (var i = 1; i < th.colspan; i++) {
           csv += ' ,';
         }
@@ -166,7 +121,6 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     downloadLink.click();
     document.body.removeChild(downloadLink);
   };
-
   (0, _react.useEffect)(function () {
     if (reportData !== null && reportData !== void 0 && reportData.error) {
       setAlertState({
@@ -328,15 +282,12 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     closeOnBackdrop: false
   }));
 };
-
 var ReportsOrderStatus = function ReportsOrderStatus(props) {
   var reportsDriverScheduleProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: ReportsOrderStatusUI,
     endpoint: 'business_orders_count_sales',
     endpoint1: 'franchise_orders_count_sales'
   });
-
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.AdvancedReports, reportsDriverScheduleProps);
 };
-
 exports.ReportsOrderStatus = ReportsOrderStatus;