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

package/dist/esm/components/CapInput/messages.js

@@ -1,25 +0,0 @@
-/*
- * CapInput Messages
- *
- * This contains all the text for the CapInput component.
- */
-import { defineMessages } from 'react-intl';
-var scope = 'blaze.components.CapInput';
-export default defineMessages({
-  placeholder: {
-    id: "".concat(scope, ".placeholder"),
-    defaultMessage: 'Enter text...'
-  },
-  searchPlaceholder: {
-    id: "".concat(scope, ".searchPlaceholder"),
-    defaultMessage: 'Search...'
-  },
-  textAreaPlaceholder: {
-    id: "".concat(scope, ".textAreaPlaceholder"),
-    defaultMessage: 'Enter your text here...'
-  },
-  numberPlaceholder: {
-    id: "".concat(scope, ".numberPlaceholder"),
-    defaultMessage: 'Enter number...'
-  }
-});

package/dist/esm/components/CapInput/styles.js

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import * as styledVars from '../styled/variables';
-export var 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);

package/dist/esm/components/CapSkeleton/CapSkeleton.js

@@ -1,22 +0,0 @@
-var _excluded = ["className"];
-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); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- * CapSkeleton - Migrated to Ant Design v5
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Skeleton } from 'antd';
-var CapSkeleton = function CapSkeleton(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var combinedClassName = "cap-skeleton-v2 ".concat(className || '').trim();
-  return /*#__PURE__*/React.createElement(Skeleton, _extends({
-    className: combinedClassName
-  }, rest));
-};
-CapSkeleton.propTypes = {
-  className: PropTypes.string
-};
-export default CapSkeleton;

package/dist/esm/components/CapSkeleton/index.js

@@ -1 +0,0 @@
-export { default } from './CapSkeleton';

package/dist/esm/components/CapSpin/CapSpin.js

@@ -1,28 +0,0 @@
-var _excluded = ["className"];
-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); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- * CapSpin - Migrated to Ant Design v5
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Spin } from 'antd';
-var CapSpin = function CapSpin(_ref) {
-  var className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Spin, _extends({
-    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
-};
-export default CapSpin;

package/dist/esm/components/CapSpin/index.js

@@ -1 +0,0 @@
-export { default } from './CapSpin';

package/dist/esm/components/CapTable/CapTable.js

@@ -1,140 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "className", "children", "infiniteScroll", "pagination", "dataSource", "offset_limit", "setPagination", "scroll", "showLoader"];
-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); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- * 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';
-var SCROLL_THRESHOLD = 80; // Percentage of scroll to trigger load
-var DEBOUNCE_DELAY = 250; // ms to wait between scroll events
-var DEFAULT_ROW_HEIGHT = 54;
-var DEFAULT_SCROLL_HEIGHT = 400;
-var CapTable = function CapTable(_ref) {
-  var id = _ref.id,
-    className = _ref.className,
-    children = _ref.children,
-    infiniteScroll = _ref.infiniteScroll,
-    pagination = _ref.pagination,
-    dataSource = _ref.dataSource,
-    offset_limit = _ref.offset_limit,
-    setPagination = _ref.setPagination,
-    scroll = _ref.scroll,
-    showLoader = _ref.showLoader,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var scrollRef = useRef(null);
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasMore = _useState2[0],
-    setHasMore = _useState2[1];
-  var currentOffsetRef = useRef(0);
-  var loadMore = useCallback(function () {
-    if (!showLoader && hasMore) {
-      var nextOffset = currentOffsetRef.current + 1;
-      var newOffsetLimit = _objectSpread(_objectSpread({}, offset_limit), {}, {
-        offset: nextOffset
-      });
-      currentOffsetRef.current = nextOffset;
-      setPagination(newOffsetLimit);
-    }
-  }, [showLoader, hasMore, setPagination, offset_limit]);
-  var handleScroll = useCallback(debounce(function (event) {
-    var target = event.target;
-    if (!target || !infiniteScroll || !hasMore || showLoader) return;
-    var scrollTop = Math.ceil(target.scrollTop);
-    var visibleHeight = target.clientHeight;
-    var totalHeight = target.scrollHeight;
-    var scrolledPercentage = (scrollTop + visibleHeight) / totalHeight * 100;
-    if (scrolledPercentage >= SCROLL_THRESHOLD) {
-      loadMore();
-    }
-  }, DEBOUNCE_DELAY), [infiniteScroll, showLoader, hasMore, loadMore]);
-
-  // Setup scroll listener and handle initial load
-  useEffect(function () {
-    var tableBody = document.querySelector("#".concat(id, " .ant-table-body"));
-    if (!tableBody) return;
-    scrollRef.current = tableBody;
-    tableBody.addEventListener('scroll', handleScroll, {
-      passive: true
-    });
-
-    // Check if initial load needed
-    var shouldLoadInitially = tableBody.scrollHeight <= tableBody.clientHeight && !showLoader && hasMore;
-    if (shouldLoadInitially) {
-      currentOffsetRef.current = 0;
-      loadMore();
-    }
-
-    // Cleanup
-    return function () {
-      var _scrollRef$current;
-      (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.removeEventListener('scroll', handleScroll);
-      handleScroll.cancel();
-    };
-  }, [id, handleScroll, showLoader, hasMore, loadMore]);
-
-  // Handle data changes
-  useEffect(function () {
-    if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) {
-      currentOffsetRef.current = 0;
-      setHasMore(true);
-    } else {
-      setHasMore(true);
-    }
-  }, [dataSource]);
-  var tableClassName = classNames('cap-table-v2', className, {
-    'show-loader': showLoader,
-    'infinite-scroll': infiniteScroll,
-    'has-more': hasMore
-  });
-  return /*#__PURE__*/React.createElement(StyledTable, _extends({
-    id: id,
-    className: tableClassName,
-    dataSource: dataSource,
-    pagination: false,
-    scroll: {
-      x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
-      y: (scroll === null || scroll === void 0 ? void 0 : scroll.y) || DEFAULT_SCROLL_HEIGHT,
-      scrollToFirstRowOnChange: false
-    },
-    virtual: infiniteScroll,
-    rowHeight: DEFAULT_ROW_HEIGHT
-  }, rest), 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
-};
-export default LocaleHoc(CapTable, {
-  key: 'CapTable'
-});

package/dist/esm/components/CapTable/index.js

@@ -1,2 +0,0 @@
-import CapTableLoadable from './loadable';
-export default CapTableLoadable;

package/dist/esm/components/CapTable/loadable.js

@@ -1,12 +0,0 @@
-import CapSkeleton from '../CapSkeleton';
-import { loadable } from '@capillarytech/cap-ui-utils';
-import React, { Suspense } from 'react';
-var LoadableComponent = loadable(function () {
-  return import('./CapTable');
-});
-var CapTableLoadable = function CapTableLoadable(props) {
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(CapSkeleton, null)
-  }, /*#__PURE__*/React.createElement(LoadableComponent, props));
-};
-export default CapTableLoadable;

