@capillarytech/blaze-ui 0.1.6-alpha.36 → 0.1.6-alpha.37

package/CapUnifiedSelect/CapUnifiedSelect.js

@@ -8,7 +8,7 @@ import uploadIcon from '../assets/upload.svg';
 
 import { InfoCircleOutlined, SearchOutlined, WarningFilled, DownOutlined } from '@ant-design/icons';
 
-import withStyles from '../../utils/withStyles';  // Updated import path
+import withStyles from '../utils/withStyles';
 import { SelectWrapper, HeaderWrapper, selectStyles } from './styles';
 
 const CapUnifiedSelect = ({

package/index.js

@@ -13,4 +13,4 @@ export * as styledVars from './styled/variables';
 export { default as styled } from './styled';
 
 // Export utils
-export * as Utils from '../utils';
+export * as Utils from './utils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/blaze-ui",
   "author": "Capillary Technologies",
-  "version": "0.1.6-alpha.36",
+  "version": "0.1.6-alpha.37",
   "description": "Capillary UI component library with Ant Design v5",
   "main": "./index.js",
   "sideEffects": [

package/utils/index.js

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

package/utils/withStyles.js

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