@capillarytech/blaze-ui 0.1.6-alpha.31 → 0.1.6-alpha.32

package/components/CapTable/styles.js

@@ -1,6 +1,12 @@
-import { Table } from 'antd';
-import styled from 'styled-components';
-import * as styledVars from '../styled/variables';
+"use strict";
+
+exports.__esModule = true;
+exports.StyledTable = void 0;
+var _antd = require("antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var styledVars = _interopRequireWildcard(require("../styled/variables"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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 }; }
 const {
   CAP_G09,
   CAP_G01,
@@ -11,7 +17,7 @@ const {
   SPACING_24,
   FONT_SIZE_S
 } = styledVars;
-export const StyledTable = styled(Table).withConfig({
+const StyledTable = exports.StyledTable = (0, _styledComponents.default)(_antd.Table).withConfig({
   displayName: "StyledTable",
   componentId: "sc-1ldu1k4-0"
 })(["&.cap-table-v2{.ant-table{border:1px solid ", ";}}&.show-loader{.ant-table-body > table > tbody::after{content:'", "';display:flex;justify-content:center;position:absolute;width:100%;align-items:center;height:60px;text-align:center;font-size:16px;color:gray;border-top:1px solid ", ";}}.ant-table{border:1px solid ", ";.ant-table-thead > tr > th{color:", ";font-size:", ";line-height:", ";background-color:", ";text-align:left;}.ant-table-thead > tr > th,.ant-table-tbody > tr > td{padding:", " ", ";}.ant-table-tbody > tr > td{border-bottom:1px solid ", ";}.ant-table-tbody > tr:last-child > td{border-bottom:none;}.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{background-color:", ";}.ant-table-thead > tr > th .ant-table-column-sorter-up,.ant-table-thead > tr > th .ant-table-column-sorter-down{&.active{color:", ";}&:not(.active){color:", ";}}.ant-table-thead{.table-children{padding:6px ", " 16px;position:relative;}.table-parent{padding-bottom:0;padding-left:", ";}.table-children.show-separator:not(:last-child)::after{content:'';height:8px;width:1px;right:0;top:30%;background-color:", ";position:absolute;}}.ant-table-thead > tr > th .ant-table-column-sorter{vertical-align:unset;}.ant-table-body table{table-layout:fixed;width:100%;}}&.no-pagination-loader{.ant-table-body > table > tbody::after{content:'';height:unset;display:none;}}&.hide-hover{.ant-table{.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{background:none;}}}a{color:", ";}"], CAP_G07, props => props.loadMoreData, CAP_G07, CAP_G07, CAP_G01, FONT_SIZE_S, SPACING_16, CAP_G10, SPACING_16, SPACING_24, CAP_G07, CAP_G09, CAP_G01, CAP_G06, SPACING_24, SPACING_24, CAP_G07, CAP_G01);

package/components/CapTestSelect/CapTestSelect.js

@@ -1,28 +1,30 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Select } from 'antd';
+"use strict";
 
-/**
- * Test component to verify Ant Design v5 Select integration
- * This is a simple wrapper for testing purposes only
- */
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CapTestSelect = props => {
-  return /*#__PURE__*/React.createElement(Select, props);
+  return (0, _jsxRuntime.jsx)(_antd.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
+  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 = {
@@ -31,4 +33,4 @@ CapTestSelect.defaultProps = {
   loading: false,
   showSearch: false
 };
-export default CapTestSelect;
+var _default = exports.default = CapTestSelect;

package/components/CapTestSelect/index.js

@@ -1 +1,7 @@
-export { default } from './CapTestSelect';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _CapTestSelect = _interopRequireDefault(require("./CapTestSelect"));
+exports.default = _CapTestSelect.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/components/CapUnifiedSelect/CapUnifiedSelect.js

@@ -1,13 +1,18 @@
-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); }
-// Enhanced CapUnifiedSelect supporting 4 scenarios with advanced features
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { Select, TreeSelect, Tooltip, Input, Button } from 'antd';
-import styled from 'styled-components';
-import { InfoCircleOutlined, SearchOutlined, WarningFilled, DownOutlined } from '@ant-design/icons';
-import withStyles from '../../utils/withStyles'; // Updated import path
-import { SelectWrapper, HeaderWrapper, selectStyles } from './styles';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _icons = require("@ant-design/icons");
+var _withStyles = _interopRequireDefault(require("../../utils/withStyles"));
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+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 (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 (const 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); }
 const CapUnifiedSelect = _ref => {
   let {
     type,
@@ -29,20 +34,18 @@ const CapUnifiedSelect = _ref => {
     onConfirm,
     onCancel
   } = _ref;
-  const StyledSelect = styled(Select).withConfig({
+  const StyledSelect = (0, _styledComponents.default)(_antd.Select).withConfig({
     displayName: "StyledSelect",
     componentId: "sc-wsphu8-0"
-  })(["", ""], selectStyles);
-  const StyledTreeSelect = styled(TreeSelect).withConfig({
+  })(["", ""], _styles.selectStyles);
+  const StyledTreeSelect = (0, _styledComponents.default)(_antd.TreeSelect).withConfig({
     displayName: "StyledTreeSelect",
     componentId: "sc-wsphu8-1"
-  })(["", ""], selectStyles);
-  const [searchText, setSearchText] = useState('');
-  const [tempValue, setTempValue] = useState(value);
-  const [allSelected, setAllSelected] = useState(false);
-
-  // Update tempValue when value changes
-  useEffect(() => {
+  })(["", ""], _styles.selectStyles);
+  const [searchText, setSearchText] = (0, _react.useState)('');
+  const [tempValue, setTempValue] = (0, _react.useState)(value);
+  const [allSelected, setAllSelected] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setTempValue(value);
   }, [value]);
   const selectVirtualizationProps = {
@@ -52,9 +55,7 @@ const CapUnifiedSelect = _ref => {
     listHeight: 256,
     listItemHeight: 32
   };
-
-  // No results component
-  const NoResult = () => /*#__PURE__*/React.createElement("div", {
+  const NoResult = () => (0, _jsxRuntime.jsxs)("div", {
     style: {
       display: 'flex',
       flexDirection: 'column',
@@ -63,25 +64,26 @@ const CapUnifiedSelect = _ref => {
       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
+    },
+    children: [(0, _jsxRuntime.jsx)(_icons.WarningFilled, {
+      style: {
+        fontSize: 36,
+        marginBottom: 8,
+        color: '#bfbfbf'
+      }
+    }), (0, _jsxRuntime.jsx)("div", {
+      style: {
+        fontWeight: 500
+      },
+      children: "No results found"
+    })]
+  });
   const getFilteredTreeData = (data, search) => {
     if (!search) return data;
     const filterNode = node => {
-      const titleText = node.title?.toLowerCase() || '';
-      const labelText = node.label?.toLowerCase() || '';
+      var _node$title, _node$label;
+      const titleText = ((_node$title = node.title) == null ? void 0 : _node$title.toLowerCase()) || '';
+      const labelText = ((_node$label = node.label) == null ? void 0 : _node$label.toLowerCase()) || '';
       return titleText.includes(search.toLowerCase()) || labelText.includes(search.toLowerCase());
     };
     const loop = data => data.map(item => {
@@ -96,18 +98,17 @@ const CapUnifiedSelect = _ref => {
     }).filter(Boolean);
     return loop(data);
   };
-
-  // Get all leaf node values from tree data
-  const flattenedLeafValues = nodes => nodes?.flatMap(node => node.children ? flattenedLeafValues(node.children) : [node.value]) || [];
+  const flattenedLeafValues = nodes => (nodes == null ? void 0 : nodes.flatMap(node => node.children ? flattenedLeafValues(node.children) : [node.value])) || [];
   const filteredTree = getFilteredTreeData(treeData || options, searchText);
-  const filteredOptions = !searchText ? options : options.filter(opt => opt.label?.toLowerCase().includes(searchText.toLowerCase()));
-
-  // All available leaf values for the current filtered tree data
+  const filteredOptions = !searchText ? options : options.filter(opt => {
+    var _opt$label;
+    return (_opt$label = opt.label) == null ? void 0 : _opt$label.toLowerCase().includes(searchText.toLowerCase());
+  });
   const leafValues = flattenedLeafValues(filteredTree);
-
-  // Handles select all checkbox click
-  const handleSelectAll = function () {
-    let isTree = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  const handleSelectAll = function (isTree) {
+    if (isTree === void 0) {
+      isTree = false;
+    }
     const availableValues = isTree ? leafValues : filteredOptions.map(opt => opt.value);
     if (allSelected) {
       setTempValue([]);
@@ -116,17 +117,13 @@ const CapUnifiedSelect = _ref => {
     }
     setAllSelected(!allSelected);
   };
-
-  // Update allSelected state when value changes
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const isMultipleMode = type === 'multiSelect' || type === 'multiTreeSelect';
     if (isMultipleMode && Array.isArray(tempValue)) {
       const availableValues = type.includes('tree') ? leafValues : filteredOptions.map(opt => opt.value);
       setAllSelected(tempValue.length > 0 && tempValue.length === availableValues.length);
     }
   }, [tempValue, filteredOptions, leafValues, type]);
-
-  // Handle confirmation
   const handleConfirm = () => {
     if (onConfirm) {
       onConfirm(tempValue);
@@ -135,8 +132,6 @@ const CapUnifiedSelect = _ref => {
     }
     setSearchText('');
   };
-
-  // Handle cancellation
   const handleCancel = () => {
     if (onCancel) {
       onCancel();
@@ -144,12 +139,14 @@ const CapUnifiedSelect = _ref => {
     setTempValue(value);
     setSearchText('');
   };
-
-  // Handle temporary value change
   const handleTempChange = newValue => {
     setTempValue(newValue);
   };
-  const 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);
+  const suffix = (type === "multiTreeSelect" || type === "multiSelect") && Array.isArray(value) && value.length > 1 ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _jsxRuntime.jsxs)("span", {
+      children: ["+", value.length - 1, " more", (0, _jsxRuntime.jsx)(_icons.DownOutlined, {})]
+    })
+  }) : (0, _jsxRuntime.jsx)(_icons.DownOutlined, {});
   const prefix = () => {
     if ((type === "multiTreeSelect" || type === "multiSelect") && Array.isArray(value) && value.length > 0) {
       const selectedLabels = options.filter(opt => value.includes(opt.value)).map(opt => opt.label);
@@ -160,179 +157,197 @@ const CapUnifiedSelect = _ref => {
   };
   const renderHeader = () => {
     if (!label && !tooltip) return null;
-    return /*#__PURE__*/React.createElement(HeaderWrapper, {
-      className: disabled ? 'disabled' : ''
-    }, label && /*#__PURE__*/React.createElement("label", {
-      type: "label16",
-      className: disabled ? 'disabled' : ''
-    }, label), tooltip && /*#__PURE__*/React.createElement(Tooltip, {
-      title: tooltip
-    }, /*#__PURE__*/React.createElement(InfoCircleOutlined, {
+    return (0, _jsxRuntime.jsxs)(_styles.HeaderWrapper, {
       className: disabled ? 'disabled' : '',
-      style: {
-        color: '#B3BAC5'
-      }
-    })));
+      children: [label && (0, _jsxRuntime.jsx)("label", {
+        type: "label16",
+        className: disabled ? 'disabled' : '',
+        children: label
+      }), tooltip && (0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: tooltip,
+        children: (0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {
+          className: disabled ? 'disabled' : '',
+          style: {
+            color: '#B3BAC5'
+          }
+        })
+      })]
+    });
   };
   const renderDropdown = () => {
     const isMultipleSelect = type === 'multiSelect' || type === 'multiTreeSelect';
     const isTreeMode = type === 'treeSelect' || type === 'multiTreeSelect';
     const currentItems = isTreeMode ? filteredTree : filteredOptions;
     const selectedCount = Array.isArray(tempValue) ? tempValue.length : tempValue ? 1 : 0;
-
-    // Custom dropdown render for both Select and TreeSelect
     const 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, {
+      return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)("div", {
           style: {
-            color: "#B3BAC5"
-          }
-        }),
-        placeholder: "Search",
-        variant: "borderless",
-        value: searchText,
-        onChange: e => setSearchText(e.target.value),
-        onKeyDown: e => 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: 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: e => 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: e => {
-          e.stopPropagation();
-          handleConfirm();
-        }
-      }, "Confirm"), /*#__PURE__*/React.createElement(Button, {
-        type: "text",
-        size: "small",
-        onClick: e => {
-          e.stopPropagation();
-          handleCancel();
-        }
-      }, "Cancel")), selectedCount > 0 && /*#__PURE__*/React.createElement("span", {
-        style: {
-          color: '#8c8c8c',
-          fontSize: '14px'
-        }
-      }, selectedCount, " selected")));
+            borderBottom: '1px solid #f0f0f0'
+          },
+          children: (0, _jsxRuntime.jsx)(_antd.Input, {
+            prefix: (0, _jsxRuntime.jsx)(_icons.SearchOutlined, {
+              style: {
+                color: "#B3BAC5"
+              }
+            }),
+            placeholder: "Search",
+            variant: "borderless",
+            value: searchText,
+            onChange: e => setSearchText(e.target.value),
+            onKeyDown: e => e.stopPropagation()
+          })
+        }), isMultipleSelect && currentItems.length > 0 && (0, _jsxRuntime.jsxs)("div", {
+          style: {
+            padding: '8px 12px',
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            borderBottom: '1px solid #f0f0f0'
+          },
+          onClick: e => {
+            e.stopPropagation();
+            handleSelectAll(isTreeMode);
+          },
+          children: [(0, _jsxRuntime.jsx)("input", {
+            type: "checkbox",
+            checked: allSelected,
+            readOnly: true,
+            style: {
+              cursor: 'pointer'
+            },
+            onClick: e => e.stopPropagation()
+          }), (0, _jsxRuntime.jsx)("label", {
+            style: {
+              marginLeft: 8,
+              cursor: 'pointer'
+            },
+            children: "Select all"
+          })]
+        }), currentItems.length === 0 ? (0, _jsxRuntime.jsx)(NoResult, {}) : menu, currentItems.length > 0 && isMultipleSelect && (0, _jsxRuntime.jsxs)("div", {
+          style: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: '8px 12px',
+            borderTop: '1px solid #f0f0f0'
+          },
+          children: [(0, _jsxRuntime.jsxs)("div", {
+            children: [(0, _jsxRuntime.jsx)(_antd.Button, {
+              type: "primary",
+              size: "small",
+              style: {
+                marginRight: 8
+              },
+              onClick: e => {
+                e.stopPropagation();
+                handleConfirm();
+              },
+              children: "Confirm"
+            }), (0, _jsxRuntime.jsx)(_antd.Button, {
+              type: "text",
+              size: "small",
+              onClick: e => {
+                e.stopPropagation();
+                handleCancel();
+              },
+              children: "Cancel"
+            })]
+          }), selectedCount > 0 && (0, _jsxRuntime.jsxs)("span", {
+            style: {
+              color: '#8c8c8c',
+              fontSize: '14px'
+            },
+            children: [selectedCount, " selected"]
+          })]
+        })]
+      });
     };
     if (type === 'treeSelect' || type === 'multiTreeSelect') {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledTreeSelect, _extends({
-        treeData: filteredTree,
+      return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)(StyledTreeSelect, {
+          treeData: filteredTree,
+          value: customPopupRender ? tempValue : value,
+          onChange: customPopupRender ? handleTempChange : onChange,
+          placeholder: placeholder,
+          maxTagCount: 0,
+          maxTagPlaceholder: () => null,
+          prefix: type === "multiTreeSelect" && value.length > 0 && prefix(),
+          suffixIcon: suffix,
+          className: (0, _classnames.default)(`cap-unified-tree-select ${className || ''}`),
+          style: style,
+          status: status,
+          allowClear: allowClear,
+          showSearch: false,
+          multiple: type === 'multiTreeSelect',
+          treeCheckable: treeCheckable,
+          showCheckedStrategy: _antd.TreeSelect.SHOW_PARENT,
+          virtual: true,
+          disabled: disabled,
+          filterTreeNode: false,
+          ...treeSelectVirtualizationProps,
+          popupRender: renderCustomDropdown
+        }), status === 'error' && (0, _jsxRuntime.jsx)("div", {
+          style: {
+            color: '#E83135'
+          },
+          className: "cap-unified-select-status",
+          children: statusMessage
+        })]
+      });
+    }
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(StyledSelect, {
+        options: filteredOptions,
         value: customPopupRender ? tempValue : value,
         onChange: customPopupRender ? handleTempChange : onChange,
         placeholder: placeholder,
         maxTagCount: 0,
         maxTagPlaceholder: () => null,
-        prefix: type === "multiTreeSelect" && value.length > 0 && prefix(),
+        prefix: type === "multiSelect" && value.length > 0 && prefix(),
         suffixIcon: suffix,
-        className: classnames(`cap-unified-tree-select ${className || ''}`),
+        className: (0, _classnames.default)('cap-unified-select', className),
         style: style,
-        status: status,
         allowClear: allowClear,
         showSearch: false,
-        multiple: type === 'multiTreeSelect',
-        treeCheckable: treeCheckable,
-        showCheckedStrategy: TreeSelect.SHOW_PARENT,
+        mode: type === 'multiSelect' ? 'multiple' : undefined,
         virtual: true,
         disabled: disabled,
-        filterTreeNode: false
-      }, treeSelectVirtualizationProps, {
+        status: status,
+        ...selectVirtualizationProps,
         popupRender: renderCustomDropdown
-      })), status === 'error' && /*#__PURE__*/React.createElement("div", {
+      }), status === 'error' && (0, _jsxRuntime.jsx)("div", {
         style: {
           color: '#E83135'
         },
-        className: "cap-unified-select-status"
-      }, statusMessage));
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledSelect, _extends({
-      options: filteredOptions,
-      value: customPopupRender ? tempValue : value,
-      onChange: customPopupRender ? handleTempChange : onChange,
-      placeholder: placeholder,
-      maxTagCount: 0,
-      maxTagPlaceholder: () => null,
-      prefix: type === "multiSelect" && value.length > 0 && prefix(),
-      suffixIcon: suffix,
-      className: classnames('cap-unified-select', className),
-      style: style,
-      allowClear: allowClear,
-      showSearch: false,
-      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));
+        className: "cap-unified-select-status",
+        children: statusMessage
+      })]
+    });
   };
