@capillarytech/blaze-ui 0.3.3 → 0.3.4-beta.0

package/CapTable/styles.js

@@ -1,134 +0,0 @@
-import { Table } from 'antd-v5';
-import styled from 'styled-components';
-import * as styledVars from '../styled/variables';
-
-const {
-  CAP_G09,
-  CAP_G01,
-  CAP_G06,
-  CAP_G07,
-  CAP_G10,
-  SPACING_16,
-  SPACING_24,
-  FONT_SIZE_S,
-} = styledVars;
-
-export const StyledTable = styled(Table)`
-  &.cap-table-v2 {
-    .ant-table {
-      border: 1px solid ${CAP_G07};
-    }
-  }
-
-  &.show-loader {
-    .ant-table-body > table > tbody::after {
-      content: '${(props) => props.loadMoreData}';
-      display: flex;
-      justify-content: center;
-      position: absolute;
-      width: 100%;
-      align-items: center;
-      height: 4.286rem;
-      text-align: center;
-      font-size: 1.143rem;
-      color: gray;
-      border-top: 1px solid ${CAP_G07};
-    }
-  }
-
-  .ant-table {
-    border: 1px solid ${CAP_G07};
-
-    .ant-table-thead > tr > th {
-      color: ${CAP_G01};
-      font-size: ${FONT_SIZE_S};
-      line-height: ${SPACING_16};
-      background-color: ${CAP_G10};
-      text-align: left;
-    }
-
-    .ant-table-thead > tr > th,
-    .ant-table-tbody > tr > td {
-      padding: ${SPACING_16} ${SPACING_24};
-    }
-
-    .ant-table-tbody > tr > td {
-      border-bottom: 1px solid ${CAP_G07};
-    }
-
-    .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: ${CAP_G09};
-    }
-
-    .ant-table-thead > tr > th .ant-table-column-sorter-up,
-    .ant-table-thead > tr > th .ant-table-column-sorter-down {
-      &.active {
-        color: ${CAP_G01};
-      }
-      &:not(.active) {
-        color: ${CAP_G06};
-      }
-    }
-
-    .ant-table-thead {
-      .table-children {
-        padding: 0.429rem ${SPACING_24} 1.143rem;
-        position: relative;
-      }
-
-      .table-parent {
-        padding-bottom: 0;
-        padding-left: ${SPACING_24};
-      }
-
-      .table-children.show-separator:not(:last-child)::after {
-        content: '';
-        height: 0.571rem;
-        width: 0.071rem;
-        right: 0;
-        top: 30%;
-        background-color: ${CAP_G07};
-        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_G01};
-  }
-`;

package/CapTestSelect/CapTestSelect.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Select } from 'antd-v5';
-
-/**
- * Test component to verify Ant Design v5 Select integration
- * This is a simple wrapper for testing purposes only
- */
-const CapTestSelect = (props) => {
-  return <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/CapTestSelect/index.js

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

package/CapTooltip/CapTooltip.js

@@ -1,98 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Tooltip } from 'antd-v5';
-import classnames from 'classnames';
-import styled from 'styled-components';
-import { tooltipStyles } from './styles';
-import withStyles from '../utils/withStyles';
-
-const StyledTooltip = styled(Tooltip)`
-  ${tooltipStyles}
-`;
-
-const CapTooltip = ({
-  title,
-  children,
-  placement,
-  visible,
-  defaultVisible,
-  trigger,
-  destroyTooltipOnHide,
-  mouseEnterDelay,
-  mouseLeaveDelay,
-  overlayClassName,
-  overlayStyle,
-  onVisibleChange,
-  align,
-  arrowPointAtCenter,
-  autoAdjustOverflow,
-  getPopupContainer,
-  className,
-  ...rest
-}) => {
-  return (
-    <StyledTooltip
-      title={title}
-      placement={placement}
-      open={visible}
-      defaultOpen={defaultVisible}
-      trigger={trigger}
-      destroyTooltipOnHide={destroyTooltipOnHide}
-      mouseEnterDelay={mouseEnterDelay}
-      mouseLeaveDelay={mouseLeaveDelay}
-      overlayClassName={classnames('cap-tooltip-overlay-v2', overlayClassName)}
-      overlayStyle={overlayStyle}
-      onOpenChange={onVisibleChange}
-      align={align}
-      arrow={{ pointAtCenter: arrowPointAtCenter }}
-      autoAdjustOverflow={autoAdjustOverflow}
-      getPopupContainer={getPopupContainer}
-      className={classnames('cap-tooltip-v2', className)}
-      {...rest}
-    >
-      {children}
-    </StyledTooltip>
-  );
-};
-
-CapTooltip.propTypes = {
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  children: PropTypes.node,
-  placement: PropTypes.oneOf([
-    'top', 'left', 'right', 'bottom',
-    'topLeft', 'topRight', 'bottomLeft', 'bottomRight',
-    'leftTop', 'leftBottom', 'rightTop', 'rightBottom',
-  ]),
-  visible: PropTypes.bool,
-  defaultVisible: PropTypes.bool,
-  trigger: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string),
-  ]),
-  destroyTooltipOnHide: PropTypes.bool,
-  mouseEnterDelay: PropTypes.number,
-  mouseLeaveDelay: PropTypes.number,
-  overlayClassName: PropTypes.string,
-  overlayStyle: PropTypes.object,
-  onVisibleChange: PropTypes.func,
-  align: PropTypes.object,
-  arrowPointAtCenter: PropTypes.bool,
-  autoAdjustOverflow: PropTypes.bool,
-  getPopupContainer: PropTypes.func,
-  className: PropTypes.string,
-};
-
-CapTooltip.defaultProps = {
-  placement: 'top',
-  defaultVisible: false,
-  trigger: 'hover',
-  destroyTooltipOnHide: false,
-  mouseEnterDelay: 0.1,
-  mouseLeaveDelay: 0.1,
-  overlayClassName: '',
-  arrowPointAtCenter: false,
-  autoAdjustOverflow: true,
-  className: '',
-};
-
-export default withStyles(CapTooltip, tooltipStyles);

