@arcblock/ux 2.5.58 → 2.5.59

package/lib/Datatable/index.js

@@ -5,132 +5,95 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = DataTable;
 exports.getDurableData = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _muiDatatables = _interopRequireWildcard(require("mui-datatables"));
-
 var _react2 = require("@emotion/react");
-
 var _isObject = _interopRequireDefault(require("lodash/isObject"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _Empty = _interopRequireDefault(require("../Empty"));
-
 var _CustomToolbar = _interopRequireDefault(require("./CustomToolbar"));
-
 var _DatatableContext = require("./DatatableContext");
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 const _excluded = ["data", "columns", "locale", "options", "style", "customButtons", "onChange", "loading", "disabled", "stripped", "verticalKeyWidth", "hideTableHeader", "components", "emptyNode", "durable", "durableKeys"];
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 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; }
-
-/**
- * @typedef {{
- *  icon: import('react').ReactElement,
- *  title: string,
- * }} DataTableCustomButton
- */
-
-/**
- * @typedef {{
- *  name: string,
- *  label: string,
- *  width?: number,
- *  options?: {
- *    filter?: boolean,
- *    sort?: boolean,
- *    customBodyRender?: (value: any) => import('react').ReactElement,
- *    customBodyRenderLite?: (index: number) => import('react').ReactElement
- *  } & import('mui-datatables').MUIDataTableColumnOptions
- * } & import('mui-datatables').MUIDataTableColumnDef}  DataTableColumn
- */
-
-/**
- * @typedef {Pick<import('mui-datatables').MUIDataTableState, 'count' | 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder' | 'filterList'>} DataTableState
- */
-
-/**
- * @typedef {{
- *  data: Array<object | number[] | string[]>,
- *  columns: Array<DataTableColumn>,
- *  locale?: string,
- *  options?: import('mui-datatables').MUIDataTableOptions,
- *  style?: import('react').CSSProperties,
- *  customButtons?: Array<DataTableCustomButton>,
- *  onChange?: (state: DataTableState, action: string) => void | Promise<void>,
- *  loading?: boolean,
- *  disabled?: boolean,
- *  stripped?: boolean,
- *  verticalKeyWidth?: number | string,
- *  hideTableHeader?: boolean,
- *  components?: import('react').ReactElement,
- *  emptyNode?: import('react').ReactElement,
- *  durable?: string,
- *  durableKeys?: 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder'
- * } & import('mui-datatables').MUIDataTableProps} DataTableProps
- */
-
-/**
- * @description
- * @export
- * @param {DataTableProps} props
- * @return {import('react').ReactComponentElement}
- */
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable react-hooks/exhaustive-deps */ /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                            * @typedef {{
+                                                                                                                                                                                                                                                                                                                                                                                                                                            *  icon: import('react').ReactElement,
+                                                                                                                                                                                                                                                                                                                                                                                                                                            *  title: string,
+                                                                                                                                                                                                                                                                                                                                                                                                                                            * }} DataTableCustomButton
+                                                                                                                                                                                                                                                                                                                                                                                                                                            */ /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                * @typedef {{
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *  name: string,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *  label: string,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *  width?: number,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *  options?: {
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *    filter?: boolean,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *    sort?: boolean,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *    customBodyRender?: (value: any) => import('react').ReactElement,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *    customBodyRenderLite?: (index: number) => import('react').ReactElement
+                                                                                                                                                                                                                                                                                                                                                                                                                                                *  } & import('mui-datatables').MUIDataTableColumnOptions
+                                                                                                                                                                                                                                                                                                                                                                                                                                                * } & import('mui-datatables').MUIDataTableColumnDef}  DataTableColumn
+                                                                                                                                                                                                                                                                                                                                                                                                                                                */ /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @typedef {Pick<import('mui-datatables').MUIDataTableState, 'count' | 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder' | 'filterList'>} DataTableState
+                                                                                                                                                                                                                                                                                                                                                                                                                                                    */ /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        * @typedef {{
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  data: Array<object | number[] | string[]>,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  columns: Array<DataTableColumn>,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  locale?: string,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  options?: import('mui-datatables').MUIDataTableOptions,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  style?: import('react').CSSProperties,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  customButtons?: Array<DataTableCustomButton>,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  onChange?: (state: DataTableState, action: string) => void | Promise<void>,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  loading?: boolean,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  disabled?: boolean,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  stripped?: boolean,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  verticalKeyWidth?: number | string,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  hideTableHeader?: boolean,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  components?: import('react').ReactElement,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  emptyNode?: import('react').ReactElement,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  durable?: string,
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        *  durableKeys?: 'page' | 'rowsPerPage' | 'searchText' | 'sortOrder'
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        * } & import('mui-datatables').MUIDataTableProps} DataTableProps
+                                                                                                                                                                                                                                                                                                                                                                                                                                                        */ /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @description
+                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @export
+                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @param {DataTableProps} props
+                                                                                                                                                                                                                                                                                                                                                                                                                                                            * @return {import('react').ReactComponentElement}
+                                                                                                                                                                                                                                                                                                                                                                                                                                                            */
 function DataTable(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatatableContext.DatatableProvider, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ReDataTable, _objectSpread({}, props))
   });
 }
