@codacy/ui-components 0.66.25 → 0.66.26

package/lib/Table/Table.js

@@ -1,187 +1,142 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableContext = exports.Table = exports.ColumnsGroup = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Table = require("./Table.styles");
-var _IconAndText = require("../IconAndText");
-var _Icons = require("../Icons");
-var _NewSelectableTable = require("./NewSelectableTable");
-var _ScrollableContent = require("../ScrollableContent");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children"],
-  _excluded2 = ["children", "sticky", "stickyOffset"],
-  _excluded3 = ["children", "sortable", "direction", "defaultDirection", "name", "onClick", "align", "width"],
-  _excluded4 = ["children", "align", "span"],
-  _excluded5 = ["children"],
-  _excluded6 = ["children"],
-  _excluded7 = ["children", "index", "height"];
-var TableContext = exports.TableContext = /*#__PURE__*/_react["default"].createContext({
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useContext, useState, useCallback, useEffect } from 'react';
+import { TableWrapper, StyledTableHeader, StyledTableHeaderCell, StyledTableBodyCell, StyledTableBody, StyledTableRow, StyledTable } from './Table.styles';
+import { IconAndText } from '../IconAndText';
+import { SortDown, SortUp } from '../Icons';
+import { SelectableHeader, SelectableRow } from './NewSelectableTable';
+import { ScrollableContentContext } from '../ScrollableContent';
+export const TableContext = /*#__PURE__*/React.createContext({
   columnsCount: 0,
-  setColumnsCount: function setColumnsCount() {
-    return null;
-  }
+  setColumnsCount: () => null
 });
 
 /**
  * Styled table component
  */
-var TableComponent = function TableComponent(_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    columnsCount = _useState2[0],
-    setColumnsCount = _useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContext.Provider, {
+const TableComponent = ({
+  children,
+  ...props
+}) => {
+  const [columnsCount, setColumnsCount] = useState(0);
+  return /*#__PURE__*/React.createElement(TableContext.Provider, {
     value: {
-      columnsCount: columnsCount,
-      setColumnsCount: setColumnsCount
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.TableWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTable, {
-        children: children
-      })
-    }))
-  });
+      columnsCount,
+      setColumnsCount
+    }
+  }, /*#__PURE__*/React.createElement(TableWrapper, props, /*#__PURE__*/React.createElement(StyledTable, null, children)));
 };
-var ColumnsGroup = exports.ColumnsGroup = function ColumnsGroup(_ref2) {
-  var children = _ref2.children;
-  var tableCtx = (0, _react.useContext)(TableContext);
-  (0, _react.useEffect)(function () {
-    tableCtx.setColumnsCount(_react["default"].Children.toArray(children).length);
+export const ColumnsGroup = ({
+  children
+}) => {
+  const tableCtx = useContext(TableContext);
+  useEffect(() => {
+    tableCtx.setColumnsCount(React.Children.toArray(children).length);
   }, [tableCtx, children]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("colgroup", {
-    children: _react["default"].Children.map(children, function (child) {
-      if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
-        if (child.props.width) {
-          var cw = child.props.width;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("col", {
-            style: {
-              width: typeof cw !== 'string' ? cw < 1 ? "".concat(cw * 100, "%") : "".concat(cw, "px") : cw
-            }
-          });
-        } else {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("col", {});
-        }
+  return /*#__PURE__*/React.createElement("colgroup", null, React.Children.map(children, child => {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      if (child.props.width) {
+        const cw = child.props.width;
+        return /*#__PURE__*/React.createElement("col", {
+          style: {
+            width: typeof cw !== 'string' ? cw < 1 ? `${cw * 100}%` : `${cw}px` : cw
+          }
+        });
+      } else {
+        return /*#__PURE__*/React.createElement("col", null);
       }
-      return null;
-    })
-  });
+    }
+    return null;
+  }));
 };
-var Header = function Header(_ref3) {
-  var children = _ref3.children,
-    _ref3$sticky = _ref3.sticky,
-    sticky = _ref3$sticky === void 0 ? false : _ref3$sticky,
-    _ref3$stickyOffset = _ref3.stickyOffset,
-    stickyOffset = _ref3$stickyOffset === void 0 ? '0' : _ref3$stickyOffset,
-    props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnsGroup, {
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableHeader, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-      sticky: sticky,
-      stickyOffset: stickyOffset
-    }, props), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableRow, {
-        children: children
-      })
-    }))]
-  });
+const Header = ({
+  children,
+  sticky = false,
+  stickyOffset = '0',
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColumnsGroup, null, children), /*#__PURE__*/React.createElement(StyledTableHeader, _extends({
+    sticky: sticky,
+    stickyOffset: stickyOffset
+  }, props), /*#__PURE__*/React.createElement(StyledTableRow, null, children)));
 };
