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

package/components/CapInput/CapInput.js

@@ -0,0 +1,60 @@
+"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 = _react.default.forwardRef((props, ref) => {
+  const {
+    alwaysShowFocus,
+    errorMessage,
+    isVerified,
+    suffix,
+    showSuffix = true,
+    ...rest
+  } = props;
+  const inputRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (alwaysShowFocus && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [alwaysShowFocus]);
+  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.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
+};
+var _default = exports.default = CapInput;

package/components/CapInput/Number.js

@@ -0,0 +1,39 @@
+"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 (0, _jsxRuntime.jsx)(_antd.InputNumber, {
+    ...rest,
+    ref: ref,
+    size: size
+  });
+});
+CapInputNumber.displayName = 'CapInputNumber';
+CapInputNumber.propTypes = {
+  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
+};
+var _default = exports.default = CapInputNumber;

package/components/CapInput/Search.js

@@ -0,0 +1,34 @@
+"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
+} = _antd.Input;
+const CapInputSearch = _react.default.forwardRef((props, ref) => {
+  const {
+    size = 'large',
+    ...rest
+  } = props;
+  return (0, _jsxRuntime.jsx)(Search, {
+    ...rest,
+    ref: ref,
+    size: size
+  });
+});
+CapInputSearch.displayName = 'CapInputSearch';
+CapInputSearch.propTypes = {
+  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'
+};
+var _default = exports.default = CapInputSearch;

package/components/CapInput/TextArea.js

@@ -0,0 +1,41 @@
+"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
+} = _antd.Input;
+const CapInputTextArea = _react.default.forwardRef((props, ref) => {
+  const {
+    size = 'large',
+    ...rest
+  } = props;
+  return (0, _jsxRuntime.jsx)(TextArea, {
+    ...rest,
+    ref: ref,
+    size: size
+  });
+});
+CapInputTextArea.displayName = 'CapInputTextArea';
+CapInputTextArea.propTypes = {
+  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.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
+};
+var _default = exports.default = CapInputTextArea;

package/components/CapInput/index.js

@@ -0,0 +1,13 @@
+"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

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _reactIntl = require("react-intl");
+const scope = 'blaze.components.CapInput';
+var _default = exports.default = (0, _reactIntl.defineMessages)({
+  placeholder: {
+    id: `${scope}.placeholder`,
+    defaultMessage: 'Enter text...'
+  },
+  searchPlaceholder: {
+    id: `${scope}.searchPlaceholder`,
+    defaultMessage: 'Search...'
+  },
+  textAreaPlaceholder: {
+    id: `${scope}.textAreaPlaceholder`,
+    defaultMessage: 'Enter your text here...'
+  },
+  numberPlaceholder: {
+    id: `${scope}.numberPlaceholder`,
+    defaultMessage: 'Enter number...'
+  }
+});

package/components/CapInput/styles.js

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,24 @@
+"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 (0, _jsxRuntime.jsx)(_antd.Skeleton, {
+    className: combinedClassName,
+    ...rest
+  });
+};
+CapSkeleton.propTypes = {
+  className: _propTypes.default.string
+};
+var _default = exports.default = CapSkeleton;

package/components/CapSkeleton/index.js

@@ -0,0 +1,7 @@
+"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

@@ -0,0 +1,30 @@
+"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 (0, _jsxRuntime.jsx)(_antd.Spin, {
+    className: className,
+    ...rest
+  });
+};
+CapSpin.propTypes = {
+  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
+};
+var _default = exports.default = CapSpin;

package/components/CapSpin/index.js

@@ -0,0 +1,7 @@
+"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