-
 const fixCellProp = (tempObj, cellProps) => {
   const cellStyle = {};
-
   if (tempObj.align) {
     cellProps.className = (0, _clsx.default)(cellProps.className, "pc-align-".concat(tempObj.align));
   }
-
   if (tempObj.verticalKeyAlign) {
     cellProps.className = (0, _clsx.default)(cellProps.className, "vertical-align-".concat(tempObj.verticalKeyAlign));
   }
-
   if (tempObj.minWidth) {
     cellStyle.minWidth = tempObj.minWidth;
   }
-
   cellProps.style = Object.assign({}, cellProps.style, cellStyle);
 };
+
 /**
  * @param {Object} props.options The options of mui-datatable，detail see https://github.com/gregnb/mui-datatables/tree/b8d2eee6af4589d254b40918e5d7e70b1ee4baca
  * @param {Array} props.customButtons Custom buttons for toolbar
@@ -138,30 +101,27 @@ const fixCellProp = (tempObj, cellProps) => {
  * @param {Boolean} props.loading For dynamic data, usually used with onChange
  * @returns
  */
-
-
 function ReDataTable(_ref) {
   let {
-    data: originData,
-    columns: originColumns,
-    locale,
-    options,
-    // The options object is usually a property supported by mui-datatable
-    style,
-    customButtons,
-    onChange,
-    loading,
-    disabled,
-    stripped,
-    verticalKeyWidth,
-    hideTableHeader,
-    components,
-    emptyNode,
-    durable,
-    durableKeys
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      data: originData,
+      columns: originColumns,
+      locale,
+      options,
+      // The options object is usually a property supported by mui-datatable
+      style,
+      customButtons,
+      onChange,
+      loading,
+      disabled,
+      stripped,
+      verticalKeyWidth,
+      hideTableHeader,
+      components,
+      emptyNode,
+      durable,
+      durableKeys
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const oldState = (0, _react.useRef)(null);
   const {
     setCustomButtons,
@@ -173,11 +133,11 @@ function ReDataTable(_ref) {
     cursor: 'not-allowed',
     pointerEvents: 'none'
   };
-  const keys = []; // Convert Columns fields to object sets to support the width function
+  const keys = [];
 
+  // Convert Columns fields to object sets to support the width function
   const columns = originColumns.map(e => {
     let tempObj;
-
     if (!(0, _isObject.default)(e)) {
       tempObj = {
         label: e,
@@ -186,81 +146,70 @@ function ReDataTable(_ref) {
     } else {
       tempObj = (0, _cloneDeep.default)(e);
     }
-
     keys.push(tempObj.name);
-
     if (!tempObj.align) {
       // There must be an align default for setCellRender to take effect, this is a bug in mui-datatable
       tempObj.align = 'left';
     }
-
     if (!tempObj.options) {
       tempObj.options = {};
     }
-
     const {
       setCellHeaderProps,
       setCellProps
     } = tempObj.options;
-
     tempObj.options.setCellHeaderProps = function () {
       let cellProps = {
         className: ''
-      }; // Complementing width while inheriting old setCellHeaderProps
+      };
 
+      // Complementing width while inheriting old setCellHeaderProps
       if (setCellHeaderProps && !setCellHeaderProps.__innerFunc) {
         cellProps = _objectSpread(_objectSpread({}, cellProps), setCellHeaderProps(...arguments) || {});
       }
-
       if (loading || disabled) {
         cellProps = _objectSpread(_objectSpread({}, cellProps), {}, {
           style: disabledCellStyle
         });
       }
-
       if (tempObj.width) {
         cellProps.width = tempObj.width;
       }
-
       fixCellProp(tempObj, cellProps);
       return cellProps;
-    }; // Prevent memory xie caused by recursive forwarding of setCellHeaderProps functions
-
+    };
 
+    // Prevent memory xie caused by recursive forwarding of setCellHeaderProps functions
     tempObj.options.setCellHeaderProps.__innerFunc = 1;
-
     if (tempObj.align || tempObj.style) {
       tempObj.options.setCellProps = function () {
         let cellProps = {
           className: ''
-        }; // Complementing width while inheriting old setCellHeaderProps
+        };
 
+        // Complementing width while inheriting old setCellHeaderProps
         if (setCellProps && !setCellProps.__innerFunc) {
           cellProps = _objectSpread(_objectSpread({}, cellProps), setCellProps(...arguments) || {});
         }
-
         fixCellProp(tempObj, cellProps);
         return cellProps;
       };
-
       tempObj.options.setCellProps.__innerFunc = 1;
     }
-
     return tempObj;
-  }); // Fixing object-type structures
+  });
 
