@capillarytech/blaze-ui 0.1.6-alpha.31 → 0.1.6-alpha.32

package/components/CapInput/CapInput.js

@@ -1,15 +1,21 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { Input } from 'antd';
-import { WarningOutlined, CheckCircleOutlined } from '@ant-design/icons';
-import styled from 'styled-components';
-import * as styledVars from '../styled/variables';
-const StyledIcon = styled.span.withConfig({
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var styledVars = _interopRequireWildcard(require("../styled/variables"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const StyledIcon = _styledComponents.default.span.withConfig({
   displayName: "StyledIcon",
   componentId: "sc-1ghbg8a-0"
 })(["color:", ";color:", ";"], props => props.status === "error" && styledVars.CAP_RED, props => props.status === "success" && styledVars.CAP_PRIMARY.base);
-const CapInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+const CapInput = _react.default.forwardRef((props, ref) => {
   const {
     alwaysShowFocus,
     errorMessage,
@@ -18,34 +24,37 @@ const CapInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     showSuffix = true,
     ...rest
   } = props;
-  const inputRef = useRef(null);
-  useEffect(() => {
+  const inputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     if (alwaysShowFocus && inputRef.current) {
       inputRef.current.focus();
     }
   }, [alwaysShowFocus]);
-  const inputSuffix = errorMessage && /*#__PURE__*/React.createElement(StyledIcon, {
-    status: "error"
-  }, /*#__PURE__*/React.createElement(WarningOutlined, null)) || isVerified && /*#__PURE__*/React.createElement(StyledIcon, {
-    status: "success"
-  }, /*#__PURE__*/React.createElement(CheckCircleOutlined, null)) || suffix || null;
-  return /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
+  const inputSuffix = errorMessage && (0, _jsxRuntime.jsx)(StyledIcon, {
+    status: "error",
+    children: (0, _jsxRuntime.jsx)(_icons.WarningOutlined, {})
+  }) || isVerified && (0, _jsxRuntime.jsx)(StyledIcon, {
+    status: "success",
+    children: (0, _jsxRuntime.jsx)(_icons.CheckCircleOutlined, {})
+  }) || suffix || null;
+  return (0, _jsxRuntime.jsx)(_antd.Input, {
+    ...rest,
     ref: ref || inputRef,
     suffix: showSuffix === false ? null : inputSuffix,
     status: errorMessage ? 'error' : undefined
-  }));
+  });
 });
 CapInput.displayName = 'CapInput';
 CapInput.propTypes = {
-  alwaysShowFocus: PropTypes.bool,
-  errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  isVerified: PropTypes.bool,
-  size: PropTypes.oneOf(['large', 'middle', 'small']),
-  suffix: PropTypes.node,
-  showSuffix: PropTypes.bool
+  alwaysShowFocus: _propTypes.default.bool,
+  errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  isVerified: _propTypes.default.bool,
+  size: _propTypes.default.oneOf(['large', 'middle', 'small']),
+  suffix: _propTypes.default.node,
+  showSuffix: _propTypes.default.bool
 };
 CapInput.defaultProps = {
   size: 'large',
   showSuffix: true
 };
-export default CapInput;
+var _default = exports.default = CapInput;

package/components/CapInput/Number.js

@@ -1,33 +1,39 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { InputNumber } from 'antd';
-const CapInputNumber = /*#__PURE__*/React.forwardRef((props, ref) => {
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CapInputNumber = _react.default.forwardRef((props, ref) => {
   const {
     size = 'large',
     ...rest
   } = props;
-  return /*#__PURE__*/React.createElement(InputNumber, _extends({}, rest, {
+  return (0, _jsxRuntime.jsx)(_antd.InputNumber, {
+    ...rest,
     ref: ref,
     size: size
-  }));
+  });
 });
 CapInputNumber.displayName = 'CapInputNumber';
 CapInputNumber.propTypes = {
-  size: PropTypes.oneOf(['large', 'middle', 'small']),
-  min: PropTypes.number,
-  max: PropTypes.number,
-  step: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  precision: PropTypes.number,
-  decimalSeparator: PropTypes.string,
-  formatter: PropTypes.func,
-  parser: PropTypes.func,
-  controls: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-  keyboard: PropTypes.bool,
-  stringMode: PropTypes.bool
+  size: _propTypes.default.oneOf(['large', 'middle', 'small']),
+  min: _propTypes.default.number,
+  max: _propTypes.default.number,
+  step: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  precision: _propTypes.default.number,
+  decimalSeparator: _propTypes.default.string,
+  formatter: _propTypes.default.func,
+  parser: _propTypes.default.func,
+  controls: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
+  keyboard: _propTypes.default.bool,
+  stringMode: _propTypes.default.bool
 };
 CapInputNumber.defaultProps = {
   size: 'large',
   keyboard: true
 };
-export default CapInputNumber;
+var _default = exports.default = CapInputNumber;

package/components/CapInput/Search.js

@@ -1,28 +1,34 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Input } from 'antd';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   Search
-} = Input;
-const CapInputSearch = /*#__PURE__*/React.forwardRef((props, ref) => {
+} = _antd.Input;
+const CapInputSearch = _react.default.forwardRef((props, ref) => {
   const {
     size = 'large',
     ...rest
   } = props;
-  return /*#__PURE__*/React.createElement(Search, _extends({}, rest, {
+  return (0, _jsxRuntime.jsx)(Search, {
+    ...rest,
     ref: ref,
     size: size
-  }));
+  });
 });
 CapInputSearch.displayName = 'CapInputSearch';
 CapInputSearch.propTypes = {
-  size: PropTypes.oneOf(['large', 'middle', 'small']),
-  enterButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-  loading: PropTypes.bool,
-  onSearch: PropTypes.func
+  size: _propTypes.default.oneOf(['large', 'middle', 'small']),
+  enterButton: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
+  loading: _propTypes.default.bool,
+  onSearch: _propTypes.default.func
 };
 CapInputSearch.defaultProps = {
   size: 'large'
 };
-export default CapInputSearch;
+var _default = exports.default = CapInputSearch;

package/components/CapInput/TextArea.js

@@ -1,35 +1,41 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Input } from 'antd';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const {
   TextArea
-} = Input;
-const CapInputTextArea = /*#__PURE__*/React.forwardRef((props, ref) => {
+} = _antd.Input;
+const CapInputTextArea = _react.default.forwardRef((props, ref) => {
   const {
     size = 'large',
     ...rest
   } = props;
-  return /*#__PURE__*/React.createElement(TextArea, _extends({}, rest, {
+  return (0, _jsxRuntime.jsx)(TextArea, {
+    ...rest,
     ref: ref,
     size: size
-  }));
+  });
 });
 CapInputTextArea.displayName = 'CapInputTextArea';
 CapInputTextArea.propTypes = {
-  size: PropTypes.oneOf(['large', 'middle', 'small']),
-  autoSize: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-    minRows: PropTypes.number,
-    maxRows: PropTypes.number
+  size: _propTypes.default.oneOf(['large', 'middle', 'small']),
+  autoSize: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
+    minRows: _propTypes.default.number,
+    maxRows: _propTypes.default.number
   })]),