@@ -0,0 +1,118 @@
+"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 => {
+  let {
+    id,
+    className,
+    children,
+    infiniteScroll,
+    pagination,
+    dataSource,
+    offset_limit,
+    setPagination,
+    scroll,
+    showLoader,
+    ...rest
+  } = _ref;
+  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 = {
+        ...offset_limit,
+        offset: nextOffset
+      };
+      currentOffsetRef.current = nextOffset;
+      setPagination(newOffsetLimit);
+    }
+  }, [showLoader, hasMore, setPagination, offset_limit]);
+  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);
+    const visibleHeight = target.clientHeight;
+    const totalHeight = target.scrollHeight;
+    const scrolledPercentage = (scrollTop + visibleHeight) / totalHeight * 100;
+    if (scrolledPercentage >= SCROLL_THRESHOLD) {
+      loadMore();
+    }
+  }, DEBOUNCE_DELAY), [infiniteScroll, showLoader, hasMore, loadMore]);
+  (0, _react.useEffect)(() => {
+    const tableBody = document.querySelector(`#${id} .ant-table-body`);
+    if (!tableBody) return;
+    scrollRef.current = tableBody;
+    tableBody.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    const shouldLoadInitially = tableBody.scrollHeight <= tableBody.clientHeight && !showLoader && hasMore;
+    if (shouldLoadInitially) {
+      currentOffsetRef.current = 0;
+      loadMore();
+    }
+    return () => {
+      var _scrollRef$current;
+      (_scrollRef$current = scrollRef.current) == null ? void 0 : _scrollRef$current.removeEventListener('scroll', handleScroll);
+      handleScroll.cancel();
+    };
+  }, [id, handleScroll, showLoader, hasMore, loadMore]);
+  (0, _react.useEffect)(() => {
+    if (!(dataSource != null && dataSource.length)) {
+      currentOffsetRef.current = 0;
+      setHasMore(true);
+    } else {
+      setHasMore(true);
+    }
+  }, [dataSource]);
+  const tableClassName = (0, _classnames.default)('cap-table-v2', className, {
+    'show-loader': showLoader,
+    'infinite-scroll': infiniteScroll,
+    'has-more': hasMore
+  });
+  return (0, _jsxRuntime.jsx)(_styles.StyledTable, {
+    id: id,
+    className: tableClassName,
+    dataSource: dataSource,
+    pagination: false,
+    scroll: {
+      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: children
+  });
+};
+CapTable.propTypes = {
+  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
+};
+var _default = exports.default = (0, _LocaleHoc.default)(CapTable, {
+  key: 'CapTable'
+});

package/components/CapTable/index.js

@@ -0,0 +1,7 @@
+"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

@@ -0,0 +1,18 @@
+"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;

package/components/CapTable/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.StyledTable = void 0;
+var _antd = require("antd");
+var _styledComponents = _interopRequireDefault(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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  CAP_G09,
+  CAP_G01,
+  CAP_G06,
+  CAP_G07,
+  CAP_G10,
+  SPACING_16,
+  SPACING_24,
+  FONT_SIZE_S
+} = styledVars;
+const StyledTable = exports.StyledTable = (0, _styledComponents.default)(_antd.Table).withConfig({
+  displayName: "StyledTable",
+  componentId: "sc-1ldu1k4-0"
+})(["&.cap-table-v2{.ant-table{border:1px solid ", ";}}&.show-loader{.ant-table-body > table > tbody::after{content:'", "';display:flex;justify-content:center;position:absolute;width:100%;align-items:center;height:60px;text-align:center;font-size:16px;color:gray;border-top:1px solid ", ";}}.ant-table{border:1px solid ", ";.ant-table-thead > tr > th{color:", ";font-size:", ";line-height:", ";background-color:", ";text-align:left;}.ant-table-thead > tr > th,.ant-table-tbody > tr > td{padding:", " ", ";}.ant-table-tbody > tr > td{border-bottom:1px solid ", ";}.ant-table-tbody > tr:last-child > td{border-bottom:none;}.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{background-color:", ";}.ant-table-thead > tr > th .ant-table-column-sorter-up,.ant-table-thead > tr > th .ant-table-column-sorter-down{&.active{color:", ";}&:not(.active){color:", ";}}.ant-table-thead{.table-children{padding:6px ", " 16px;position:relative;}.table-parent{padding-bottom:0;padding-left:", ";}.table-children.show-separator:not(:last-child)::after{content:'';height:8px;width:1px;right:0;top:30%;background-color:", ";position:absolute;}}.ant-table-thead > tr > th .ant-table-column-sorter{vertical-align:unset;}.ant-table-body table{table-layout:fixed;width:100%;}}&.no-pagination-loader{.ant-table-body > table > tbody::after{content:'';height:unset;display:none;}}&.hide-hover{.ant-table{.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{background:none;}}}a{color:", ";}"], CAP_G07, props => props.loadMoreData, CAP_G07, CAP_G07, CAP_G01, FONT_SIZE_S, SPACING_16, CAP_G10, SPACING_16, SPACING_24, CAP_G07, CAP_G09, CAP_G01, CAP_G06, SPACING_24, SPACING_24, CAP_G07, CAP_G01);

package/components/CapTestSelect/CapTestSelect.js

@@ -0,0 +1,36 @@
+"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 CapTestSelect = props => {
+  return (0, _jsxRuntime.jsx)(_antd.Select, {
+    ...props
+  });
+};
+CapTestSelect.propTypes = {
+  allowClear: _propTypes.default.bool,
+  defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))]),
+  disabled: _propTypes.default.bool,
+  loading: _propTypes.default.bool,
+  mode: _propTypes.default.oneOf(['multiple', 'tags']),
+  placeholder: _propTypes.default.string,
+  showSearch: _propTypes.default.bool,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))]),
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.node,
+    value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    disabled: _propTypes.default.bool
+  }))
+};
+CapTestSelect.defaultProps = {
+  allowClear: false,
+  disabled: false,
+  loading: false,
+  showSearch: false
+};
+var _default = exports.default = CapTestSelect;

package/components/CapTestSelect/index.js

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