@capillarytech/blaze-ui 0.1.6-alpha.28 → 0.1.6-alpha.3

package/dist/esm/CapTooltip/styles.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+import * as styledVars from '../styled/variables';
+export var TooltipWrapper = styled.span.withConfig({
+  displayName: "TooltipWrapper",
+  componentId: "sc-17x5zp5-0"
+})([".cap-tooltip{max-width:324px;.ant-tooltip-inner{background-color:", ";font-size:", ";font-weight:", ";padding:6px 8px;min-height:32px;border-radius:", ";}&.cap-bgcolor-tooltip{.ant-tooltip-inner{background-color:", ";}}&.hide-tooltip-pointer{.ant-tooltip-arrow{display:none;}}}.button-disabled-tooltip-wrapper{display:inline-flex;cursor:not-allowed;.cap-button.ant-btn[disabled]{pointer-events:none;& > *{pointer-events:auto;cursor:not-allowed;}}}"], styledVars.FONT_COLOR_01, styledVars.FONT_SIZE_M, styledVars.FONT_WEIGHT_MEDIUM, styledVars.RADIUS_04, styledVars.FONT_COLOR_05);

package/dist/esm/CapUnifiedSelect/CapUnifiedSelect.js

@@ -1,26 +1,12 @@
-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); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-// Enhanced CapUnifiedSelect supporting 4 scenarios with advanced features
-import React, { useState, useEffect } from 'react';
+// CapUnifiedSelect component using Ant Design v5 Select and TreeSelect directly
+import React from 'react';
 import PropTypes from 'prop-types';