-  return /*#__PURE__*/React.createElement(SelectWrapper, {
-    className: classnames(`cap-unified-select-container ${className || ''}`)
-  }, renderHeader(), renderDropdown());
+  return (0, _jsxRuntime.jsxs)(_styles.SelectWrapper, {
+    className: (0, _classnames.default)(`cap-unified-select-container ${className || ''}`),
+    children: [renderHeader(), renderDropdown()]
+  });
 };
 CapUnifiedSelect.propTypes = {
-  type: PropTypes.oneOf(['select', 'multiSelect', 'treeSelect', 'multiTreeSelect']),
-  options: PropTypes.array,
-  treeData: PropTypes.array,
-  value: PropTypes.any,
-  onChange: PropTypes.func,
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  className: PropTypes.string,
-  style: PropTypes.object,
-  allowClear: 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
+  type: _propTypes.default.oneOf(['select', 'multiSelect', 'treeSelect', 'multiTreeSelect']),
+  options: _propTypes.default.array,
+  treeData: _propTypes.default.array,
+  value: _propTypes.default.any,
+  onChange: _propTypes.default.func,
+  placeholder: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  className: _propTypes.default.string,
+  style: _propTypes.default.object,
+  allowClear: _propTypes.default.bool,
+  label: _propTypes.default.string,
+  tooltip: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  disabled: _propTypes.default.bool,
+  treeCheckable: _propTypes.default.bool,
+  customPopupRender: _propTypes.default.bool,
+  onConfirm: _propTypes.default.func,
+  onCancel: _propTypes.default.func
 };
 CapUnifiedSelect.defaultProps = {
   type: 'select',
@@ -341,4 +356,4 @@ CapUnifiedSelect.defaultProps = {
   treeCheckable: false,
   className: ''
 };
-export default withStyles(CapUnifiedSelect, selectStyles);
+var _default = exports.default = (0, _withStyles.default)(CapUnifiedSelect, _styles.selectStyles);

package/components/CapUnifiedSelect/index.js

@@ -1 +1,7 @@
-export { default } from './CapUnifiedSelect';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _CapUnifiedSelect = _interopRequireDefault(require("./CapUnifiedSelect"));
+exports.default = _CapUnifiedSelect.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }