@capillarytech/blaze-ui 0.1.6-alpha.20 → 0.1.6-alpha.22

package/CapTestSelect/CapTestSelect.js

@@ -0,0 +1,47 @@
+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
+ */
+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

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

package/CapUnifiedSelect/CapUnifiedSelect.js

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import { Select, TreeSelect, Tooltip, Input, Button } from 'antd';
 import { InfoCircleOutlined, SearchOutlined, WarningFilled, DownOutlined } from '@ant-design/icons';
 import { SelectWrapper, HeaderWrapper, selectStyles } from './styles';
-import withStyles from './withStyles';
+import withStyles from '../../utils/withStyles';
 import styled from 'styled-components';
 
 const CapUnifiedSelect = ({

package/dist/CapTestSelect/CapTestSelect.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 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["default"].createElement(_antd.Select, props);
+};
+CapTestSelect.propTypes = {
+  // Common Select props from antd
+  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/dist/{CapTreeSelect → CapTestSelect}/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _CapTreeSelect["default"];
+    return _CapTestSelect["default"];
   }
 });
-var _CapTreeSelect = _interopRequireDefault(require("./CapTreeSelect"));
+var _CapTestSelect = _interopRequireDefault(require("./CapTestSelect"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/CapUnifiedSelect/CapUnifiedSelect.js

@@ -11,7 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _antd = require("antd");
 var _icons = require("@ant-design/icons");
 var _styles = require("./styles");
-var _withStyles = _interopRequireDefault(require("./withStyles"));
+var _withStyles = _interopRequireDefault(require("../../utils/withStyles"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 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 _interopRequireWildcard(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 (var _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); }

package/dist/esm/CapTestSelect/CapTestSelect.js

@@ -0,0 +1,34 @@
+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/CapTestSelect/index.js

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

package/dist/esm/CapUnifiedSelect/CapUnifiedSelect.js

@@ -18,7 +18,7 @@ import classnames from 'classnames';
 import { Select, TreeSelect, Tooltip, Input, Button } from 'antd';
 import { InfoCircleOutlined, SearchOutlined, WarningFilled, DownOutlined } from '@ant-design/icons';
 import { SelectWrapper, HeaderWrapper, selectStyles } from './styles';
-import withStyles from './withStyles';
+import withStyles from '../../utils/withStyles';
 import styled from 'styled-components';
 var CapUnifiedSelect = function CapUnifiedSelect(_ref) {
   var type = _ref.type,

package/dist/esm/index.js

@@ -1,11 +1 @@
-// Import and export all components
-export { default as CapInput } from './CapInput';
-export { default as CapTable } from './CapTable';
-
-// Export utilities
-export { default as LocaleHoc } from './LocaleHoc';
-
-// Export styled utilities
-import * as _styledVars from './styled/variables';
-export { _styledVars as styledVars };
-export { default as styled } from './styled';
+export { default as withStyles } from './withStyles';

package/dist/esm/withStyles.js

@@ -0,0 +1,23 @@
+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.
+ */
+var withStyledComponent = function withStyledComponent(WrappedComponent, styles) {
+  /**
+   * A styled component generated by combining WrappedComponent with additional styles.
+   * @type {React.ComponentType}
+   */
+  var StyledComponent = styled(WrappedComponent).withConfig({
+    displayName: "StyledComponent",
+    componentId: "sc-ujcdm3-0"
+  })(["", ";"], styles);
+
+  // Set default props from the original component to the styled component
+  StyledComponent.defaultProps = WrappedComponent.defaultProps;
+  return StyledComponent;
+};
+export default withStyledComponent;

package/dist/index.js

@@ -1,39 +1,13 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CapInput", {
+Object.defineProperty(exports, "withStyles", {
   enumerable: true,
   get: function get() {
-    return _CapInput["default"];
+    return _withStyles["default"];
   }
 });
-Object.defineProperty(exports, "CapTable", {
-  enumerable: true,
-  get: function get() {
-    return _CapTable["default"];
-  }
-});
-Object.defineProperty(exports, "LocaleHoc", {
-  enumerable: true,
-  get: function get() {
-    return _LocaleHoc["default"];
-  }
-});
-Object.defineProperty(exports, "styled", {
-  enumerable: true,
-  get: function get() {
-    return _styled["default"];
-  }
-});
-exports.styledVars = void 0;
-var _CapInput = _interopRequireDefault(require("./CapInput"));
-var _CapTable = _interopRequireDefault(require("./CapTable"));
-var _LocaleHoc = _interopRequireDefault(require("./LocaleHoc"));
-var _styledVars = _interopRequireWildcard(require("./styled/variables"));
-exports.styledVars = _styledVars;
-var _styled = _interopRequireDefault(require("./styled"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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 (var _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); }
+var _withStyles = _interopRequireDefault(require("./withStyles"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/withStyles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 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.
+ */
+var withStyledComponent = function withStyledComponent(WrappedComponent, styles) {
+  /**
+   * A styled component generated by combining WrappedComponent with additional styles.
+   * @type {React.ComponentType}
+   */
+  var StyledComponent = (0, _styledComponents["default"])(WrappedComponent).withConfig({
+    displayName: "StyledComponent",
+    componentId: "sc-ujcdm3-0"
+  })(["", ";"], styles);
+
+  // Set default props from the original component to the styled component
+  StyledComponent.defaultProps = WrappedComponent.defaultProps;
+  return StyledComponent;
+};
+var _default = exports["default"] = withStyledComponent;

package/index.js

@@ -1,10 +1,14 @@
 // Import and export all components
 export { default as CapInput } from './CapInput';
 export { default as CapTable } from './CapTable';
+export { default as CapTestSelect } from './CapTestSelect';  // Test component for Ant Design v5 integration
 
 // Export utilities
 export { default as LocaleHoc } from './LocaleHoc';
 
 // Export styled utilities
 export * as styledVars from './styled/variables';
-export { default as styled } from './styled'; 
+export { default as styled } from './styled';
+
+// Export utils
+export * from '../utils'; 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/blaze-ui",
   "author": "Capillary Technologies",
-  "version": "0.1.6-alpha.20",
+  "version": "0.1.6-alpha.22",
   "description": "Capillary UI component library with Ant Design v5",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
@@ -26,16 +26,12 @@
     "!**/tests"
   ],
   "homepage": "https://github.com/Capillary/blaze-ui",
-  "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-intl": "^6.5.0"
-  },
   "dependencies": {
     "@ant-design/icons": "^5.2.6",
     "@capillarytech/cap-ui-utils": "^3.0.4",
     "antd": "^5.12.0",
     "prop-types": "^15.8.1",
-    "styled-components": "^5.3.11"
+    "styled-components": "^5.3.11",
+    "react-intl": "2.7.2"
   }
 }

package/CapHeading/CapHeading.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { HeadingWrapper, HeadingSpan } from './styles';
-
-const CapHeading = ({ type = 'h5', children, as, ...rest }) => {
-  return (
-    <HeadingWrapper type={type} as={as || 'div'} {...rest}>
-      {children}
-    </HeadingWrapper>
-  );
-};
-
-CapHeading.propTypes = {
-  type: PropTypes.oneOf([
-    'h0',
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'h7',
-    'h8',
-    'h9',
-    'h10',
-    'label1',
-    'label2',
-    'label3',
-    'label4',
-    'label5',
-    'label6',
-  ]),
-  children: PropTypes.node,
-  as: PropTypes.string,
-};
-
-// Inline span version
-const CapHeadingSpan = ({ type = 'h5', children, ...rest }) => {
-  return (
-    <HeadingSpan type={type} {...rest}>
-      {children}
-    </HeadingSpan>
-  );
-};
-
-CapHeadingSpan.propTypes = {
-  type: PropTypes.oneOf([
-    'h0',
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'h7',
-    'h8',
-    'h9',
-    'h10',
-    'label1',
-    'label2',
-    'label3',
-    'label4',
-    'label5',
-    'label6',
-  ]),
-  children: PropTypes.node,
-};
-
-CapHeading.Span = CapHeadingSpan;
-
-export default CapHeading;

package/CapHeading/index.js

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

package/CapHeading/styles.js

@@ -1,125 +0,0 @@
-import styled, { css } from 'styled-components';
-import * as styledVars from '../styled/variables';
-
-const headings = {
-  h0: {
-    fontSize: '28px',
-    fontWeight: '500',
-    color: styledVars.CAP_G01,
-    lineHeight: '36px',
-  },
-  h1: {
-    fontSize: '24px',
-    fontWeight: '500',
-    color: styledVars.CAP_G01,
-    lineHeight: '32px',
-  },
-  h2: {
-    fontSize: '20px',
-    fontWeight: '500',
-    color: styledVars.CAP_G01,
-    lineHeight: '28px',
-  },
-  h3: {
-    fontSize: '16px',
-    fontWeight: '500',
-    color: styledVars.CAP_G01,
-    lineHeight: '24px',
-  },
-  h4: {
-    fontSize: '14px',
-    fontWeight: '500',
-    color: styledVars.CAP_G01,
-    lineHeight: '20px',
-  },
-  h5: {
-    fontSize: '14px',
-    fontWeight: 'normal',
-    color: styledVars.CAP_G01,
-    lineHeight: '20px',
-  },
-  h6: {
-    color: styledVars.CAP_G04,
-    fontSize: '14px',
-    fontWeight: 'normal',
-    lineHeight: '20px',
-  },
-  h7: {
-    fontSize: '20px',
-    fontWeight: '500',
-    color: styledVars.CAP_G04,
-    lineHeight: '28px',
-  },
-  h8: {
-    fontSize: '14px',
-    fontWeight: '400',
-    color: styledVars.CAP_G01,
-    lineHeight: '20px',
-  },
-  h9: {
-    fontSize: '14px',
-    fontWeight: '500',
-    color: styledVars.CAP_WHITE,
-    lineHeight: '20px',
-  },
-  h10: {
-    fontSize: '12px',
-    fontWeight: '500',
-    color: styledVars.CAP_G01,
-    lineHeight: '16px',
-  },
-  label1: {
-    color: styledVars.CAP_G04,
-    fontSize: '12px',
-    fontWeight: 'normal',
-    lineHeight: '20px',
-  },
-  label2: {
-    color: styledVars.CAP_G01,
-    fontSize: '12px',
-    fontWeight: 'normal',
-    lineHeight: '20px',
-  },
-  label3: {
-    color: styledVars.CAP_G05,
-    fontSize: '12px',
-    fontWeight: 'normal',
-    lineHeight: '20px',
-  },
-  label4: {
-    color: styledVars.CAP_G04,
-    fontSize: '12px',
-    fontWeight: 'normal',
-    lineHeight: '16px',
-  },
-  label5: {
-    color: styledVars.CAP_G04,
-    fontSize: '16px',
-    fontWeight: 'normal',
-    lineHeight: '24px',
-  },
-  label6: {
-    color: styledVars.CAP_G01,
-    fontSize: '16px',
-    fontWeight: 'normal',
-    lineHeight: '24px',
-  },
-};
-
-const headingStyles = css`
-  font-size: ${props => headings[props.type].fontSize};
-  font-weight: ${props => headings[props.type].fontWeight};
-  color: ${props => headings[props.type].color};
-  line-height: ${props => headings[props.type].lineHeight};
-  margin: 0;
-  padding: 0;
-`;
-
-export const HeadingWrapper = styled.div`
-  ${headingStyles}
-`;
-
-export const HeadingSpan = styled.span`
-  ${headingStyles}
-  display: inline-block;
-`;

package/CapIcon/CapIcon.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as AntIcons from '@ant-design/icons';
-import styled from 'styled-components';
-import classNames from 'classnames';
-import * as styledVars from '../styled/variables';
-
-const getFontSizeFromProps = (size) => {
-  switch (size) {
-    case 'xs':
-      return styledVars.ICON_SIZE_XS;
-    case 's':
-      return styledVars.ICON_SIZE_S;
-    case 'm':
-      return styledVars.ICON_SIZE_M;
-    case 'l':
-      return styledVars.ICON_SIZE_L;
-    default:
-      return styledVars.ICON_SIZE_M;
-  }
-};
-
-const IconWrapper = styled.span`
-  font-size: ${props => getFontSizeFromProps(props.size)};
-  color: ${props => props.color || 'inherit'};
-  cursor: ${props => props.disabled ? 'not-allowed' : 'pointer'};
-  opacity: ${props => props.disabled ? 0.5 : 1};
-  transition: all 0.3s;
-
-  &:hover {
-    opacity: ${props => props.disabled ? 0.5 : 0.8};
-  }
-`;
-
-const CapIcon = ({
-  type,
-  className,
-  disabled,
-  size = 'm',
-  color,
-  ...rest
-}) => {
-  // Convert type to AntD icon name (e.g., 'close' -> 'CloseOutlined')
-  const getIconComponent = (iconType) => {
-    const iconMap = {
-      'close': AntIcons.CloseOutlined,
-      'chevron-down': AntIcons.DownOutlined,
-      'tick': AntIcons.CheckOutlined,
-      'info': AntIcons.InfoCircleOutlined,
-      // Add more icon mappings as needed
-    };
-    return iconMap[iconType] || AntIcons[iconType];
-  };
-
-  const IconComponent = getIconComponent(type);
-
-  if (!IconComponent) {
-    console.warn(`Icon type "${type}" not found`);
-    return null;
-  }
-
-  return (
-    <IconWrapper
-      className={classNames('cap-icon', className, { disabled })}
-      disabled={disabled}
-      size={size}
-      color={color}
-      {...rest}
-    >
-      <IconComponent />
-    </IconWrapper>
-  );
-};
-
-CapIcon.propTypes = {
-  type: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  size: PropTypes.oneOf(['xs', 's', 'm', 'l']),
-  color: PropTypes.string,
-};
-
-export default CapIcon;

package/CapIcon/index.js

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

package/CapInfoNote/CapInfoNote.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Alert } from 'antd';
-import { InfoNoteWrapper } from './styles';
-import CapLabel from '../CapLabel';
-import CapRow from '../CapRow';
-
-const Note = ({ noteText }) => (
-  <CapLabel.Inline type="label4" className="note-text">
-    {noteText}
-  </CapLabel.Inline>
-);
-
-Note.propTypes = {
-  noteText: PropTypes.string,
-};
-
-const CapInfoNote = ({ message, style, noteText, type = 'info', className, ...rest }) => {
-  return (
-    <InfoNoteWrapper>
-      <Alert
-        message={(
-          <CapRow className="note-message-container">
-            <Note noteText={noteText} />:
-            <CapRow className="message-text">{message}</CapRow>
-          </CapRow>
-        )}
-        className={className}
-        type={type}
-        showIcon
-        style={{
-          marginTop: '0.857rem',
-          marginBottom: '0.857rem',
-          ...style,
-        }}
-        {...rest}
-      />
-    </InfoNoteWrapper>
-  );
-};
-
-CapInfoNote.propTypes = {
-  message: PropTypes.node,
-  style: PropTypes.object,
-  noteText: PropTypes.string,
-  type: PropTypes.string,
-  className: PropTypes.string,
-};
-
-CapInfoNote.defaultProps = {
-  type: 'info',
-};
-
-export default CapInfoNote;

package/CapInfoNote/index.js

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