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

package/dist/components/CapUnifiedSelect/CapUnifiedSelect.js

@@ -0,0 +1,406 @@
+"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
+});
+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");
+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); }
+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
+// Updated import path
+var CapUnifiedSelect = function CapUnifiedSelect(_ref) {
+  var type = _ref.type,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    treeData = _ref.treeData,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$placeholder = _ref.placeholder,
+    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,
+    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 = (0, _styledComponents["default"])(_antd.Select).withConfig({
+    displayName: "StyledSelect",
+    componentId: "sc-wsphu8-0"
+  })(["", ""], _styles.selectStyles);
+  var StyledTreeSelect = (0, _styledComponents["default"])(_antd.TreeSelect).withConfig({
+    displayName: "StyledTreeSelect",
+    componentId: "sc-wsphu8-1"
+  })(["", ""], _styles.selectStyles);
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchText = _useState2[0],
+    setSearchText = _useState2[1];
+  var _useState3 = (0, _react.useState)(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tempValue = _useState4[0],
+    setTempValue = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    allSelected = _useState6[0],
+    setAllSelected = _useState6[1];
+
+  // Update tempValue when value changes
+  (0, _react.useEffect)(function () {
+    setTempValue(value);
+  }, [value]);
+  var selectVirtualizationProps = {
+    listHeight: 256
+  };
+  var treeSelectVirtualizationProps = {
+    listHeight: 256,
+    listItemHeight: 32
+  };
+
+  // No results component
+  var NoResult = function NoResult() {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: 200,
+        color: '#8c8c8c',
+        fontSize: 14
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_icons.WarningFilled, {
+      style: {
+        fontSize: 36,
+        marginBottom: 8,
+        color: '#bfbfbf'
+      }
+    }), /*#__PURE__*/_react["default"].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
+  (0, _react.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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, "+", value.length - 1, " more", /*#__PURE__*/_react["default"].createElement(_icons.DownOutlined, null))) : /*#__PURE__*/_react["default"].createElement(_icons.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["default"].createElement(_styles.HeaderWrapper, {
+      className: disabled ? 'disabled' : ''
+    }, label && /*#__PURE__*/_react["default"].createElement("label", {
+      type: "label16",
+      className: disabled ? 'disabled' : ''
+    }, label), tooltip && /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
+      title: tooltip
+    }, /*#__PURE__*/_react["default"].createElement(_icons.InfoCircleOutlined, {
+      className: disabled ? 'disabled' : '',
+      style: {
+        color: '#B3BAC5'
+      }
+    })));
+  };
+  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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          borderBottom: '1px solid #f0f0f0'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+        prefix: /*#__PURE__*/_react["default"].createElement(_icons.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["default"].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["default"].createElement("input", {
+        type: "checkbox",
+        checked: allSelected,
+        readOnly: true,
+        style: {
+          cursor: 'pointer'
+        },
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        }
+      }), /*#__PURE__*/_react["default"].createElement("label", {
+        style: {
+          marginLeft: 8,
+          cursor: 'pointer'
+        }
+      }, "Select all")), currentItems.length === 0 ? /*#__PURE__*/_react["default"].createElement(NoResult, null) : menu, currentItems.length > 0 && isMultipleSelect && /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          padding: '8px 12px',
+          borderTop: '1px solid #f0f0f0'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+        type: "primary",
+        size: "small",
+        style: {
+          marginRight: 8
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          handleConfirm();
+        }
+      }, "Confirm"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+        type: "text",
+        size: "small",
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          handleCancel();
+        }
+      }, "Cancel")), selectedCount > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: '#8c8c8c',
+          fontSize: '14px'
+        }
+      }, selectedCount, " selected")));
+    };
+    if (type === 'treeSelect' || type === 'multiTreeSelect') {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledTreeSelect, _extends({
+        treeData: filteredTree,
+        value: customPopupRender ? tempValue : value,
+        onChange: customPopupRender ? handleTempChange : onChange,
+        placeholder: placeholder,
+        maxTagCount: 0,
+        maxTagPlaceholder: function maxTagPlaceholder() {
+          return null;
+        },
+        prefix: type === "multiTreeSelect" && value.length > 0 && prefix(),
+        suffixIcon: suffix,
+        className: (0, _classnames["default"])("cap-unified-tree-select ".concat(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' && /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: '#E83135'
+        },
+        className: "cap-unified-select-status"
+      }, statusMessage));
+    }
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledSelect, _extends({
+      options: filteredOptions,
+      value: customPopupRender ? tempValue : value,
+      onChange: customPopupRender ? handleTempChange : onChange,
+      placeholder: placeholder,
+      maxTagCount: 0,
+      maxTagPlaceholder: function maxTagPlaceholder() {
+        return null;
+      },
+      prefix: type === "multiSelect" && value.length > 0 && prefix(),
+      suffixIcon: suffix,
+      className: (0, _classnames["default"])('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["default"].createElement("div", {
+      style: {
+        color: '#E83135'
+      },
+      className: "cap-unified-select-status"
+    }, statusMessage));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_styles.SelectWrapper, {
+    className: (0, _classnames["default"])("cap-unified-select-container ".concat(className || ''))
+  }, renderHeader(), renderDropdown());
+};
+CapUnifiedSelect.propTypes = {
+  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',
+  allowClear: false,
+  customPopupRender: false,
+  treeCheckable: false,
+  className: ''
+};
+var _default = exports["default"] = (0, _withStyles["default"])(CapUnifiedSelect, _styles.selectStyles);

