@geezee/react-ui
Version:
Modern and minimalist React UI library.
785 lines (624 loc) • 240 kB
JavaScript
(function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 617);
/******/ })
/************************************************************************/
/******/ ({
/***/ 2:
/***/ (function(module, exports) {
module.exports = require("styled-jsx/style");
/***/ }),
/***/ 3:
/***/ (function(module, exports) {
module.exports = require("react");
/***/ }),
/***/ 33:
/***/ (function(module, exports) {
module.exports = require("react-dom");
/***/ }),
/***/ 5:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _use_theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "default", function() { return _use_theme__WEBPACK_IMPORTED_MODULE_0__["default"]; });
/***/ }),
/***/ 6:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _theme_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
var useTheme = function useTheme() {
return react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(_theme_context__WEBPACK_IMPORTED_MODULE_1__["default"]);
};
/* harmony default export */ __webpack_exports__["default"] = (useTheme);
/***/ }),
/***/ 617:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(618);
/* harmony default export */ __webpack_exports__["default"] = (_table__WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }),
/***/ 618:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
/* harmony import */ var styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _cfxjs_rc_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(619);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _styles_use_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5);
/* harmony import */ var _ExpandIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(694);
function _extends() { _extends = Object.assign || 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 _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; }
var defaultProps = {
variant: 'solid'
};
function Table(_ref) {
var variant = _ref.variant,
children = _ref.children,
className = _ref.className,
props = _objectWithoutProperties(_ref, ["variant", "children", "className"]);
var theme = Object(_styles_use_theme__WEBPACK_IMPORTED_MODULE_3__["default"])();
var expressiveness = theme.expressiveness,
palette = theme.palette,
layout = theme.layout;
if (props.expandable && !props.expandable.expandIcon) {
props.expandable.expandIcon = _ExpandIcon__WEBPACK_IMPORTED_MODULE_4__["default"];
}
var _styles$className = {
styles: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a, {
id: "845639194",
dynamic: [palette.cNeutral8, palette.cNeutral7, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, layout.gap, layout.gapHalf, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral8, palette.cNeutral5, palette.cNeutral0, palette.cNeutral0, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, palette.cNeutral8, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, palette.cNeutral2, layout.gap, layout.gapHalf, layout.gap, layout.gapHalf, layout.gapQuarter, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, expressiveness.L1, expressiveness.L1, expressiveness.L1, expressiveness.L1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, layout.gap, layout.gapHalf, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, layout.gap, layout.gapHalf, expressiveness.L1, expressiveness.cLineStyle1, layout.gapHalf, expressiveness.R2, palette.cNeutral0, palette.cTheme0, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral1, expressiveness.L1, expressiveness.cLineStyle1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5]
}, ".table.__jsx-style-dynamic-selector{background-color:".concat(palette.cNeutral8, ";font-size:1rem;color:").concat(palette.cNeutral7, ";line-height:1.5;box-sizing:border-box;position:relative;}.table-rtl.__jsx-style-dynamic-selector{direction:rtl;}.table.__jsx-style-dynamic-selector table{border-spacing:0px;width:100%;}.table.__jsx-style-dynamic-selector th,.table.__jsx-style-dynamic-selector td{font-weight:normal;padding:0;position:relative;border:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";border-top:0;border-left:0;border-right:0;-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;padding:").concat(layout.gap, " calc((").concat(layout.gapHalf, " / 2) * 3);box-sizing:border-box;white-space:normal;word-break:break-word;}.table-rtl.table.__jsx-style-dynamic-selector th,.table-rtl.table.__jsx-style-dynamic-selector td{border-left:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";border-right:0;}.table.__jsx-style-dynamic-selector .table-cell-fix-left,.table.__jsx-style-dynamic-selector .table-cell-fix-right{z-index:1;}.table.__jsx-style-dynamic-selector .table-cell-fix-right:last-child:not(&-fix-sticky){border-right-color:transparent;}.table.table-rtl.__jsx-style-dynamic-selector .table-cell-fix-right:last-child{border-right-color:").concat(palette.cNeutral2, ";}.table.table-rtl.__jsx-style-dynamic-selector .table-cell-fix-left:last-child{border-left-color:transparent;}.table.table-rtl.__jsx-style-dynamic-selector .table-cell-fix-left-first{box-shadow:1px 0 0 ").concat(palette.cNeutral2, ";}.table.__jsx-style-dynamic-selector .table-cell-fix-left-first::after,.table.__jsx-style-dynamic-selector .table-cell-fix-left-last::after{pointer-events:none;content:'';-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;position:absolute;top:0;bottom:-1px;width:1.4286rem;right:-1px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}.table.__jsx-style-dynamic-selector .table-cell-fix-right-first,.table.__jsx-style-dynamic-selector .table-cell-fix-right-last{box-shadow:-1px 0 0 ").concat(palette.cNeutral2, ";}.table.table-rtl.__jsx-style-dynamic-selector .table-cell-fix-right-first,.table.table-rtl.__jsx-style-dynamic-selector .table-cell-fix-right-last{box-shadow:none;}.table.__jsx-style-dynamic-selector .table-cell.table-cell-fix-right-first::after,.table.__jsx-style-dynamic-selector .table-cell.table-cell-fix-right-last::after{pointer-events:none;content:'';-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;position:absolute;top:0;bottom:-1px;width:1.4286rem;left:-1px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}.table.__jsx-style-dynamic-selector .table-cell.table-cell-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.table.__jsx-style-dynamic-selector .table-cell.table-cell-ellipsis.table-cell-fix-left-first,.table.__jsx-style-dynamic-selector .table-cell.table-cell-ellipsis.table-cell-fix-left-last,.table.__jsx-style-dynamic-selector .table-cell.table-cell-ellipsis.table-cell-fix-right-first .table-cell.table-cell-ellipsis.table-cell-fix-right-last{overflow:visible;}.table.__jsx-style-dynamic-selector .table-cell.table-cell-ellipsis.table-cell-fix-left-first .table-cell-content,.table.__jsx-style-dynamic-selector .table-cell.table-cell-ellipsis.table-cell-fix-left-last .table-cell-content,.table.__jsx-style-dynamic-selector .table-cell.table-cell-ellipsis.table-cell-fix-right-first .table-cell.table-cell-ellipsis.table-cell-fix-right-last .table-cell-content{overflow:hidden;text-overflow:ellipsis;display:block;}.table.table-ping-left.__jsx-style-dynamic-selector .table-cell-fix-left-first::after,.table.table-ping-left.__jsx-style-dynamic-selector .table-cell-fix-left-last::after{box-shadow:inset 10px 0 8px -8px ").concat(palette.cNeutral2, ";}.table.table-ping-right.__jsx-style-dynamic-selector .table-cell-fix-right-first::after,.table.table-ping-right.__jsx-style-dynamic-selector .table-cell-fix-right-last::after{box-shadow:inset -10px 0 8px -8px ").concat(palette.cNeutral2, ";}.table.__jsx-style-dynamic-selector .table-expand-icon-col{width:4.2857rem;}.table.__jsx-style-dynamic-selector .table-row-expand-icon-cell{text-align:left;}.table.__jsx-style-dynamic-selector thead td,.table.__jsx-style-dynamic-selector thead th{text-align:left;background:").concat(palette.cNeutral8, ";color:").concat(palette.cNeutral5, ";}.table.variant-line.__jsx-style-dynamic-selector thead td,.table.variant-line.__jsx-style-dynamic-selector thead th{background:").concat(palette.cNeutral0, ";}.table.__jsx-style-dynamic-selector thead .table-cell-scrollbar::after{position:absolute;content:'';top:0;bottom:0;left:-1px;width:1px;background:").concat(palette.cNeutral0, ";}.table-rtl.table.__jsx-style-dynamic-selector thead .table-cell-scrollbar::after{right:-1px;left:auto;}.table.__jsx-style-dynamic-selector .table-header{border:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";border-right:0;border-bottom:0;}.table.__jsx-style-dynamic-selector .table-placeholder{text-align:left;}.table.__jsx-style-dynamic-selector tbody tr td,.table.__jsx-style-dynamic-selector tbody tr th{background:").concat(palette.cNeutral8, ";}.table.__jsx-style-dynamic-selector .table-content{border-bottom:0;}.table.__jsx-style-dynamic-selector .table-body{border:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";border-right:0;border-bottom:0;border-top:0;}.table.table-fixed-column.__jsx-style-dynamic-selector .table-body::after{content:'';position:absolute;right:0;top:0;bottom:0;border-right:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";z-index:1;}.table.__jsx-style-dynamic-selector .table-expanded-row .table-cell{box-shadow:inset 0 8px 8px -8px ").concat(palette.cNeutral2, ";}.table.__jsx-style-dynamic-selector .table-expanded-row-fixed{box-sizing:border-box;margin:-").concat(layout.gap, " -").concat(layout.gapHalf, ";padding:").concat(layout.gap, " ").concat(layout.gapHalf, ";margin-right:-calc((").concat(layout.gapQuarter, " * 5) / 2);}.table.__jsx-style-dynamic-selector .table-expanded-row-fixed::after{content:'';position:absolute;width:0;top:0;bottom:0;right:1px;border-right:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";}.table.__jsx-style-dynamic-selector .table-row-expand-icon{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;float:left;box-sizing:border-box;width:1rem;height:1rem;padding:0;color:inherit;line-height:1rem;vertical-align:-2px;border:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " currentColor;cursor:pointer;outline:none;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.table.__jsx-style-dynamic-selector .table-row-expand-icon:hover,.table.__jsx-style-dynamic-selector .table-row-expand-icon:focus,.table.__jsx-style-dynamic-selector .table-row-expand-icon:active{border-color:currentColor;}.table.__jsx-style-dynamic-selector .table-row-expand-icon::before,.table.__jsx-style-dynamic-selector .table-row-expand-icon::after{position:absolute;background:currentColor;-webkit-transition:-webkit-transform 0.3s ease-out;-webkit-transition:transform 0.3s ease-out;transition:transform 0.3s ease-out;content:'';}.table.__jsx-style-dynamic-selector .table-row-expand-icon::before{top:calc(50% - (").concat(expressiveness.L1, " / 2));right:calc(1rem / 4);left:calc(1rem / 4);height:").concat(expressiveness.L1, ";}.table.__jsx-style-dynamic-selector .table-row-expand-icon::after{top:calc(1rem / 4);bottom:calc(1rem / 4);left:calc(50% - (").concat(expressiveness.L1, " / 2));width:").concat(expressiveness.L1, ";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.table.__jsx-style-dynamic-selector .table-row-expand-icon.table-row-expand-icon-collapsed::before{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.table.__jsx-style-dynamic-selector .table-row-expand-icon.table-row-expand-icon-collapsed::after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}.table.__jsx-style-dynamic-selector .table-row-expand-icon.table-row-expand-icon-spaced{background:transparent;border:0;visibility:hidden;}.table.__jsx-style-dynamic-selector .table-row-expand-icon.table-row-expand-icon-spaced::before,.table.__jsx-style-dynamic-selector .table-row-expand-icon.table-row-expand-icon-spaced::after{display:none;content:none;}.table.__jsx-style-dynamic-selector .table-title{border:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";border-bottom:0;padding:").concat(layout.gap, " ").concat(layout.gapHalf, ";}.table.__jsx-style-dynamic-selector .table-footer{border:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";border-top:0;padding:").concat(layout.gap, " ").concat(layout.gapHalf, ";}.table.__jsx-style-dynamic-selector tfoot td{background:#fff;}.table.__jsx-style-dynamic-selector .table-sticky-header{position:-webkit-sticky;position:sticky;z-index:2;}.table.__jsx-style-dynamic-selector .table-sticky-scroll{position:fixed;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " #f3f3f3;opacity:0.6;-webkit-transition:-webkit-transform 0.1s ease-in 0s;-webkit-transition:transform 0.1s ease-in 0s;transition:transform 0.1s ease-in 0s;z-index:2;}.table.__jsx-style-dynamic-selector .table-sticky-scroll:hover{-webkit-transform:scaleY(1.2);-ms-transform:scaleY(1.2);transform:scaleY(1.2);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;}.table.__jsx-style-dynamic-selector .table-sticky-scroll-bar{height:").concat(layout.gapHalf, ";border-radius:").concat(expressiveness.R2, ";background-color:#bbb;}.table.__jsx-style-dynamic-selector .table-sticky-scroll-bar:hover{background-color:#999;}.table.__jsx-style-dynamic-selector .table-sticky-scroll-bar-active{background-color:#999;}.table.variant-solid.__jsx-style-dynamic-selector *{border:transparent;}.table.variant-solid.__jsx-style-dynamic-selector tbody tr.table-row-even th,.table.variant-solid.__jsx-style-dynamic-selector tbody tr.table-row-even td{background-color:").concat(palette.cNeutral0, ";}.table.variant-solid.__jsx-style-dynamic-selector tbody tr:hover td{background-color:").concat(palette.cTheme0, ";}.table.variant-line.__jsx-style-dynamic-selector tr th{border-top:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral1, ";}.table.variant-line.__jsx-style-dynamic-selector tr th:first-child{border-left:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral1, ";}.table.variant-line.__jsx-style-dynamic-selector tr th:last-child{border-right:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral1, ";}.table.variant-line.__jsx-style-dynamic-selector tbody tr td{border-top:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " transparent;}.table.variant-line.__jsx-style-dynamic-selector tr td:first-child{border-left:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";}.table.variant-line.__jsx-style-dynamic-selector tr td:last-child{border-right:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cNeutral2, ";}.table.variant-line.__jsx-style-dynamic-selector tbody tr:hover td{border-top:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cTheme5, ";border-bottom:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cTheme5, ";}.table.variant-line.__jsx-style-dynamic-selector tbody tr:hover td:first-child{border-left:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cTheme5, ";}.table.variant-line.__jsx-style-dynamic-selector tbody tr:hover td:last-child{border-right:").concat(expressiveness.L1, " ").concat(expressiveness.cLineStyle1, " ").concat(palette.cTheme5, ";}")),
className: styled_jsx_style__WEBPACK_IMPORTED_MODULE_0___default.a.dynamic([["845639194", [palette.cNeutral8, palette.cNeutral7, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, layout.gap, layout.gapHalf, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral2, palette.cNeutral8, palette.cNeutral5, palette.cNeutral0, palette.cNeutral0, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, palette.cNeutral8, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, palette.cNeutral2, layout.gap, layout.gapHalf, layout.gap, layout.gapHalf, layout.gapQuarter, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, expressiveness.L1, expressiveness.L1, expressiveness.L1, expressiveness.L1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, layout.gap, layout.gapHalf, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, layout.gap, layout.gapHalf, expressiveness.L1, expressiveness.cLineStyle1, layout.gapHalf, expressiveness.R2, palette.cNeutral0, palette.cTheme0, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral1, expressiveness.L1, expressiveness.cLineStyle1, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, palette.cNeutral2, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5, expressiveness.L1, expressiveness.cLineStyle1, palette.cTheme5]]])
},
innerStyleClassName = _styles$className.className,
styles = _styles$className.styles;
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_cfxjs_rc_table__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({
prefixCls: "table",
className: "".concat(className, " ").concat(innerStyleClassName, " ").concat(variant === 'solid' ? 'variant-solid' : 'variant-line')
}, props), children), styles);
}
Table.defaultProps = defaultProps;
Table.Column = _cfxjs_rc_table__WEBPACK_IMPORTED_MODULE_1__["default"].Column;
Table.ColumnGroup = _cfxjs_rc_table__WEBPACK_IMPORTED_MODULE_1__["default"].ColumnGroup;
/* harmony default export */ __webpack_exports__["default"] = (Table);
/***/ }),
/***/ 619:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(620);
/* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(686);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Summary", function() { return _Footer__WEBPACK_IMPORTED_MODULE_1__["FooterComponents"]; });
/* harmony import */ var _sugar_Column__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(660);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Column", function() { return _sugar_Column__WEBPACK_IMPORTED_MODULE_2__["default"]; });
/* harmony import */ var _sugar_ColumnGroup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(659);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColumnGroup", function() { return _sugar_ColumnGroup__WEBPACK_IMPORTED_MODULE_3__["default"]; });
/* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(672);
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "INTERNAL_COL_DEFINE", function() { return _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_4__["INTERNAL_COL_DEFINE"]; });
/* harmony default export */ __webpack_exports__["default"] = (_Table__WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }),
/***/ 620:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "INTERNAL_HOOKS", function() { return INTERNAL_HOOKS; });
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(621);
/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(622);
/* harmony import */ var _babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(623);
/* harmony import */ var _babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(629);
/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(630);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(634);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var shallowequal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(635);
/* harmony import */ var shallowequal__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(shallowequal__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(636);
/* harmony import */ var rc_resize_observer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(637);
/* harmony import */ var rc_util_es_getScrollBarSize__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(658);
/* harmony import */ var _sugar_ColumnGroup__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(659);
/* harmony import */ var _sugar_Column__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(660);
/* harmony import */ var _Header_FixedHeader__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(661);
/* harmony import */ var _Header_Header__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(664);
/* harmony import */ var _context_TableContext__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(669);
/* harmony import */ var _context_BodyContext__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(673);
/* harmony import */ var _Body__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(674);
/* harmony import */ var _hooks_useColumns__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(678);
/* harmony import */ var _hooks_useFrame__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(680);
/* harmony import */ var _utils_valueUtil__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(668);
/* harmony import */ var _context_ResizeContext__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(677);
/* harmony import */ var _hooks_useStickyOffsets__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(684);
/* harmony import */ var _ColGroup__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(671);
/* harmony import */ var _utils_legacyUtil__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(672);
/* harmony import */ var _Panel__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(685);
/* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(686);
/* harmony import */ var _utils_expandUtil__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(689);
/* harmony import */ var _utils_fixUtil__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(670);
/* harmony import */ var _stickyScrollBar__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(690);
/* harmony import */ var _hooks_useSticky__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(693);
/**
* Feature:
* - fixed not need to set width
* - support `rowExpandable` to config row expand logic
* - add `summary` to support `() => ReactNode`
*
* Update:
* - `dataIndex` is `array[]` now
* - `expandable` wrap all the expand related props
*
* Removed:
* - expandIconAsCell
* - useFixedHeader
* - rowRef
* - columns[number].onCellClick
* - onRowClick
* - onRowDoubleClick
* - onRowMouseEnter
* - onRowMouseLeave
* - getBodyWrapper
* - bodyStyle
*
* Deprecated:
* - All expanded props, move into expandable
*/
// Used for conditions cache
var EMPTY_DATA = []; // Used for customize scroll
var EMPTY_SCROLL_TARGET = {};
var INTERNAL_HOOKS = 'rc-table-internal-hook';
var MemoTableContent = react__WEBPACK_IMPORTED_MODULE_5__["memo"](function (_ref) {
var children = _ref.children;
return children;
}, function (prev, next) {
if (!shallowequal__WEBPACK_IMPORTED_MODULE_7___default()(prev.props, next.props)) {
return false;
} // No additional render when pinged status change.
// This is not a bug.
return prev.pingLeft !== next.pingLeft || prev.pingRight !== next.pingRight;
});
function Table(props) {
var _classNames2;
var prefixCls = props.prefixCls,
className = props.className,
rowClassName = props.rowClassName,
style = props.style,
data = props.data,
rowKey = props.rowKey,
scroll = props.scroll,
tableLayout = props.tableLayout,
direction = props.direction,
title = props.title,
footer = props.footer,
summary = props.summary,
id = props.id,
showHeader = props.showHeader,
components = props.components,
emptyText = props.emptyText,
onRow = props.onRow,
onHeaderRow = props.onHeaderRow,
internalHooks = props.internalHooks,
transformColumns = props.transformColumns,
internalRefs = props.internalRefs,
sticky = props.sticky;
var mergedData = data || EMPTY_DATA;
var hasData = !!mergedData.length; // ===================== Effects ======================
var _React$useState = react__WEBPACK_IMPORTED_MODULE_5__["useState"](0),
_React$useState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_React$useState, 2),
scrollbarSize = _React$useState2[0],
setScrollbarSize = _React$useState2[1];
react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
setScrollbarSize(Object(rc_util_es_getScrollBarSize__WEBPACK_IMPORTED_MODULE_10__["default"])());
}); // ===================== Warning ======================
if (true) {
['onRowClick', 'onRowDoubleClick', 'onRowContextMenu', 'onRowMouseEnter', 'onRowMouseLeave'].forEach(function (name) {
Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_8__["default"])(props[name] === undefined, "`".concat(name, "` is removed, please use `onRow` instead."));
});
Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_8__["default"])(!('getBodyWrapper' in props), '`getBodyWrapper` is deprecated, please use custom `components` instead.');
} // ==================== Customize =====================
var mergedComponents = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
return Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_20__["mergeObject"])(components, {});
}, [components]);
var getComponent = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function (path, defaultComponent) {
return Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_20__["getPathValue"])(mergedComponents, path) || defaultComponent;
}, [mergedComponents]);
var getRowKey = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
if (typeof rowKey === 'function') {
return rowKey;
}
return function (record) {
var key = record && record[rowKey];
if (true) {
Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_8__["default"])(key !== undefined, 'Each record in table should have a unique `key` prop, or set `rowKey` to an unique primary key.');
}
return key;
};
}, [rowKey]); // ====================== Expand ======================
var expandableConfig = Object(_utils_legacyUtil__WEBPACK_IMPORTED_MODULE_24__["getExpandableProps"])(props);
var expandIcon = expandableConfig.expandIcon,
expandedRowKeys = expandableConfig.expandedRowKeys,
defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys,
defaultExpandAllRows = expandableConfig.defaultExpandAllRows,
expandedRowRender = expandableConfig.expandedRowRender,
onExpand = expandableConfig.onExpand,
onExpandedRowsChange = expandableConfig.onExpandedRowsChange,
expandRowByClick = expandableConfig.expandRowByClick,
rowExpandable = expandableConfig.rowExpandable,
expandIconColumnIndex = expandableConfig.expandIconColumnIndex,
expandedRowClassName = expandableConfig.expandedRowClassName,
childrenColumnName = expandableConfig.childrenColumnName,
indentSize = expandableConfig.indentSize;
var mergedExpandIcon = expandIcon || _utils_expandUtil__WEBPACK_IMPORTED_MODULE_27__["renderExpandIcon"];
var mergedChildrenColumnName = childrenColumnName || 'children';
var expandableType = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
if (expandedRowRender) {
return 'row';
}
/* eslint-disable no-underscore-dangle */
/**
* Fix https://github.com/ant-design/ant-design/issues/21154
* This is a workaround to not to break current behavior.
* We can remove follow code after final release.
*
* To other developer:
* Do not use `__PARENT_RENDER_ICON__` in prod since we will remove this when refactor
*/
if (props.expandable && internalHooks === INTERNAL_HOOKS && props.expandable.__PARENT_RENDER_ICON__ || mergedData.some(function (record) {
return record && Object(_babel_runtime_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_3__["default"])(record) === 'object' && record[mergedChildrenColumnName];
})) {
return 'nest';
}
/* eslint-enable */
return false;
}, [!!expandedRowRender, mergedData]);
var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_5__["useState"](function () {
if (defaultExpandedRowKeys) {
return defaultExpandedRowKeys;
}
if (defaultExpandAllRows) {
return Object(_utils_expandUtil__WEBPACK_IMPORTED_MODULE_27__["findAllChildrenKeys"])(mergedData, getRowKey, mergedChildrenColumnName);
}
return [];
}),
_React$useState4 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_React$useState3, 2),
innerExpandedKeys = _React$useState4[0],
setInnerExpandedKeys = _React$useState4[1];
var mergedExpandedKeys = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
return new Set(expandedRowKeys || innerExpandedKeys || []);
}, [expandedRowKeys, innerExpandedKeys]);
var onTriggerExpand = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function (record) {
var key = getRowKey(record, mergedData.indexOf(record));
var newExpandedKeys;
var hasKey = mergedExpandedKeys.has(key);
if (hasKey) {
mergedExpandedKeys.delete(key);
newExpandedKeys = Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(mergedExpandedKeys);
} else {
newExpandedKeys = [].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__["default"])(mergedExpandedKeys), [key]);
}
setInnerExpandedKeys(newExpandedKeys);
if (onExpand) {
onExpand(!hasKey, record);
}
if (onExpandedRowsChange) {
onExpandedRowsChange(newExpandedKeys);
}
}, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]); // ====================== Column ======================
var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_5__["useState"](0),
_React$useState6 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_React$useState5, 2),
componentWidth = _React$useState6[0],
setComponentWidth = _React$useState6[1];
var _useColumns = Object(_hooks_useColumns__WEBPACK_IMPORTED_MODULE_18__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props), expandableConfig), {}, {
expandable: !!expandedRowRender,
expandedKeys: mergedExpandedKeys,
getRowKey: getRowKey,
// https://github.com/ant-design/ant-design/issues/23894
onTriggerExpand: onTriggerExpand,
expandIcon: mergedExpandIcon,
expandIconColumnIndex: expandIconColumnIndex,
direction: direction
}), internalHooks === INTERNAL_HOOKS ? transformColumns : null),
_useColumns2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_useColumns, 2),
columns = _useColumns2[0],
flattenColumns = _useColumns2[1];
var columnContext = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
return {
columns: columns,
flattenColumns: flattenColumns
};
}, [columns, flattenColumns]); // ====================== Scroll ======================
var fullTableRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"]();
var scrollHeaderRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"]();
var scrollBodyRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"]();
var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_5__["useState"](false),
_React$useState8 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_React$useState7, 2),
pingedLeft = _React$useState8[0],
setPingedLeft = _React$useState8[1];
var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_5__["useState"](false),
_React$useState10 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_React$useState9, 2),
pingedRight = _React$useState10[0],
setPingedRight = _React$useState10[1];
var _useFrameState = Object(_hooks_useFrame__WEBPACK_IMPORTED_MODULE_19__["useFrameState"])(new Map()),
_useFrameState2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_useFrameState, 2),
colsWidths = _useFrameState2[0],
updateColsWidths = _useFrameState2[1]; // Convert map to number width
var colsKeys = Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_20__["getColumnsKey"])(flattenColumns);
var pureColWidths = colsKeys.map(function (columnKey) {
return colsWidths.get(columnKey);
});
var colWidths = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
return pureColWidths;
}, [pureColWidths.join('_')]);
var stickyOffsets = Object(_hooks_useStickyOffsets__WEBPACK_IMPORTED_MODULE_22__["default"])(colWidths, flattenColumns.length, direction);
var fixHeader = scroll && Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_20__["validateValue"])(scroll.y);
var horizonScroll = scroll && Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_20__["validateValue"])(scroll.x);
var fixColumn = horizonScroll && flattenColumns.some(function (_ref2) {
var fixed = _ref2.fixed;
return fixed;
}); // Sticky
var stickyRef = react__WEBPACK_IMPORTED_MODULE_5__["useRef"]();
var _useSticky = Object(_hooks_useSticky__WEBPACK_IMPORTED_MODULE_30__["default"])(sticky, prefixCls),
isSticky = _useSticky.isSticky,
offsetHeader = _useSticky.offsetHeader,
offsetScroll = _useSticky.offsetScroll,
stickyClassName = _useSticky.stickyClassName;
var scrollXStyle;
var scrollYStyle;
var scrollTableStyle;
if (fixHeader) {
scrollYStyle = {
overflowY: 'scroll',
maxHeight: scroll.y
};
}
if (horizonScroll) {
scrollXStyle = {
overflowX: 'auto'
}; // When no vertical scrollbar, should hide it
// https://github.com/ant-design/ant-design/pull/20705
// https://github.com/ant-design/ant-design/issues/21879
if (!fixHeader) {
scrollYStyle = {
overflowY: 'hidden'
};
}
scrollTableStyle = {
width: scroll.x === true ? 'auto' : scroll.x,
minWidth: '100%'
};
}
var onColumnResize = react__WEBPACK_IMPORTED_MODULE_5__["useCallback"](function (columnKey, width) {
updateColsWidths(function (widths) {
var newWidths = new Map(widths);
newWidths.set(columnKey, width);
return newWidths;
});
}, []);
var _useTimeoutLock = Object(_hooks_useFrame__WEBPACK_IMPORTED_MODULE_19__["useTimeoutLock"])(null),
_useTimeoutLock2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_4__["default"])(_useTimeoutLock, 2),
setScrollTarget = _useTimeoutLock2[0],
getScrollTarget = _useTimeoutLock2[1];
function forceScroll(scrollLeft, target) {
/* eslint-disable no-param-reassign */
if (target) {
if (typeof target === 'function') {
target(scrollLeft);
} else if (target.scrollLeft !== scrollLeft) {
target.scrollLeft = scrollLeft;
}
}
/* eslint-enable */
}
var onScroll = function onScroll(_ref3) {
var currentTarget = _ref3.currentTarget,
scrollLeft = _ref3.scrollLeft;
var mergedScrollLeft = typeof scrollLeft === 'number' ? scrollLeft : currentTarget.scrollLeft;
var compareTarget = currentTarget || EMPTY_SCROLL_TARGET;
if (!getScrollTarget() || getScrollTarget() === compareTarget) {
var _stickyRef$current;
setScrollTarget(compareTarget);
forceScroll(mergedScrollLeft, scrollHeaderRef.current);
forceScroll(mergedScrollLeft, scrollBodyRef.current);
forceScroll(mergedScrollLeft, (_stickyRef$current = stickyRef.current) === null || _stickyRef$current === void 0 ? void 0 : _stickyRef$current.setScrollLeft);
}
if (currentTarget) {
var scrollWidth = currentTarget.scrollWidth,
clientWidth = currentTarget.clientWidth;
setPingedLeft(mergedScrollLeft > 0);
setPingedRight(mergedScrollLeft < scrollWidth - clientWidth);
}
};
var triggerOnScroll = function triggerOnScroll() {
if (scrollBodyRef.current) {
onScroll({
currentTarget: scrollBodyRef.current
});
}
};
var onFullTableResize = function onFullTableResize(_ref4) {
var width = _ref4.width;
triggerOnScroll();
setComponentWidth(fullTableRef.current ? fullTableRef.current.offsetWidth : width);
}; // Sync scroll bar when init or `horizonScroll` changed
react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
return triggerOnScroll;
}, []);
react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
if (horizonScroll) {
triggerOnScroll();
}
}, [horizonScroll]); // ================== INTERNAL HOOKS ==================
react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
if (internalHooks === INTERNAL_HOOKS && internalRefs) {
internalRefs.body.current = scrollBodyRef.current;
}
}); // ====================== Render ======================
var TableComponent = getComponent(['table'], 'table'); // Table layout
var mergedTableLayout = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
if (tableLayout) {
return tableLayout;
} // https://github.com/ant-design/ant-design/issues/25227
// When scroll.x is max-content, no need to fix table layout
// it's width should stretch out to fit content
if (fixColumn) {
return scroll.x === 'max-content' ? 'auto' : 'fixed';
}
if (fixHeader || flattenColumns.some(function (_ref5) {
var ellipsis = _ref5.ellipsis;
return ellipsis;
})) {
return 'fixed';
}
return 'auto';
}, [fixHeader, fixColumn, flattenColumns, tableLayout]);
var groupTableNode; // Header props
var headerProps = {
colWidths: colWidths,
columCount: flattenColumns.length,
stickyOffsets: stickyOffsets,
onHeaderRow: onHeaderRow,
fixHeader: fixHeader
}; // Empty
var emptyNode = react__WEBPACK_IMPORTED_MODULE_5__["useMemo"](function () {
if (hasData) {
return null;
}
if (typeof emptyText === 'function') {
return emptyText();
}
return emptyText;
}, [hasData, emptyText]); // Body
var bodyTable = react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_Body__WEBPACK_IMPORTED_MODULE_17__["default"], {
data: mergedData,
measureColumnWidth: fixHeader || horizonScroll || isSticky,
expandedKeys: mergedExpandedKeys,
rowExpandable: rowExpandable,
getRowKey: getRowKey,
onRow: onRow,
emptyNode: emptyNode,
childrenColumnName: mergedChildrenColumnName
});
var bodyColGroup = react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_ColGroup__WEBPACK_IMPORTED_MODULE_23__["default"], {
colWidths: flattenColumns.map(function (_ref6) {
var width = _ref6.width;
return width;
}),
columns: flattenColumns
});
var footerTable = summary && react__WEBPACK_IMPORTED_MODULE_5__["createElement"](_Footer__WEBPACK_IMPORTED_MODULE_26__["default"], null, summary(mergedData));
var customizeScrollBody = getComponent(['body']);
if ( true && typeof customizeScrollBody === 'function' && hasData && !fixHeader) {
Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_8__["default"])(false, '`components.body` with render props is only work on `scroll.y`.');
}
if (fixHeader || isSticky) {
var bodyContent;
if (typeof customizeScrollBody === 'function') {
bodyContent = customizeScrollBody(mergedData, {
scrollbarSize: scrollbarSize,
ref: scrollBodyRef,
onScroll: onScroll
});
headerProps.colWidths = flattenColumns.map(function (_ref7, index) {
var width = _ref7.width;
var colWidth = index === columns.length - 1 ? width - scrollbarSize : width;
if (typeof colWidth === 'number' && !Number.isNaN(colWidth)) {
return colWidth;
}
Object(rc_util_es_warning__WEBPACK_IMPORTED_MODULE_8__["default"])(false, 'When use `components.body` with render props. Each column should have a fixed value.');
return 0;
});
} else {
bodyContent = react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
style: Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, scrollXStyle), scrollYStyle),
onScroll: onScroll,
ref: scrollBodyRef,
className: classnames__WEBPACK_IMPORTED_MODULE_6___default()("".concat(prefixCls, "-body"))
}, react__WEBPACK_IMPORTED_MODULE_5__["createElement"](TableComponent, {
style: Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, scrollTableStyle), {}, {