-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 '../../utils/withStyles';
-import styled from 'styled-components';
-var CapUnifiedSelect = function CapUnifiedSelect(_ref) {
+import { Select, TreeSelect } from 'antd';
+import { SelectWrapper, HeaderWrapper, StyledInfoIcon } from './styles';
+import CapLabel from '../CapLabel';
+import CapTooltip from '../CapTooltip';
+function CapUnifiedSelect(_ref) {
   var type = _ref.type,
     _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
@@ -31,45 +17,14 @@ var CapUnifiedSelect = function CapUnifiedSelect(_ref) {
     placeholder = _ref$placeholder === void 0 ? 'Select an option' : _ref$placeholder,
     className = _ref.className,
     style = _ref.style,
-    status = _ref.status,
-    statusMessage = _ref.statusMessage,
     _ref$allowClear = _ref.allowClear,
     allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
+    _ref$showSearch = _ref.showSearch,
+    showSearch = _ref$showSearch === void 0 ? false : _ref$showSearch,
     label = _ref.label,
     tooltip = _ref.tooltip,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$treeCheckable = _ref.treeCheckable,
-    treeCheckable = _ref$treeCheckable === void 0 ? false : _ref$treeCheckable,
-    _ref$customPopupRende = _ref.customPopupRender,
-    customPopupRender = _ref$customPopupRende === void 0 ? false : _ref$customPopupRende,
-    onConfirm = _ref.onConfirm,
-    onCancel = _ref.onCancel;
-  var StyledSelect = styled(Select).withConfig({
-    displayName: "StyledSelect",
-    componentId: "sc-wsphu8-0"
-  })(["", ""], selectStyles);
-  var StyledTreeSelect = styled(TreeSelect).withConfig({
-    displayName: "StyledTreeSelect",
-    componentId: "sc-wsphu8-1"
-  })(["", ""], selectStyles);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchText = _useState2[0],
-    setSearchText = _useState2[1];
-  var _useState3 = useState(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tempValue = _useState4[0],
-    setTempValue = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    allSelected = _useState6[0],
-    setAllSelected = _useState6[1];
-
-  // Update tempValue when value changes
-  useEffect(function () {
-    setTempValue(value);
-  }, [value]);
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var selectVirtualizationProps = {
     listHeight: 256
   };
@@ -77,299 +32,52 @@ var CapUnifiedSelect = function CapUnifiedSelect(_ref) {
     listHeight: 256,
     listItemHeight: 32
   };
-
-  // No results component
-  var NoResult = function NoResult() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        height: 200,
-        color: '#8c8c8c',
-        fontSize: 14
-      }
-    }, /*#__PURE__*/React.createElement(WarningFilled, {
-      style: {
-        fontSize: 36,
-        marginBottom: 8,
-        color: '#bfbfbf'
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 500
-      }
-    }, "No results found"));
-  };
-
-  // Filter tree data based on search text
-  var getFilteredTreeData = function getFilteredTreeData(data, search) {
-    if (!search) return data;
-    var filterNode = function filterNode(node) {
-      var _node$title, _node$label;
-      var titleText = ((_node$title = node.title) === null || _node$title === void 0 ? void 0 : _node$title.toLowerCase()) || '';
-      var labelText = ((_node$label = node.label) === null || _node$label === void 0 ? void 0 : _node$label.toLowerCase()) || '';
-      return titleText.includes(search.toLowerCase()) || labelText.includes(search.toLowerCase());
-    };
-    var _loop = function loop(data) {
-      return data.map(function (item) {
-        var children = item.children ? _loop(item.children) : [];
-        if (filterNode(item) || children.length) {
-          return _objectSpread(_objectSpread({}, item), {}, {
-            children: children
-          });
-        }
-        return null;
-      }).filter(Boolean);
-    };
-    return _loop(data);
-  };
-
-  // Get all leaf node values from tree data
-  var _flattenedLeafValues = function flattenedLeafValues(nodes) {
-    return (nodes === null || nodes === void 0 ? void 0 : nodes.flatMap(function (node) {
-      return node.children ? _flattenedLeafValues(node.children) : [node.value];
-    })) || [];
-  };
-  var filteredTree = getFilteredTreeData(treeData || options, searchText);
-  var filteredOptions = !searchText ? options : options.filter(function (opt) {
-    var _opt$label;
-    return (_opt$label = opt.label) === null || _opt$label === void 0 ? void 0 : _opt$label.toLowerCase().includes(searchText.toLowerCase());
-  });
-
-  // All available leaf values for the current filtered tree data
-  var leafValues = _flattenedLeafValues(filteredTree);
-
-  // Handles select all checkbox click
-  var handleSelectAll = function handleSelectAll() {
-    var isTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var availableValues = isTree ? leafValues : filteredOptions.map(function (opt) {
-      return opt.value;
-    });
-    if (allSelected) {
-      setTempValue([]);
-    } else {
-      setTempValue(availableValues);
-    }
-    setAllSelected(!allSelected);
-  };
-
-  // Update allSelected state when value changes
-  useEffect(function () {
-    var isMultipleMode = type === 'multiSelect' || type === 'multiTreeSelect';
-    if (isMultipleMode && Array.isArray(tempValue)) {
-      var availableValues = type.includes('tree') ? leafValues : filteredOptions.map(function (opt) {
-        return opt.value;
-      });
-      setAllSelected(tempValue.length > 0 && tempValue.length === availableValues.length);
-    }
-  }, [tempValue, filteredOptions, leafValues, type]);
-
-  // Handle confirmation
-  var handleConfirm = function handleConfirm() {
-    if (onConfirm) {
-      onConfirm(tempValue);
-    } else {
-      onChange(tempValue);
-    }
-    setSearchText('');
-  };
-
-  // Handle cancellation
-  var handleCancel = function handleCancel() {
-    if (onCancel) {
-      onCancel();
-    }
-    setTempValue(value);
-    setSearchText('');
-  };
-
-  // Handle temporary value change
-  var handleTempChange = function handleTempChange(newValue) {
-    setTempValue(newValue);
-  };
-  var suffix = (type === "multiTreeSelect" || type === "multiSelect") && Array.isArray(value) && value.length > 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "+", value.length - 1, " more", /*#__PURE__*/React.createElement(DownOutlined, null))) : /*#__PURE__*/React.createElement(DownOutlined, null);
-  var prefix = function prefix() {
-    if ((type === "multiTreeSelect" || type === "multiSelect") && Array.isArray(value) && value.length > 0) {
-      var selectedLabels = options.filter(function (opt) {
-        return value.includes(opt.value);
-      }).map(function (opt) {
-        return opt.label;
-      });
-      return selectedLabels[0];
-    } else {
-      return null;
-    }
-  };
   var renderHeader = function renderHeader() {
     if (!label && !tooltip) return null;
     return /*#__PURE__*/React.createElement(HeaderWrapper, {
       className: disabled ? 'disabled' : ''
-    }, label && /*#__PURE__*/React.createElement("label", {
+    }, label && /*#__PURE__*/React.createElement(CapLabel, {
       type: "label16",
       className: disabled ? 'disabled' : ''
-    }, label), tooltip && /*#__PURE__*/React.createElement(Tooltip, {
+    }, label), tooltip && /*#__PURE__*/React.createElement(CapTooltip, {
       title: tooltip
-    }, /*#__PURE__*/React.createElement(InfoCircleOutlined, {
-      className: disabled ? 'disabled' : '',
-      style: {
-        color: '#B3BAC5'
-      }
+    }, /*#__PURE__*/React.createElement(StyledInfoIcon, {
+      className: disabled ? 'disabled' : ''
     })));
   };
   var renderDropdown = function renderDropdown() {
-    var isMultipleSelect = type === 'multiSelect' || type === 'multiTreeSelect';
-    var isTreeMode = type === 'treeSelect' || type === 'multiTreeSelect';
-    var currentItems = isTreeMode ? filteredTree : filteredOptions;
-    var selectedCount = Array.isArray(tempValue) ? tempValue.length : tempValue ? 1 : 0;
-
-    // Custom dropdown render for both Select and TreeSelect
-    var renderCustomDropdown = function renderCustomDropdown(menu) {
-      if (!customPopupRender) return menu;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        style: {
-          borderBottom: '1px solid #f0f0f0'
-        }
-      }, /*#__PURE__*/React.createElement(Input, {
-        prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
-          style: {
-            color: "#B3BAC5"
-          }
-        }),
-        placeholder: "Search",
-        variant: "borderless",
-        value: searchText,
-        onChange: function onChange(e) {
-          return setSearchText(e.target.value);
-        },
-        onKeyDown: function onKeyDown(e) {
-          return e.stopPropagation();
-        }
-      })), isMultipleSelect && currentItems.length > 0 && /*#__PURE__*/React.createElement("div", {
-        style: {
-          padding: '8px 12px',
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-          borderBottom: '1px solid #f0f0f0'
-        },
-        onClick: function onClick(e) {
-          // Prevent event propagation to keep dropdown open
-          e.stopPropagation();
-          handleSelectAll(isTreeMode);
-        }
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "checkbox",
-        checked: allSelected,
-        readOnly: true,
-        style: {
-          cursor: 'pointer'
-        },
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        }
-      }), /*#__PURE__*/React.createElement("label", {
-        style: {
-          marginLeft: 8,
-          cursor: 'pointer'
-        }
-      }, "Select all")), currentItems.length === 0 ? /*#__PURE__*/React.createElement(NoResult, null) : menu, currentItems.length > 0 && isMultipleSelect && /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          padding: '8px 12px',
-          borderTop: '1px solid #f0f0f0'
-        }
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-        type: "primary",
-        size: "small",
-        style: {
-          marginRight: 8
-        },
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          handleConfirm();
-        }
-      }, "Confirm"), /*#__PURE__*/React.createElement(Button, {
-        type: "text",
-        size: "small",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          handleCancel();
-        }
-      }, "Cancel")), selectedCount > 0 && /*#__PURE__*/React.createElement("span", {
-        style: {
-          color: '#8c8c8c',
-          fontSize: '14px'
-        }
-      }, selectedCount, " selected")));
-    };
     if (type === 'treeSelect' || type === 'multiTreeSelect') {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledTreeSelect, _extends({
-        treeData: filteredTree,
-        value: customPopupRender ? tempValue : value,
-        onChange: customPopupRender ? handleTempChange : onChange,
+      return /*#__PURE__*/React.createElement(TreeSelect, _extends({
+        treeData: treeData || options,
+        value: value,
+        onChange: onChange,
         placeholder: placeholder,
-        maxTagCount: 0,
-        maxTagPlaceholder: function maxTagPlaceholder() {
-          return null;
-        },
-        prefix: type === "multiTreeSelect" && value.length > 0 && prefix(),
-        suffixIcon: suffix,
-        className: classnames("cap-unified-tree-select ".concat(className || '')),
+        className: className,
         style: style,
-        status: status,
         allowClear: allowClear,
-        showSearch: false,
-        multiple: type === 'multiTreeSelect',
-        treeCheckable: treeCheckable,
-        showCheckedStrategy: TreeSelect.SHOW_PARENT,
+        showSearch: showSearch,
+        multiple: type === 'multiTreeSelect' ? true : false,
         virtual: true,
-        disabled: disabled,
-        filterTreeNode: false
-      }, treeSelectVirtualizationProps, {
-        popupRender: renderCustomDropdown
-      })), status === 'error' && /*#__PURE__*/React.createElement("div", {
-        style: {
-          color: '#E83135'
-        },
-        className: "cap-unified-select-status"
-      }, statusMessage));
+        treeDefaultExpandAll: true,
+        disabled: disabled
+      }, treeSelectVirtualizationProps));
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledSelect, _extends({
-      options: filteredOptions,
-      value: customPopupRender ? tempValue : value,
-      onChange: customPopupRender ? handleTempChange : onChange,
+    return /*#__PURE__*/React.createElement(Select, _extends({
+      value: value,
+      onChange: onChange,
       placeholder: placeholder,
-      maxTagCount: 0,
-      maxTagPlaceholder: function maxTagPlaceholder() {
-        return null;
-      },
-      prefix: type === "multiSelect" && value.length > 0 && prefix(),
-      suffixIcon: suffix,
-      className: classnames('cap-unified-select', className),
+      className: className,
       style: style,
       allowClear: allowClear,
-      showSearch: false,
+      showSearch: showSearch,
+      options: options,
       mode: type === 'multiSelect' ? 'multiple' : undefined,
       virtual: true,
-      disabled: disabled,
-      status: status
-    }, selectVirtualizationProps, {
-      popupRender: renderCustomDropdown
-    })), status === 'error' && /*#__PURE__*/React.createElement("div", {
-      style: {
-        color: '#E83135'
-      },
-      className: "cap-unified-select-status"
-    }, statusMessage));
+      disabled: disabled
+    }, selectVirtualizationProps));
   };