-  rows: PropTypes.number,
-  maxLength: PropTypes.number,
-  showCount: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-    formatter: PropTypes.func
+  rows: _propTypes.default.number,
+  maxLength: _propTypes.default.number,
+  showCount: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
+    formatter: _propTypes.default.func
   })])
 };
 CapInputTextArea.defaultProps = {
   size: 'large',
   rows: 4
 };
-export default CapInputTextArea;
+var _default = exports.default = CapInputTextArea;

package/components/CapInput/index.js

@@ -1,8 +1,13 @@
-import CapInput from './CapInput';
-import Number from './Number';
-import Search from './Search';
-import TextArea from './TextArea';
-CapInput.Number = Number;
-CapInput.Search = Search;
-CapInput.TextArea = TextArea;
-export default CapInput;
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _CapInput = _interopRequireDefault(require("./CapInput"));
+var _Number = _interopRequireDefault(require("./Number"));
+var _Search = _interopRequireDefault(require("./Search"));
+var _TextArea = _interopRequireDefault(require("./TextArea"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+_CapInput.default.Number = _Number.default;
+_CapInput.default.Search = _Search.default;
+_CapInput.default.TextArea = _TextArea.default;
+var _default = exports.default = _CapInput.default;

package/components/CapInput/messages.js

@@ -1,11 +1,10 @@
-/*
- * CapInput Messages
- *
- * This contains all the text for the CapInput component.
- */
-import { defineMessages } from 'react-intl';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _reactIntl = require("react-intl");
 const scope = 'blaze.components.CapInput';
-export default defineMessages({
+var _default = exports.default = (0, _reactIntl.defineMessages)({
   placeholder: {
     id: `${scope}.placeholder`,
     defaultMessage: 'Enter text...'

package/components/CapInput/styles.js

@@ -1,3 +1,8 @@
-import { css } from 'styled-components';
-import * as styledVars from '../styled/variables';
-export const inputStyles = css(["&.ant-input,&.ant-input-affix-wrapper,&.ant-input-number,&.ant-input-textarea{font-family:", ";border-radius:", ";transition:", ";&:hover{border-color:", ";}&:focus,&.ant-input-affix-wrapper-focused{border-color:", ";box-shadow:none;}&.ant-input-status-error,&.ant-input-affix-wrapper-status-error,&.ant-input-number-status-error{border-color:", ";&:hover{border-color:", ";}&:focus,&.ant-input-affix-wrapper-focused{border-color:", ";box-shadow:none;}}&.ant-input-disabled,&.ant-input-affix-wrapper-disabled{background-color:", ";cursor:not-allowed;}}&.ant-input-lg,&.ant-input-affix-wrapper-lg{font-size:14px;padding:10px 12px;}&.ant-input-textarea{.ant-input{font-family:", ";}}&.ant-input-number{width:100%;.ant-input-number-handler-wrap{opacity:1;}}&.ant-input-search{.ant-input-search-button{background-color:", ";border-color:", ";&:hover{background-color:", ";border-color:", ";}}}"], styledVars.FONT_FAMILY, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G11, styledVars.CAP_G01, styledVars.CAP_RED, styledVars.CAP_RED, styledVars.CAP_RED, styledVars.CAP_G08, styledVars.FONT_FAMILY, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.hover, styledVars.CAP_PRIMARY.hover);
+"use strict";
+
+exports.__esModule = true;
+exports.inputStyles = void 0;
+var _styledComponents = require("styled-components");
+var styledVars = _interopRequireWildcard(require("../styled/variables"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const inputStyles = exports.inputStyles = (0, _styledComponents.css)(["&.ant-input,&.ant-input-affix-wrapper,&.ant-input-number,&.ant-input-textarea{font-family:", ";border-radius:", ";transition:", ";&:hover{border-color:", ";}&:focus,&.ant-input-affix-wrapper-focused{border-color:", ";box-shadow:none;}&.ant-input-status-error,&.ant-input-affix-wrapper-status-error,&.ant-input-number-status-error{border-color:", ";&:hover{border-color:", ";}&:focus,&.ant-input-affix-wrapper-focused{border-color:", ";box-shadow:none;}}&.ant-input-disabled,&.ant-input-affix-wrapper-disabled{background-color:", ";cursor:not-allowed;}}&.ant-input-lg,&.ant-input-affix-wrapper-lg{font-size:14px;padding:10px 12px;}&.ant-input-textarea{.ant-input{font-family:", ";}}&.ant-input-number{width:100%;.ant-input-number-handler-wrap{opacity:1;}}&.ant-input-search{.ant-input-search-button{background-color:", ";border-color:", ";&:hover{background-color:", ";border-color:", ";}}}"], styledVars.FONT_FAMILY, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G11, styledVars.CAP_G01, styledVars.CAP_RED, styledVars.CAP_RED, styledVars.CAP_RED, styledVars.CAP_G08, styledVars.FONT_FAMILY, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.hover, styledVars.CAP_PRIMARY.hover);

package/components/CapSkeleton/CapSkeleton.js

@@ -1,21 +1,24 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/**
- * CapSkeleton - Migrated to Ant Design v5
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Skeleton } from 'antd';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CapSkeleton = _ref => {
   let {
     className,
     ...rest
   } = _ref;
   const combinedClassName = `cap-skeleton-v2 ${className || ''}`.trim();
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    className: combinedClassName
-  }, rest));
+  return (0, _jsxRuntime.jsx)(_antd.Skeleton, {
+    className: combinedClassName,
+    ...rest
+  });
 };
 CapSkeleton.propTypes = {
-  className: PropTypes.string
+  className: _propTypes.default.string
 };
-export default CapSkeleton;
+var _default = exports.default = CapSkeleton;

package/components/CapSkeleton/index.js

@@ -1 +1,7 @@
-export { default } from './CapSkeleton';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _CapSkeleton = _interopRequireDefault(require("./CapSkeleton"));
+exports.default = _CapSkeleton.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/components/CapSpin/CapSpin.js

@@ -1,27 +1,30 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/**
- * CapSpin - Migrated to Ant Design v5
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Spin } from 'antd';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CapSpin = _ref => {
   let {
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Spin, _extends({
-    className: className
-  }, rest));
+  return (0, _jsxRuntime.jsx)(_antd.Spin, {
+    className: className,
+    ...rest
+  });
 };
 CapSpin.propTypes = {
-  className: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'default', 'large']),
-  spinning: PropTypes.bool,
-  tip: PropTypes.string,
-  delay: PropTypes.number,
-  indicator: PropTypes.node,
-  fullscreen: PropTypes.bool,
-  wrapperClassName: PropTypes.string
+  className: _propTypes.default.string,
+  size: _propTypes.default.oneOf(['small', 'default', 'large']),
+  spinning: _propTypes.default.bool,
+  tip: _propTypes.default.string,
+  delay: _propTypes.default.number,
+  indicator: _propTypes.default.node,
+  fullscreen: _propTypes.default.bool,
+  wrapperClassName: _propTypes.default.string
 };
-export default CapSpin;
+var _default = exports.default = CapSpin;

package/components/CapSpin/index.js

@@ -1 +1,7 @@
-export { default } from './CapSpin';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _CapSpin = _interopRequireDefault(require("./CapSpin"));
+exports.default = _CapSpin.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/components/CapTable/CapTable.js

@@ -1,19 +1,18 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/**
- * CapTable - Migrated to Ant Design v5
- * A table component that supports:
- * - Infinite scrolling with virtualization
- * - Sequential data loading
- * - Optimized scroll performance
- */
-import React, { useEffect, useCallback, useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import { debounce } from 'lodash';
-import classNames from 'classnames';
-import { StyledTable } from './styles';
-import LocaleHoc from '../LocaleHoc';
-const SCROLL_THRESHOLD = 80; // Percentage of scroll to trigger load
-const DEBOUNCE_DELAY = 250; // ms to wait between scroll events
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _styles = require("./styles");
+var _LocaleHoc = _interopRequireDefault(require("../LocaleHoc"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SCROLL_THRESHOLD = 80;
+const DEBOUNCE_DELAY = 250;
 const DEFAULT_ROW_HEIGHT = 54;
 const DEFAULT_SCROLL_HEIGHT = 400;
 const CapTable = _ref => {
@@ -30,10 +29,10 @@ const CapTable = _ref => {
     showLoader,
     ...rest
   } = _ref;
-  const scrollRef = useRef(null);
-  const [hasMore, setHasMore] = useState(true);
-  const currentOffsetRef = useRef(0);
-  const loadMore = useCallback(() => {
+  const scrollRef = (0, _react.useRef)(null);
+  const [hasMore, setHasMore] = (0, _react.useState)(true);
+  const currentOffsetRef = (0, _react.useRef)(0);
+  const loadMore = (0, _react.useCallback)(() => {
     if (!showLoader && hasMore) {
       const nextOffset = currentOffsetRef.current + 1;
       const newOffsetLimit = {
@@ -44,7 +43,7 @@ const CapTable = _ref => {
       setPagination(newOffsetLimit);
     }
   }, [showLoader, hasMore, setPagination, offset_limit]);
-  const handleScroll = useCallback(debounce(event => {
+  const handleScroll = (0, _react.useCallback)((0, _lodash.debounce)(event => {
     const target = event.target;
     if (!target || !infiniteScroll || !hasMore || showLoader) return;
     const scrollTop = Math.ceil(target.scrollTop);
@@ -55,70 +54,65 @@ const CapTable = _ref => {
       loadMore();
     }
   }, DEBOUNCE_DELAY), [infiniteScroll, showLoader, hasMore, loadMore]);
-
-  // Setup scroll listener and handle initial load
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const tableBody = document.querySelector(`#${id} .ant-table-body`);
     if (!tableBody) return;
     scrollRef.current = tableBody;
     tableBody.addEventListener('scroll', handleScroll, {
       passive: true
     });
-
-    // Check if initial load needed
     const shouldLoadInitially = tableBody.scrollHeight <= tableBody.clientHeight && !showLoader && hasMore;
     if (shouldLoadInitially) {
       currentOffsetRef.current = 0;
       loadMore();
     }
-
-    // Cleanup
     return () => {
-      scrollRef.current?.removeEventListener('scroll', handleScroll);
+      var _scrollRef$current;
+      (_scrollRef$current = scrollRef.current) == null ? void 0 : _scrollRef$current.removeEventListener('scroll', handleScroll);
       handleScroll.cancel();
     };
   }, [id, handleScroll, showLoader, hasMore, loadMore]);
-
-  // Handle data changes
-  useEffect(() => {
-    if (!dataSource?.length) {
+  (0, _react.useEffect)(() => {
+    if (!(dataSource != null && dataSource.length)) {
       currentOffsetRef.current = 0;
       setHasMore(true);
     } else {
       setHasMore(true);
     }
   }, [dataSource]);
-  const tableClassName = classNames('cap-table-v2', className, {
+  const tableClassName = (0, _classnames.default)('cap-table-v2', className, {
     'show-loader': showLoader,
     'infinite-scroll': infiniteScroll,
     'has-more': hasMore
   });
-  return /*#__PURE__*/React.createElement(StyledTable, _extends({
+  return (0, _jsxRuntime.jsx)(_styles.StyledTable, {
     id: id,
     className: tableClassName,
     dataSource: dataSource,
     pagination: false,
     scroll: {
-      x: scroll?.x,
-      y: scroll?.y || DEFAULT_SCROLL_HEIGHT,
+      x: scroll == null ? void 0 : scroll.x,
+      y: (scroll == null ? void 0 : scroll.y) || DEFAULT_SCROLL_HEIGHT,
       scrollToFirstRowOnChange: false
     },
     virtual: infiniteScroll,
-    rowHeight: DEFAULT_ROW_HEIGHT
-  }, rest), children);
+    rowHeight: DEFAULT_ROW_HEIGHT,
+    ...rest,
+    children: children
+  });
 };
 CapTable.propTypes = {
-  id: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  infiniteScroll: PropTypes.bool,
-  pagination: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
-  dataSource: PropTypes.array,
-  offset_limit: PropTypes.object,
-  setPagination: PropTypes.func,
-  scroll: PropTypes.object,
-  showLoader: PropTypes.bool
+  id: _propTypes.default.string.isRequired,
+  className: _propTypes.default.string,
+  children: _propTypes.default.node,
+  infiniteScroll: _propTypes.default.bool,
+  pagination: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
+  dataSource: _propTypes.default.array,
+  offset_limit: _propTypes.default.object,
+  setPagination: _propTypes.default.func,
+  scroll: _propTypes.default.object,
+  showLoader: _propTypes.default.bool
 };
-export default LocaleHoc(CapTable, {
+var _default = exports.default = (0, _LocaleHoc.default)(CapTable, {
   key: 'CapTable'
 });

package/components/CapTable/index.js

@@ -1,2 +1,7 @@
-import CapTableLoadable from './loadable';
-export default CapTableLoadable;
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _loadable = _interopRequireDefault(require("./loadable"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _loadable.default;

package/components/CapTable/loadable.js

@@ -1,8 +1,18 @@
-import CapSkeleton from '../CapSkeleton';
-import { loadable } from '@capillarytech/cap-ui-utils';
-import React, { Suspense } from 'react';
-const LoadableComponent = loadable(() => import('./CapTable'));
-const CapTableLoadable = props => /*#__PURE__*/React.createElement(Suspense, {
-  fallback: /*#__PURE__*/React.createElement(CapSkeleton, null)
-}, /*#__PURE__*/React.createElement(LoadableComponent, props));
-export default CapTableLoadable;
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _CapSkeleton = _interopRequireDefault(require("../CapSkeleton"));
+var _capUiUtils = require("@capillarytech/cap-ui-utils");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const LoadableComponent = (0, _capUiUtils.loadable)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./CapTable'))));
+const CapTableLoadable = props => (0, _jsxRuntime.jsx)(_react.Suspense, {
+  fallback: (0, _jsxRuntime.jsx)(_CapSkeleton.default, {}),
+  children: (0, _jsxRuntime.jsx)(LoadableComponent, {
+    ...props
+  })
+});
+var _default = exports.default = CapTableLoadable;