@capillarytech/blaze-ui 0.1.6-alpha.59 → 0.1.6-alpha.60

package/CapIcon/CapIcon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import styled from 'styled-components';
-import * as AntdIcons from '@ant-design/icons';
+import * as AntdIcons from '@ant-design-v5/icons';
 import { IconWrapper, BackgroundWrapper, iconStyles } from './styles';
 import withStyles from '../utils/withStyles';
 

package/CapInput/CapInput.js

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { Input } from 'antd-v5';
-import { WarningOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import { WarningOutlined, CheckCircleOutlined } from '@ant-design-v5/icons';
 import styled from 'styled-components';
 import * as styledVars from '../styled/variables';
 

package/CapUnifiedSelect/CapUnifiedSelect.js

@@ -7,6 +7,7 @@ import styled from 'styled-components';
 import * as styledVars from '../styled/variables';
 import { CapLabel, CapTooltipWithInfo, CapRow, CapIcon } from '../';
 import withStyles from '../utils/withStyles';
+import withMemo from '../utils/withMemo';
 import { HeaderWrapper, selectStyles } from './styles';
 
 const StyledTreeSelect = styled(TreeSelect)`
@@ -597,4 +598,4 @@ CapUnifiedSelect.defaultProps = {
   onCancel: () => {},
 };
 
-export default withStyles(CapUnifiedSelect, selectStyles);
+export default withMemo(withStyles(CapUnifiedSelect, selectStyles));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/blaze-ui",
   "author": "Capillary Technologies",
-  "version": "0.1.6-alpha.59",
+  "version": "0.1.6-alpha.60",
   "description": "Capillary UI component library with Ant Design v5",
   "main": "./index.js",
   "sideEffects": [
@@ -25,7 +25,7 @@
   ],
   "homepage": "https://github.com/Capillary/blaze-ui",
   "dependencies": {
-    "@ant-design/icons": "^5.2.6",
+    "@ant-design-v5/icons": "npm:@ant-design/icons@^5.2.6",
     "@capillarytech/cap-ui-utils": "^3.0.4",
     "antd-v5": "npm:antd@^5.26.7",
     "prop-types": "^15.8.1",

package/utils/withMemo.js

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