-  return /*#__PURE__*/React.createElement(SelectWrapper, {
-    className: classnames("cap-unified-select-container ".concat(className || ''))
-  }, renderHeader(), renderDropdown());
-};
+  return /*#__PURE__*/React.createElement(SelectWrapper, null, renderHeader(), renderDropdown());
+}
 CapUnifiedSelect.propTypes = {
   type: PropTypes.oneOf(['select', 'multiSelect', 'treeSelect', 'multiTreeSelect']),
   options: PropTypes.array,
@@ -380,19 +88,14 @@ CapUnifiedSelect.propTypes = {
   className: PropTypes.string,
   style: PropTypes.object,
   allowClear: PropTypes.bool,
+  showSearch: PropTypes.bool,
   label: PropTypes.string,
   tooltip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  disabled: PropTypes.bool,
-  treeCheckable: PropTypes.bool,
-  customPopupRender: PropTypes.bool,
-  onConfirm: PropTypes.func,
-  onCancel: PropTypes.func
+  disabled: PropTypes.bool
 };
 CapUnifiedSelect.defaultProps = {
   type: 'select',
   allowClear: false,
-  customPopupRender: false,
-  treeCheckable: false,
-  className: ''
+  showSearch: false
 };
-export default withStyles(CapUnifiedSelect, selectStyles);
+export default CapUnifiedSelect;

package/dist/esm/CapUnifiedSelect/index.js

@@ -1 +1,3 @@
-export { default } from './CapUnifiedSelect';
+import CapUnifiedSelect from './CapUnifiedSelect';
+import CapUnifiedSelectLoadable from './loadable';
+export default CapUnifiedSelectLoadable;

package/dist/esm/CapUnifiedSelect/loadable.js

@@ -0,0 +1,4 @@
+import loadable from '@loadable/component';
+export default loadable(function () {
+  return import('./CapUnifiedSelect');
+});

package/dist/esm/CapUnifiedSelect/styles.js

@@ -8,24 +8,8 @@ export var HeaderWrapper = styled.div.withConfig({
   displayName: "HeaderWrapper",
   componentId: "sc-3v7xpu-1"
 })(["display:flex;align-items:center;gap:4px;&.disabled{opacity:0.5;cursor:not-allowed;}"]);
-export var DropdownFooter = styled.div.withConfig({
-  displayName: "DropdownFooter",
-  componentId: "sc-3v7xpu-2"
-})(["display:flex;justify-content:space-between;align-items:center;padding:8px;border-top:1px solid #f0f0f0;.footer-buttons{display:flex;align-items:center;gap:8px;}.total-count{color:#8c8c8c;font-size:12px;}"]);
-export var SearchInputWrapper = styled.div.withConfig({
-  displayName: "SearchInputWrapper",
-  componentId: "sc-3v7xpu-3"
-})(["padding:8px;border-bottom:1px solid #f0f0f0;"]);
-export var SelectAllCheckbox = styled.div.withConfig({
-  displayName: "SelectAllCheckbox",
-  componentId: "sc-3v7xpu-4"
-})(["display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-weight:500;border-bottom:1px solid #f0f0f0;user-select:none;input[type=\"checkbox\"]{cursor:pointer;}"]);
-export var NoResultWrapper = styled.div.withConfig({
-  displayName: "NoResultWrapper",
-  componentId: "sc-3v7xpu-5"
-})(["display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#8c8c8c;font-size:14px;"]);
 export var StyledInfoIcon = styled.span.withConfig({
   displayName: "StyledInfoIcon",
-  componentId: "sc-3v7xpu-6"
-})(["color:", ";font-size:16px;cursor:help;margin-left:4px;display:flex;align-items:center;&:hover{color:", ";}&.disabled{cursor:not-allowed;&:hover{color:", ";}}"], styledVars.CAP_G05, styledVars.CAP_G03, styledVars.CAP_G05);
-export var selectStyles = css(["&.cap-unified-select{width:100%;font-family:", ";}&.cap-unified-select-container{.ant-select-prefix{margin-left:-5px !important;font-size:14px !important;font-weight:400 !important;color:#091E42 !important;line-height:20px !important;}}"], styledVars.FONT_FAMILY);
+  componentId: "sc-3v7xpu-2"
+})(["color:", ";font-size:16px;cursor:help;&:hover{color:", ";}&.disabled{cursor:not-allowed;&:hover{color:", ";}}"], styledVars.CAP_G2, styledVars.CAP_G1, styledVars.CAP_G2);
+export var selectStyles = css(["&.cap-unified-select{width:100%;font-family:", ";.ant-select-selector{border-radius:", ";transition:", ";padding:0 12px;min-height:32px;display:flex;align-items:center;&:hover{border-color:", ";}}.cap-unified-select-right-slot{display:flex;align-items:center;gap:8px;margin-left:8px;}&.ant-select-focused{.ant-select-selector{border-color:", " !important;box-shadow:none !important;}}&.ant-select-status-error{.ant-select-selector{border-color:", ";}}&.ant-select-disabled{.ant-select-selector{background-color:", ";cursor:not-allowed;}}.ant-select-dropdown{padding:4px;border-radius:", ";box-shadow:0 2px 8px rgba(0,0,0,0.15);.ant-select-item{border-radius:", ";padding:8px 12px;transition:", ";&-option-selected{background-color:", ";color:", ";font-weight:500;}&-option-active{background-color:", ";}}.ant-select-search{padding:8px;input{border-radius:", ";transition:", ";&:focus{border-color:", ";box-shadow:none;}}}}&.ant-select-multiple{.ant-select-selection-item{background-color:", ";border-color:", ";border-radius:", ";color:", ";margin:2px 4px 2px 0;padding:0 8px;height:24px;line-height:22px;&-remove{color:", ";&:hover{color:", ";}}}.ant-select-selection-overflow{flex-wrap:wrap;gap:4px;}}.ant-select-tree{padding:4px 0;.ant-select-tree-node-content-wrapper{padding:4px 8px;border-radius:", ";transition:", ";&:hover{background-color:", ";}&.ant-select-tree-node-selected{background-color:", ";color:", ";font-weight:500;}}.ant-select-tree-switcher{width:24px;height:24px;line-height:24px;}.ant-select-tree-checkbox{margin:4px 8px 4px 0;}}&.ant-select-lg{.ant-select-selector{height:40px;padding:0 16px;}.ant-select-selection-item{height:28px;line-height:26px;}}&.ant-select-sm{.ant-select-selector{height:24px;padding:0 8px;}.ant-select-selection-item{height:20px;line-height:18px;}}&.ant-select-loading{.ant-select-arrow{.anticon-loading{color:", ";}}}}"], styledVars.FONT_FAMILY, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G11, styledVars.CAP_G01, styledVars.CAP_RED, styledVars.CAP_G08, styledVars.RADIUS_04, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_PRIMARY.light, styledVars.CAP_PRIMARY.base, styledVars.CAP_G08, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G01, styledVars.CAP_PRIMARY.light, styledVars.CAP_PRIMARY.light, styledVars.RADIUS_04, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.hover, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G08, styledVars.CAP_PRIMARY.light, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base);