package/dist/esm/components/CapTable/styles.js

@@ -1,17 +0,0 @@
-import { Table } from 'antd';
-import styled from 'styled-components';
-import * as styledVars from '../styled/variables';
-var CAP_G09 = styledVars.CAP_G09,
-  CAP_G01 = styledVars.CAP_G01,
-  CAP_G06 = styledVars.CAP_G06,
-  CAP_G07 = styledVars.CAP_G07,
-  CAP_G10 = styledVars.CAP_G10,
-  SPACING_16 = styledVars.SPACING_16,
-  SPACING_24 = styledVars.SPACING_24,
-  FONT_SIZE_S = styledVars.FONT_SIZE_S;
-export var StyledTable = styled(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, function (props) {
-  return 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/dist/esm/components/CapTestSelect/CapTestSelect.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Select } from 'antd';
-
-/**
- * Test component to verify Ant Design v5 Select integration
- * This is a simple wrapper for testing purposes only
- */
-var CapTestSelect = function CapTestSelect(props) {
-  return /*#__PURE__*/React.createElement(Select, props);
-};
-CapTestSelect.propTypes = {
-  // Common Select props from antd
-  allowClear: PropTypes.bool,
-  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))]),
-  disabled: PropTypes.bool,
-  loading: PropTypes.bool,
-  mode: PropTypes.oneOf(['multiple', 'tags']),
-  placeholder: PropTypes.string,
-  showSearch: PropTypes.bool,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))]),
-  options: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.node,
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    disabled: PropTypes.bool
-  }))
-};
-CapTestSelect.defaultProps = {
-  allowClear: false,
-  disabled: false,
-  loading: false,
-  showSearch: false
-};
-export default CapTestSelect;

package/dist/esm/components/CapTestSelect/index.js

@@ -1 +0,0 @@
-export { default } from './CapTestSelect';