package/dist/components/CapUnifiedSelect/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _CapUnifiedSelect["default"];
+  }
+});
+var _CapUnifiedSelect = _interopRequireDefault(require("./CapUnifiedSelect"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/dist/components/CapUnifiedSelect/messages.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _reactIntl = require("react-intl");
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  selectPlaceholder: {
+    id: 'cap.unified.select.placeholder',
+    defaultMessage: 'Select an option'
+  },
+  searchPlaceholder: {
+    id: 'cap.unified.select.search.placeholder',
+    defaultMessage: 'Search...'
+  },
+  noData: {
+    id: 'cap.unified.select.no.data',
+    defaultMessage: 'No data'
+  },
+  loading: {
+    id: 'cap.unified.select.loading',
+    defaultMessage: 'Loading...'
+  },
+  selected: {
+    id: 'cap.unified.select.selected',
+    defaultMessage: '{count} items selected'
+  }
+});

package/dist/components/CapUnifiedSelect/styles.js

@@ -0,0 +1,39 @@
+"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
+});
+exports.selectStyles = exports.StyledInfoIcon = exports.SelectWrapper = exports.SelectAllCheckbox = exports.SearchInputWrapper = exports.NoResultWrapper = exports.HeaderWrapper = exports.DropdownFooter = void 0;
+var _styledComponents = _interopRequireWildcard(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 _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 SelectWrapper = exports.SelectWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "SelectWrapper",
+  componentId: "sc-3v7xpu-0"
+})(["display:flex;flex-direction:column;gap:8px;width:100%;&.disabled{cursor:not-allowed;}"]);
+var HeaderWrapper = exports.HeaderWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "HeaderWrapper",
+  componentId: "sc-3v7xpu-1"
+})(["display:flex;align-items:center;gap:4px;&.disabled{opacity:0.5;cursor:not-allowed;}"]);
+var DropdownFooter = exports.DropdownFooter = _styledComponents["default"].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;}"]);
+var SearchInputWrapper = exports.SearchInputWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "SearchInputWrapper",
+  componentId: "sc-3v7xpu-3"
+})(["padding:8px;border-bottom:1px solid #f0f0f0;"]);
+var SelectAllCheckbox = exports.SelectAllCheckbox = _styledComponents["default"].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;}"]);
+var NoResultWrapper = exports.NoResultWrapper = _styledComponents["default"].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;"]);
+var StyledInfoIcon = exports.StyledInfoIcon = _styledComponents["default"].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);
+var selectStyles = exports.selectStyles = (0, _styledComponents.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);

package/dist/{index.js → components/index.js}

@@ -4,6 +4,14 @@ 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() {
@@ -16,6 +24,12 @@ 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() {
@@ -31,9 +45,22 @@ 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/esm/{CapRow/CapRow.js → components/CapSkeleton/CapSkeleton.js}

@@ -1,22 +1,22 @@
-var _excluded = ["className", "children"];
+var _excluded = ["className"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * CapSkeleton - Migrated to Ant Design v5
+ */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Row } from 'antd';
-import classNames from 'classnames';
-import { RowWrapper } from './styles';
-var CapRow = function CapRow(_ref) {
+import { Skeleton } from 'antd';
+var CapSkeleton = function CapSkeleton(_ref) {
   var className = _ref.className,
-    children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(RowWrapper, null, /*#__PURE__*/React.createElement(Row, _extends({}, rest, {
-    className: classNames('cap-row', className)
-  }), React.Children.toArray(children)));
+  var combinedClassName = "cap-skeleton-v2 ".concat(className || '').trim();
+  return /*#__PURE__*/React.createElement(Skeleton, _extends({
+    className: combinedClassName
+  }, rest));
 };
-CapRow.propTypes = {
-  children: PropTypes.node,
+CapSkeleton.propTypes = {
   className: PropTypes.string
 };
-export default CapRow;
+export default CapSkeleton;

package/dist/esm/components/CapSkeleton/index.js

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

package/dist/esm/components/CapSpin/CapSpin.js

@@ -0,0 +1,28 @@
+var _excluded = ["className"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * CapSpin - Migrated to Ant Design v5
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Spin } from 'antd';
+var CapSpin = function CapSpin(_ref) {
+  var className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Spin, _extends({
+    className: className
+  }, rest));
+};
+CapSpin.propTypes = {
+  className: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'default', 'large']),
+  spinning: PropTypes.bool,
+  tip: PropTypes.string,
+  delay: PropTypes.number,
+  indicator: PropTypes.node,
+  fullscreen: PropTypes.bool,
+  wrapperClassName: PropTypes.string
+};
+export default CapSpin;

package/dist/esm/components/CapSpin/index.js

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

package/dist/esm/components/CapTable/loadable.js

@@ -0,0 +1,12 @@
+import CapSkeleton from '../CapSkeleton';
+import { loadable } from '@capillarytech/cap-ui-utils';
+import React, { Suspense } from 'react';
+var LoadableComponent = loadable(function () {
+  return import('./CapTable');
+});
+var CapTableLoadable = function CapTableLoadable(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement(CapSkeleton, null)
+  }, /*#__PURE__*/React.createElement(LoadableComponent, props));
+};
+export default CapTableLoadable;

package/dist/esm/components/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;