package/dist/esm/index.js

@@ -1,7 +1,6 @@
 // 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';
@@ -9,7 +8,4 @@ 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 utils
-export * from '../utils';
+export { default as styled } from './styled';

package/dist/index.js

@@ -4,14 +4,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  CapInput: true,
-  CapTable: true,
-  CapTestSelect: true,
-  LocaleHoc: true,
-  styledVars: true,
-  styled: true
-};
 Object.defineProperty(exports, "CapInput", {
   enumerable: true,
   get: function get() {
@@ -24,12 +16,6 @@ Object.defineProperty(exports, "CapTable", {
     return _CapTable["default"];
   }
 });
-Object.defineProperty(exports, "CapTestSelect", {
-  enumerable: true,
-  get: function get() {
-    return _CapTestSelect["default"];
-  }
-});
 Object.defineProperty(exports, "LocaleHoc", {
   enumerable: true,
   get: function get() {
@@ -45,22 +31,9 @@ Object.defineProperty(exports, "styled", {
 exports.styledVars = void 0;
 var _CapInput = _interopRequireDefault(require("./CapInput"));
 var _CapTable = _interopRequireDefault(require("./CapTable"));
-var _CapTestSelect = _interopRequireDefault(require("./CapTestSelect"));
 var _LocaleHoc = _interopRequireDefault(require("./LocaleHoc"));
 var _styledVars = _interopRequireWildcard(require("./styled/variables"));
 exports.styledVars = _styledVars;
 var _styled = _interopRequireDefault(require("./styled"));
-var _utils = require("../utils");
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _utils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _utils[key];
-    }
-  });
-});
 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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,7 @@
+/**![check-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY5OSAzNTNoLTQ2LjljLTEwLjIgMC0xOS45IDQuOS0yNS45IDEzLjNMNDY5IDU4NC4zbC03MS4yLTk4LjhjLTYtOC4zLTE1LjYtMTMuMy0yNS45LTEzLjNIMzI1Yy02LjUgMC0xMC4zIDcuNC02LjUgMTIuN2wxMjQuNiAxNzIuOGEzMS44IDMxLjggMCAwMDUxLjcgMGwyMTAuNi0yOTJjMy45LTUuMy4xLTEyLjctNi40LTEyLjd6IiAvPjxwYXRoIGQ9Ik01MTIgNjRDMjY0LjYgNjQgNjQgMjY0LjYgNjQgNTEyczIwMC42IDQ0OCA0NDggNDQ4IDQ0OC0yMDAuNiA0NDgtNDQ4Uzc1OS40IDY0IDUxMiA2NHptMCA4MjBjLTIwNS40IDAtMzcyLTE2Ni42LTM3Mi0zNzJzMTY2LjYtMzcyIDM3Mi0zNzIgMzcyIDE2Ni42IDM3MiAzNzItMTY2LjYgMzcyLTM3MiAzNzJ6IiAvPjwvc3ZnPg==) */
+
+/**![eye](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk0Mi4yIDQ4Ni4yQzg0Ny40IDI4Ni41IDcwNC4xIDE4NiA1MTIgMTg2Yy0xOTIuMiAwLTMzNS40IDEwMC41LTQzMC4yIDMwMC4zYTYwLjMgNjAuMyAwIDAwMCA1MS41QzE3Ni42IDczNy41IDMxOS45IDgzOCA1MTIgODM4YzE5Mi4yIDAgMzM1LjQtMTAwLjUgNDMwLjItMzAwLjMgNy43LTE2LjIgNy43LTM1IDAtNTEuNXpNNTEyIDc2NmMtMTYxLjMgMC0yNzkuNC04MS44LTM2Mi43LTI1NEMyMzIuNiAzMzkuOCAzNTAuNyAyNTggNTEyIDI1OGMxNjEuMyAwIDI3OS40IDgxLjggMzYyLjcgMjU0Qzc5MS41IDY4NC4yIDY3My40IDc2NiA1MTIgNzY2em0tNC00MzBjLTk3LjIgMC0xNzYgNzguOC0xNzYgMTc2czc4LjggMTc2IDE3NiAxNzYgMTc2LTc4LjggMTc2LTE3Ni03OC44LTE3Ni0xNzYtMTc2em0wIDI4OGMtNjEuOSAwLTExMi01MC4xLTExMi0xMTJzNTAuMS0xMTIgMTEyLTExMiAxMTIgNTAuMSAxMTIgMTEyLTUwLjEgMTEyLTExMiAxMTJ6IiAvPjwvc3ZnPg==) */
+
+/**![up](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg5MC41IDc1NS4zTDUzNy45IDI2OS4yYy0xMi44LTE3LjYtMzktMTcuNi01MS43IDBMMTMzLjUgNzU1LjNBOCA4IDAgMDAxNDAgNzY4aDc1YzUuMSAwIDkuOS0yLjUgMTIuOS02LjZMNTEyIDM2OS44bDI4NC4xIDM5MS42YzMgNC4xIDcuOCA2LjYgMTIuOSA2LjZoNzVjNi41IDAgMTAuMy03LjQgNi41LTEyLjd6IiAvPjwvc3ZnPg==) */
+
+/**![warning](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ2NCA3MjBhNDggNDggMCAxMDk2IDAgNDggNDggMCAxMC05NiAwem0xNi0zMDR2MTg0YzAgNC40IDMuNiA4IDggOGg0OGM0LjQgMCA4LTMuNiA4LThWNDE2YzAtNC40LTMuNi04LTgtOGgtNDhjLTQuNCAwLTggMy42LTggOHptNDc1LjcgNDQwbC00MTYtNzIwYy02LjItMTAuNy0xNi45LTE2LTI3LjctMTZzLTIxLjYgNS4zLTI3LjcgMTZsLTQxNiA3MjBDNTYgODc3LjQgNzEuNCA5MDQgOTYgOTA0aDgzMmMyNC42IDAgNDAtMjYuNiAyNy43LTQ4em0tNzgzLjUtMjcuOUw1MTIgMjM5LjlsMzM5LjggNTg4LjJIMTcyLjJ6IiAvPjwvc3ZnPg==) */

package/index.js

@@ -1,14 +1,10 @@
 // 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 utils
-export * from '../utils'; 
+export { default as styled } from './styled'; 

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@capillarytech/blaze-ui",
   "author": "Capillary Technologies",
-  "version": "0.1.6-alpha.28",
-  "description": "Capillary UI component library with Ant Design v5",
-  "main": "./dist/components/index.js",
-  "module": "./dist/esm/components/index.js",
-  "jsnext:main": "./dist/esm/components/index.js",
+  "version": "0.1.6-alpha.3",
+  "description": "Capillary UI component library",
+  "main": "./dist/index.js",
+  "module": "./dist/esm/index.js",
+  "jsnext:main": "./dist/esm/index.js",
   "sideEffects": [
     "*.css",
     "*.less",
@@ -26,12 +26,14 @@
     "!**/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"
+  },
   "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",
-    "react-intl": "2.7.2"
+    "react-intl": "^6.5.0"
   }
 }

package/CapSkeleton/CapSkeleton.js

@@ -1,17 +0,0 @@
-/**
- * CapSkeleton - Migrated to Ant Design v5
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Skeleton } from 'antd';
-
-const CapSkeleton = ({ className, ...rest }) => {
-  const combinedClassName = `cap-skeleton-v2 ${className || ''}`.trim();
-  return <Skeleton className={combinedClassName} {...rest} />;
-};
-
-CapSkeleton.propTypes = {
-  className: PropTypes.string
-};
-
-export default CapSkeleton; 

package/CapSkeleton/index.js

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