+  // Fixing object-type structures
   const data = originData.map(e => {
     if (!Array.isArray(e) && (0, _isObject.default)(e)) {
       return keys.map(key => (0, _get.default)(e, key));
     }
-
     return e;
   });
   (0, _react.useEffect)(() => setCustomButtons(customButtons || []), [customButtons]);
   (0, _react.useEffect)(() => setLoading(loading), [loading]);
   (0, _react.useEffect)(() => setDisabled(disabled), [disabled]);
   let emptyEl;
-
   if (loading) {
     emptyEl = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {});
   } else if ( /*#__PURE__*/(0, _react.isValidElement)(emptyNode)) {
@@ -274,7 +223,6 @@ function ReDataTable(_ref) {
       children: emptyNode || 'No matching records found'
     });
   }
-
   let textLabels = {
     body: {
       noMatch: emptyEl,
@@ -309,7 +257,6 @@ function ReDataTable(_ref) {
       deleteAria: 'Delete Selected Rows'
     }
   };
-
   if (locale === 'zh') {
     textLabels = {
       body: {
@@ -346,10 +293,8 @@ function ReDataTable(_ref) {
       }
     };
   }
-
   (0, _react.useEffect)(() => setFilterLabel(textLabels.filter.title), [textLabels.filter.title]);
   const durableData = getDurableData(durable);
-
   const opts = _objectSpread(_objectSpread(_objectSpread({
     selectableRows: 'none',
     textLabels,
@@ -362,7 +307,6 @@ function ReDataTable(_ref) {
       if (action === 'propsUpdate') {
         return;
       }
-
       const state = {
         count: tableState.count,
         page: tableState.page,
@@ -372,7 +316,6 @@ function ReDataTable(_ref) {
         //
         filterList: tableState.filterList
       };
-
       if (durable) {
         const needSaveState = {};
         durableKeys.forEach(key => {
@@ -380,25 +323,19 @@ function ReDataTable(_ref) {
         });
         localStorage.setItem("datatable-durable-".concat(durable), JSON.stringify(needSaveState));
       }
-
       const stateStr = JSON.stringify(state);
-
       if (stateStr === oldState.current) {
         return;
       }
-
       oldState.current = stateStr;
-
       if (onChange) {
         onChange(state, action);
       }
     }
   });
-
   if (onChange) {
     opts.serverSide = true;
   }
-
   const props = _objectSpread(_objectSpread({
     options: opts
   }, rest), {}, {
@@ -408,7 +345,6 @@ function ReDataTable(_ref) {
       TableFilterList: WrapFilterList
     })
   });
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainer, {
     verticalKeyWidth: verticalKeyWidth,
     className: (0, _clsx.default)({
@@ -422,7 +358,6 @@ function ReDataTable(_ref) {
     }, props))
   });
 }
-
 ReDataTable.propTypes = {
   data: _propTypes.default.array.isRequired,
   columns: _propTypes.default.array.isRequired,
@@ -457,11 +392,9 @@ ReDataTable.defaultProps = {
   durable: '',
   durableKeys: ['page', 'rowsPerPage', 'searchText', 'sortOrder']
 };
-
 const getDurableData = key => {
   const durableKey = "datatable-durable-".concat(key);
   let localData = localStorage[durableKey];
-
   if (localData) {
     try {
       localData = JSON.parse(localData);
@@ -469,10 +402,8 @@ const getDurableData = key => {
       console.error("parse durable data error (key:".concat(key, ") => "), err);
     }
   }
-
   return localData || {};
 };
-
 exports.getDurableData = getDurableData;
 const alignCss = (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiTableCell-head {\n    [class*='MUIDataTableHeadCell-toolButton'] {\n      width: 100%;\n      > [class*='MUIDataTableHeadCell-sortAction'] {\n        width: 100%;\n      }\n    }\n    &.pc-align-center {\n      text-align: center;\n      [class*='MUIDataTableHeadCell-toolButton'] > [class*='MUIDataTableHeadCell-sortAction'] {\n        justify-content: center;\n      }\n    }\n    &.pc-align-right {\n      text-align: right;\n      [class*='MUIDataTableHeadCell-toolButton'] {\n        margin-right: 0;\n        padding-right: 0;\n        & > [class*='MUIDataTableHeadCell-sortAction'] {\n          justify-content: flex-end;\n        }\n      }\n    }\n  }\n  .MuiTableCell-body {\n    &.pc-align-center {\n      text-align: center;\n    }\n    &.pc-align-right {\n      text-align: right;\n    }\n  }\n"])));
 const TableContainer = (0, _Theme.styled)('div', {
@@ -481,17 +412,14 @@ const TableContainer = (0, _Theme.styled)('div', {
   if (inProps.verticalKeyWidth) {
     return "\n        ".concat(inProps.theme.breakpoints.down('md'), " {\n          [class*='MUIDataTable-responsiveBase'] {\n            tr:not([class*='responsiveSimple']) {\n              td.MuiTableCell-body {\n                > div {\n                  &:first-of-type {\n                    width: ").concat(inProps.verticalKeyWidth + (!/\D/.test(inProps.verticalKeyWidth) ? 'px' : ''), ";\n                  }\n                }\n              }\n            }\n          }\n        }\n      ");
   }
-
   return '';
 }, props => props.theme.palette.action.hover);
 const FilterLine = (0, _Theme.styled)('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  .toolbar-filter-content {\n    margin-bottom: 8px;\n  }\n  .toolbar-filter-title {\n    font-weight: 700;\n    font-size: 14px;\n  }\n"])));
-
 function WrapFilterList(props) {
   const {
     filterLabel
   } = (0, _DatatableContext.useDatatableContext)();
   const hasFilter = !!props.filterList.filter(e => e.length).length;
-
   if (hasFilter) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FilterLine, {
       children: [hasFilter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -503,17 +431,14 @@ function WrapFilterList(props) {
       })]
     });
   }
-
   return '';
 }
-
 WrapFilterList.propTypes = {
   filterList: _propTypes.default.array
 };
 WrapFilterList.defaultProps = {
   filterList: []
 };
-
 function WrapTableFooter(props) {
   const {
     loading,
@@ -526,5 +451,4 @@ function WrapTableFooter(props) {
     })
   });
 }
-
 const FooterContainer = (0, _Theme.styled)('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  .datatable-footer {\n    position: relative;\n    margin-left: auto;\n    &.datatable-footer-disabled {\n      position: relative;\n      .MuiTablePagination-root {\n        opacity: 0.6;\n      }\n      &:after {\n        position: absolute;\n        display: block;\n        z-index: 2;\n        width: 100%;\n        height: 100%;\n        left: 0;\n        top: 0;\n        content: '';\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  ", " {\n    .MuiTableCell-footer,\n    .MuiToolbar-gutters {\n      padding: 0;\n    }\n\n    div[variant='standard'] {\n      margin-left: 4px;\n      margin-right: 16px;\n    }\n\n    .MuiTablePagination-actions {\n      margin-left: 10px;\n    }\n  }\n"])), props => props.theme.breakpoints.down('sm'));

package/lib/Datatable/utils.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.handleCSVDownload = handleCSVDownload;
-
 var _find = _interopRequireDefault(require("lodash/find"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function escapeDangerousCSVCharacters(data) {
   if (typeof data === 'string') {
     // Places single quote before the appearance of dangerous characters if they
@@ -17,36 +14,32 @@ function escapeDangerousCSVCharacters(data) {
     // eslint-disable-next-line no-useless-escape
     return data.replace(/^\+|^\-|^\=|^\@/g, "'$&");
   }
-
   return data;
 }
-
 function buildCSV(columns, data, options) {
-  const replaceDoubleQuoteInString = columnData => typeof columnData === 'string' ? columnData.replace(/"/g, '""') : columnData; // eslint-disable-next-line no-shadow
-
+  const replaceDoubleQuoteInString = columnData => typeof columnData === 'string' ? columnData.replace(/"/g, '""') : columnData;
 
+  // eslint-disable-next-line no-shadow
   const buildHead = columns => {
     return "".concat(columns.reduce((soFar, column) => column.download ? "".concat(soFar, "\"").concat(escapeDangerousCSVCharacters(replaceDoubleQuoteInString(column.label || column.name)), "\"").concat(options.downloadOptions.separator) : soFar, '').slice(0, -1), "\r\n");
   };
+  const CSVHead = buildHead(columns);
 
-  const CSVHead = buildHead(columns); // eslint-disable-next-line no-shadow
-
+  // eslint-disable-next-line no-shadow
   const buildBody = data => {
     if (!data.length) return '';
     return data.reduce((soFar, row) => "".concat(soFar, "\"").concat(row.data.filter((_, index) => columns[index].download).map(columnData => escapeDangerousCSVCharacters(replaceDoubleQuoteInString(columnData))).join("\"".concat(options.downloadOptions.separator, "\"")), "\"\r\n"), '').trim();
   };
-
   const CSVBody = buildBody(data);
   const csv = options.onDownload ? options.onDownload(buildHead, buildBody, columns, data) : "".concat(CSVHead).concat(CSVBody).trim();
   return csv;
 }
-
 function downloadCSV(csv, filename) {
   const blob = new Blob([csv], {
     type: 'text/csv'
   });
-  /* taken from react-csv */
 
+  /* taken from react-csv */
   if (navigator && navigator.msSaveOrOpenBlob) {
     navigator.msSaveOrOpenBlob(blob, filename);
   } else {
@@ -60,19 +53,16 @@ function downloadCSV(csv, filename) {
     link.click();
     document.body.removeChild(link);
   }
-} // eslint-disable-next-line no-shadow
-
+}
 
+// eslint-disable-next-line no-shadow
 function createCSVDownload(columns, data, options, downloadCSV) {
   const csv = buildCSV(columns, data, options);
-
   if (options.onDownload && csv === false) {
     return;
   }
-
   downloadCSV(csv, options.downloadOptions.filename);
 }
-
 function handleCSVDownload(props) {
   const {
     data,
@@ -84,11 +74,9 @@ function handleCSVDownload(props) {
   let dataToDownload = [];
   let columnsToDownload = [];
   let columnOrderCopy = Array.isArray(columnOrder) ? columnOrder.slice(0) : [];
-
   if (columnOrderCopy.length === 0) {
     columnOrderCopy = columns.map((item, idx) => idx);
   }
-
   data.forEach(row => {
     const newRow = {
       index: row.index,
@@ -102,20 +90,21 @@ function handleCSVDownload(props) {
   columnOrderCopy.forEach(idx => {
     columnsToDownload.push(columns[idx]);
   });
-
   if (options.downloadOptions && options.downloadOptions.filterOptions) {
     // check rows first:
     if (options.downloadOptions.filterOptions.useDisplayedRowsOnly) {
       const filteredDataToDownload = displayData.map((row, index) => {
-        let i = -1; // Help to preserve sort order in custom render columns
+        let i = -1;
 
+        // Help to preserve sort order in custom render columns
         row.index = index;
         return {
           data: row.data.map(column => {
-            i += 1; // if we have a custom render, which will appear as a react element, we must grab the actual value from data
+            i += 1;
+
+            // if we have a custom render, which will appear as a react element, we must grab the actual value from data
             // that matches the dataIndex and column
             // TODO: Create a utility function for checking whether or not something is a react object
-
             let val = typeof column === 'object' && column !== null && !Array.isArray(column) ? (0, _find.default)(data, d => d.index === row.dataIndex).data[i] : column;
             val = typeof val === 'function' ? (0, _find.default)(data, d => d.index === row.dataIndex).data[i] : val;
             return val;
@@ -133,9 +122,9 @@ function handleCSVDownload(props) {
         });
         dataToDownload.push(newRow);
       });
-    } // now, check columns:
-
+    }
 
+    // now, check columns:
     if (options.downloadOptions.filterOptions.useDisplayedColumnsOnly) {
       columnsToDownload = columnsToDownload.filter(_ => _.display === 'true');
       dataToDownload = dataToDownload.map(row => {
@@ -144,10 +133,8 @@ function handleCSVDownload(props) {
       });
     }
   }
-
   createCSVDownload(columnsToDownload, dataToDownload, options, downloadCSV);
 }
-
 var _default = {
   handleCSVDownload
 };