-var HeaderCell = function HeaderCell(_ref4) {
-  var children = _ref4.children,
-    sortable = _ref4.sortable,
-    direction = _ref4.direction,
-    _ref4$defaultDirectio = _ref4.defaultDirection,
-    defaultDirection = _ref4$defaultDirectio === void 0 ? 'ascending' : _ref4$defaultDirectio,
-    name = _ref4.name,
-    onClick = _ref4.onClick,
-    _ref4$align = _ref4.align,
-    align = _ref4$align === void 0 ? 'left' : _ref4$align,
-    width = _ref4.width,
-    props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded3);
-  var _direction = direction || defaultDirection;
-  var content = sortable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconAndText.IconAndText, {
-    icon: _direction === 'ascending' ? _Icons.SortUp : _Icons.SortDown,
+const HeaderCell = ({
+  children,
+  sortable,
+  direction,
+  defaultDirection = 'ascending',
+  name,
+  onClick,
+  align = 'left',
+  width,
+  ...props
+}) => {
+  const _direction = direction || defaultDirection;
+  const content = sortable ? /*#__PURE__*/React.createElement(IconAndText, {
+    icon: _direction === 'ascending' ? SortUp : SortDown,
     toRight: true,
     iconProps: {
       size: 'sm',
       color: !!direction ? 'tables-icon-active' : 'tables-icon-enabled'
-    },
-    children: children
-  }) : children;
-  var onClickHandler = (0, _react.useCallback)(function (e) {
+    }
+  }, children) : children;
+  const onClickHandler = useCallback(e => {
     if (onClick) onClick(e, !direction ? defaultDirection : direction === 'ascending' ? 'descending' : 'ascending', name);
   }, [onClick, direction, defaultDirection, name]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableHeaderCell, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+  return /*#__PURE__*/React.createElement(StyledTableHeaderCell, _extends({
     align: align,
     "aria-sort": direction,
     onClick: onClickHandler,
     direction: direction,
     sortable: sortable
-  }, props), {}, {
-    children: content
-  }));
+  }, props), content);
 };
-var Cell = function Cell(_ref5) {
-  var children = _ref5.children,
-    _ref5$align = _ref5.align,
-    align = _ref5$align === void 0 ? 'left' : _ref5$align,
-    span = _ref5.span,
-    props = (0, _objectWithoutProperties2["default"])(_ref5, _excluded4);
-  var tableCtx = (0, _react.useContext)(TableContext);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableBodyCell, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+const Cell = ({
+  children,
+  align = 'left',
+  span,
+  ...props
+}) => {
+  const tableCtx = useContext(TableContext);
+  return /*#__PURE__*/React.createElement(StyledTableBodyCell, _extends({
     colSpan: span === 'auto' ? tableCtx === null || tableCtx === void 0 ? void 0 : tableCtx.columnsCount : span,
     align: align
-  }, props), {}, {
-    children: children
-  }));
+  }, props), children);
 };
-var Rows = function Rows(_ref6) {
-  var children = _ref6.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded5);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableBody, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    children: children
-  }));
+const Rows = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(StyledTableBody, props, children);
 };
-var Row = function Row(_ref7) {
-  var children = _ref7.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref7, _excluded6);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableRow, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    children: children
-  }));
+const Row = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(StyledTableRow, props, children);
 };
-var VirtualRow = function VirtualRow(_ref8) {
-  var children = _ref8.children,
-    index = _ref8.index,
-    height = _ref8.height,
-    props = (0, _objectWithoutProperties2["default"])(_ref8, _excluded7);
-  var scrollCtx = (0, _react.useContext)(_ScrollableContent.ScrollableContentContext);
-  var top = (index + 1 /* +1 to acknowledge the header row */) * height;
-  var threshold = height / 2;
-  var inViewport = top >= scrollCtx.scroll - threshold && top <= scrollCtx.scroll + scrollCtx.height + threshold;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.StyledTableRow, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    height: height,
-    children: inViewport ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(Cell, {
-      span: "auto"
-    })
+const VirtualRow = ({
+  children,
+  index,
+  height,
+  ...props
+}) => {
+  const scrollCtx = useContext(ScrollableContentContext);
+  const top = (index + 1 /* +1 to acknowledge the header row */) * height;
+  const threshold = height / 2;
+  const inViewport = top >= scrollCtx.scroll - threshold && top <= scrollCtx.scroll + scrollCtx.height + threshold;
+  return /*#__PURE__*/React.createElement(StyledTableRow, _extends({}, props, {
+    height: height
+  }), inViewport ? children : /*#__PURE__*/React.createElement(Cell, {
+    span: "auto"
   }));
 };
-var Table = exports.Table = Object.assign(TableComponent, {
-  Header: Header,
-  HeaderCell: HeaderCell,
-  Rows: Rows,
-  Row: Row,
-  VirtualRow: VirtualRow,
-  Cell: Cell,
-  SelectableHeader: _NewSelectableTable.SelectableHeader,
-  SelectableRow: _NewSelectableTable.SelectableRow
+export const Table = Object.assign(TableComponent, {
+  Header,
+  HeaderCell,
+  Rows,
+  Row,
+  VirtualRow,
+  Cell,
+  SelectableHeader,
+  SelectableRow
 });