@capillarytech/blaze-ui 0.1.6-alpha.67 → 0.1.6-alpha.7

package/CapSpin/CapSpin.js

@@ -1,23 +0,0 @@
-/**
- * CapSpin - Migrated to Ant Design v5
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Spin } from 'antd-v5';
-
-const CapSpin = ({ className, ...rest }) => (
-  <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
-};
-
-export default CapSpin; 

package/CapSpin/index.js

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

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/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;

package/assets/upload.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00031 13.0631V3.79511L4.46431 6.33111C4.07431 6.72111 3.44131 6.72111 3.05031 6.33111C2.65931 5.94011 2.65931 5.30711 3.05031 4.91611L7.29331 0.674109C7.68331 0.283109 8.31631 0.283109 8.70731 0.674109L12.9493 4.91611C13.3403 5.30711 13.3403 5.94011 12.9493 6.33111C12.5593 6.72111 11.9263 6.72111 11.5353 6.33111L9.00031 3.79511V13.0631C9.00031 13.5761 8.55231 13.9911 8.00031 13.9911C7.44731 13.9911 7.00031 13.5761 7.00031 13.0631ZM14.9975 12.9942C15.5495 12.9942 15.9975 13.4412 15.9975 13.9942V16.9302C15.9985 16.9502 15.9995 16.9712 15.9995 16.9912C15.9995 17.0342 15.9965 17.0772 15.9895 17.1192C15.9285 17.6122 15.5075 17.9942 14.9975 17.9942C14.9565 17.9942 14.9175 17.9922 14.8785 17.9872C14.8405 17.9902 14.8015 17.9912 14.7625 17.9912H1.23751C1.21394 17.9912 1.19217 17.9861 1.1704 17.981C1.15245 17.9768 1.13449 17.9726 1.11551 17.9712C1.10076 17.9725 1.0868 17.9767 1.07275 17.9809C1.05538 17.986 1.03786 17.9912 1.01851 17.9912C0.606512 17.9912 0.253512 17.7412 0.101512 17.3852C0.0365117 17.2642 -0.000488281 17.1312 -0.000488281 16.9912C-0.000488281 16.9769 0.00426292 16.9638 0.00903728 16.9506C0.013294 16.9388 0.017569 16.9269 0.0185117 16.9142V13.9912C0.0185117 13.4382 0.466512 12.9912 1.01851 12.9912C1.57151 12.9912 2.01851 13.4382 2.01851 13.9912V15.9912H13.9975V13.9942C13.9975 13.4412 14.4455 12.9942 14.9975 12.9942Z" fill="#2466EA"/>
-</svg>

package/utils/index.js

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

package/utils/withMemo.js

@@ -1,33 +0,0 @@
-import React from 'react';
-
-const withMemo = (Component, isEqual, log = false) => {
-  const defaultIsEqual = (prevProps, nextProps) => {
-    const prevKeys = Object.keys(prevProps).filter((key) => key !== 'intl');
-    const changedProps = [];
-    const isEqual = prevKeys.every((key) => {
-      const areEqual = prevProps[key] === nextProps[key];
-      if (!areEqual) {
-        changedProps.push({
-          key,
-          prevValue: prevProps[key],
-          nextValue: nextProps[key],
-        });
-      }
-      return areEqual;
-    });
-
-    if (log && changedProps.length > 0) {
-      // eslint-disable-next-line no-console
-      console.log('Props changed:', changedProps);
-    }
-
-    return isEqual;
-  };
-
-  if (typeof isEqual !== 'function') {
-    return React.memo(Component, defaultIsEqual);
-  }
-  return React.memo(Component, isEqual);
-};
-
-export default withMemo;

package/utils/withStyles.js

@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-
-/**
- * Enhances a React component with additional styles using styled-components.
- * @param {React.ComponentType} WrappedComponent - The React component to enhance.
- * @param {TemplateStringsArray} styles - CSS styles as a TemplateStringsArray.
- * @returns {React.ComponentType} Returns the enhanced styled component.
- */
-const withStyledComponent = (WrappedComponent, styles) => {
-  /**
-   * A styled component generated by combining WrappedComponent with additional styles.
-   * @type {React.ComponentType}
-   */
-  const StyledComponent = styled(WrappedComponent)`
-    ${styles};
-  `;
-
-  // Set default props from the original component to the styled component
-  StyledComponent.defaultProps = WrappedComponent.defaultProps;
-
-  return StyledComponent;
-};
-
-export default withStyledComponent;