package/CapTooltip/index.js

@@ -1,3 +0,0 @@
-import CapTooltip from './CapTooltip';
-
-export default CapTooltip;

package/CapTooltip/styles.js

@@ -1,34 +0,0 @@
-import styled, { css } from 'styled-components';
-import * as styledVars from '../styled/variables';
-
-export const tooltipStyles = css`
-  &.cap-tooltip-overlay-v2 {
-    .ant-tooltip-inner {
-      background-color: ${styledVars.CAP_G01};
-      color: ${styledVars.CAP_WHITE};
-      padding: ${styledVars.SPACING_08} ${styledVars.SPACING_12};
-      font-size: 1rem;
-      line-height: 1.429rem;
-      border-radius: ${styledVars.RADIUS_04};
-      max-width: 21.429rem;
-      word-wrap: break-word;
-    }
-
-    .ant-tooltip-arrow::before {
-      background-color: ${styledVars.CAP_G01};
-    }
-  }
-
-  .button-disabled-tooltip-wrapper {
-    display: inline-block;
-    cursor: not-allowed;
-
-    .ant-btn[disabled] {
-      pointer-events: none;
-    }
-  }
-`;
-
-export const StyledTooltipWrapper = styled.div`
-  display: inline-block;
-`;

package/CapTooltipWithInfo/CapTooltipWithInfo.js

@@ -1,74 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { CapTooltip, CapIcon } from '../';
-import withStyles from '../utils/withStyles';
-import { tooltipWithInfoStyles } from './styles';
-
-/**
- * CapTooltipWithInfo - A component that combines an info icon with a tooltip
- * for displaying additional information on hover or other trigger events.
- */
-const CapTooltipWithInfo = ({
-  title,
-  iconSize = 's',
-  iconType = 'info-circle',
-  placement = 'top',
-  trigger = 'hover',
-  className = '',
-  tooltipProps = {},
-  iconProps = {},
-  ...rest
-}) => {
-  return (
-    <span 
-      className={classnames('cap-tooltip-with-info', className)} 
-      {...rest}
-    >
-      <CapTooltip
-        title={title}
-        placement={placement}
-        trigger={trigger}
-        {...tooltipProps}
-      >
-        <span className="cap-tooltip-with-info-icon">
-          <CapIcon 
-            type={iconType}
-            size={iconSize}
-            {...iconProps}
-          />
-        </span>
-      </CapTooltip>
-    </span>
-  );
-};
-
-CapTooltipWithInfo.propTypes = {
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-  iconSize: PropTypes.oneOf(['xs', 's', 'm', 'l']),
-  iconType: PropTypes.string,
-  placement: PropTypes.oneOf([
-    'top', 'left', 'right', 'bottom',
-    'topLeft', 'topRight', 'bottomLeft', 'bottomRight',
-    'leftTop', 'leftBottom', 'rightTop', 'rightBottom',
-  ]),
-  trigger: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.arrayOf(PropTypes.string),
-  ]),
-  className: PropTypes.string,
-  tooltipProps: PropTypes.object,
-  iconProps: PropTypes.object,
-};
-
-CapTooltipWithInfo.defaultProps = {
-  iconSize: 's',
-  iconType: 'info-circle',
-  placement: 'top',
-  trigger: 'hover',
-  className: '',
-  tooltipProps: {},
-  iconProps: {},
-};
-
-export default withStyles(CapTooltipWithInfo, tooltipWithInfoStyles);

package/CapTooltipWithInfo/index.js

@@ -1,3 +0,0 @@
-import CapTooltipWithInfo from './CapTooltipWithInfo';
-
-export default CapTooltipWithInfo;

package/CapTooltipWithInfo/styles.js

@@ -1,22 +0,0 @@
-import { css } from 'styled-components';
-import * as styledVars from '../styled/variables';
-
-export const tooltipWithInfoStyles = css`
-  &.cap-tooltip-with-info {
-    display: inline-flex;
-    align-items: center;
-    cursor: default;
-    
-    .cap-tooltip-with-info-icon {
-      color: ${styledVars.CAP_G06};
-      margin-left: ${styledVars.SPACING_04};
-      cursor: help;
-      
-      &:hover {
-        color: ${styledVars.CAP_G07};
-      }
-    }
-  }
-`;
-
-export default tooltipWithInfoStyles;