@capillarytech/blaze-ui 2.0.3 → 2.0.5

package/dist/index.js

@@ -5506,6 +5506,51 @@ const mapTabPlacement = value => {
   if (value === 'right') return 'end';
   return value;
 };
+
+/**
+ * Generate stable fallback key based on pane content for React reconciliation
+ * Uses pane.tab or pane.content to create deterministic keys
+ */
+const getStableFallbackKey = (pane, idx) => {
+  // Try to extract string representation from tab or content
+  let tabStr = '';
+  let contentStr = '';
+  if (pane.tab) {
+    if (typeof pane.tab === 'string') {
+      tabStr = pane.tab;
+    } else if (typeof pane.tab === 'number') {
+      tabStr = String(pane.tab);
+    } else if (/*#__PURE__*/_react.default.isValidElement(pane.tab)) {
+      var _props;
+      // Try to extract text content from React element
+      const children = (_props = pane.tab.props) == null ? void 0 : _props.children;
+      tabStr = typeof children === 'string' ? children : String(children || '');
+    }
+  }
+  if (pane.content) {
+    if (typeof pane.content === 'string') {
+      contentStr = pane.content;
+    } else if (typeof pane.content === 'number') {
+      contentStr = String(pane.content);
+    } else if (/*#__PURE__*/_react.default.isValidElement(pane.content)) {
+      var _props2;
+      // Try to extract text content from React element
+      const children = (_props2 = pane.content.props) == null ? void 0 : _props2.children;
+      contentStr = typeof children === 'string' ? children : String(children || '');
+    }
+  }
+
+  // Create deterministic composite key from tab/content
+  // This ensures same content = same key even if order changes
+  if (tabStr) {
+    return "tab-" + tabStr.slice(0, 20) + "-" + idx;
+  }
+  if (contentStr) {
+    return "content-" + contentStr.slice(0, 20) + "-" + idx;
+  }
+  // Last resort: use index but prefix it for clarity
+  return "pane-" + idx;
+};
 const CapTab = _ref => {
   let {
       panes = [],
@@ -5531,12 +5576,15 @@ const CapTab = _ref => {
   } : false : animatedValue;
 
   // Convert panes to items format (v6 API)
-  const items = panes.map((pane, index) => ({
-    key: pane.key || String(index),
-    label: pane.tab,
-    children: pane.content,
-    disabled: pane.disabled
-  }));
+  const items = panes.map((pane, index) => {
+    const key = pane.key || getStableFallbackKey(pane, index);
+    return {
+      key,
+      label: pane.tab,
+      children: pane.content,
+      disabled: pane.disabled
+    };
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: _styles.default['cap-tab-wrapper'],
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -8247,7 +8295,8 @@ var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapIcon = _interopRequireDefault(__webpack_require__(5595));
 var _styles = _interopRequireDefault(__webpack_require__(6805));
 var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["className", "children", "type", "isAddBtn", "prefix", "suffix"];
+const _excluded = ["className", "children", "type", "isAddBtn", "prefix", "suffix", "icon", "danger"],
+  _excluded2 = ["variant"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 _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; }
@@ -8264,19 +8313,63 @@ const CapButton = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       type = 'primary',
       isAddBtn = false,
       prefix,
-      suffix
+      suffix,
+      icon,
+      danger: dangerProp
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // Handle icon prop - convert string to CapIcon component
+  const iconElement = _react.default.useMemo(() => {
+    if (!icon) return undefined;
+    if (typeof icon === 'string') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        type: icon
+      });
+    }
+    return icon;
+  }, [icon]);
+
+  // Handle danger: if type is 'danger', convert to danger boolean prop
+  // According to Ant Design v6 API: danger is a boolean prop, not a type
+  const isDanger = dangerProp !== undefined ? dangerProp : type === 'danger';
+
+  // Handle dashed: In Ant Design v6, 'dashed' can be used as both type and variant
+  // When type='dashed' is passed, use it directly as type (Ant Design v6 supports this)
+  // When variant='dashed' is passed, use variant='dashed' with type='default'
+  const variantFromProps = rest.variant;
+  const isDashedFromVariant = variantFromProps === 'dashed';
+
+  // Determine the variant to use
+  // If variant is explicitly passed, use it; otherwise, if type='dashed', don't set variant (let type handle it)
+  const variant = variantFromProps !== undefined ? variantFromProps // Use variant from props if provided
+  : undefined; // Don't set variant when using type='dashed' - let Ant Design handle it
+
+  // Determine the button type
+  // If type='dashed', pass it directly to Ant Design (it supports type='dashed')
+  // If variant='dashed' is passed, use type='default'
+  const buttonType = type === 'danger' ? 'primary' // Default danger buttons to primary type
+  : isDashedFromVariant ? 'default' // If variant='dashed' is passed, use type='default'
+  : type; // Otherwise, pass type as-is (including 'dashed')
+
+  // Use icon prop if provided, otherwise use prefix
+  const effectivePrefix = iconElement || prefix;
+  const hasIcon = isAddBtn || suffix || effectivePrefix;
+
+  // Remove variant from rest to avoid passing it twice
+  const restWithoutVariant = _objectWithoutPropertiesLoose(rest, _excluded2);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antdV.Button, _extends({
     ref: ref
-  }, rest, {
-    type: type === 'primary' || type === 'default' || type === 'dashed' || type === 'link' || type === 'text' ? type : undefined,
+  }, restWithoutVariant, {
+    type: buttonType === 'primary' || buttonType === 'default' || buttonType === 'dashed' || buttonType === 'link' || buttonType === 'text' ? buttonType : undefined,
+    variant: variant || undefined,
+    danger: isDanger,
+    icon: iconElement,
     className: (0, _classnames.default)(_styles.default[classPrefix], btnTypeClassMapping[type] ? _styles.default[btnTypeClassMapping[type]] : undefined, className, {
       [_styles.default['add-btn']]: isAddBtn
     }, {
-      [_styles.default['has-icon']]: isAddBtn || suffix || prefix
+      [_styles.default['has-icon']]: hasIcon
     }),
-    children: [(isAddBtn || prefix) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [(isAddBtn || prefix) && !iconElement && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _styles.default[classPrefix + "-prefix"],
       children: isAddBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
         size: "s",
@@ -8301,7 +8394,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-button-v2{display:inline-flex;align-items:center;justify-content:center;width:fit-content;font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;padding:0 1.714rem;height:2.857rem;min-width:5.714rem;border:none;box-shadow:none;text-shadow:none;transition:all .3s ease}.blaze-ui-cap-button-v2-prefix,.blaze-ui-cap-button-v2-suffix{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-button-v2-prefix+span,span+.blaze-ui-cap-button-v2-suffix{margin-left:.286rem}.blaze-ui-has-icon{display:inline-flex;align-items:center;padding:0 .857rem 0 .571rem}.blaze-ui-secondary-btn{background-color:#ebecf0;border-color:#ebecf0;color:#091e42}.blaze-ui-secondary-btn:hover{background-color:#dfe2e7 !important;border-color:#dfe2e7 !important;color:unset}.blaze-ui-secondary-btn:disabled,.blaze-ui-secondary-btn.ant-btn-disabled{background-color:#f4f5f7;border-color:#f4f5f7;color:#5e6c84;cursor:not-allowed}.blaze-ui-flat-btn{background-color:#fff;border-color:#fff;color:inherit;min-width:auto}.blaze-ui-flat-btn:hover{background-color:#f4f5f7 !important;border-color:#f4f5f7 !important;color:unset}.blaze-ui-flat-btn:disabled,.blaze-ui-flat-btn.ant-btn-disabled{background-color:#fff;border-color:#fff;color:#5e6c84;cursor:not-allowed;opacity:.3}.blaze-ui-add-btn{color:#2466ea}.blaze-ui-add-btn:disabled,.blaze-ui-add-btn.ant-btn-disabled{color:#2466ea}.blaze-ui-oval-btn{background-color:#fafbfc;border-color:#b3bac5;color:#5e6c84;width:6.929rem;height:2.286rem;border-radius:1.143rem;border:.071rem solid #b3bac5}.blaze-ui-oval-btn:hover{background-color:#fafbfc !important;border-color:#b3bac5 !important;color:#091e42 !important}.blaze-ui-oval-btn:disabled,.blaze-ui-oval-btn.ant-btn-disabled{background-color:#fafbfc;border-color:#b3bac5;color:#b3bac5;cursor:not-allowed}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-button-v2{display:inline-flex;align-items:center;justify-content:center;width:fit-content;font-family:"Roboto",sans-serif;font-weight:500;font-size:1rem;padding:0 1.714rem;height:2.857rem;min-width:5.714rem;box-shadow:none;text-shadow:none;transition:all .3s ease}.blaze-ui-cap-button-v2-prefix,.blaze-ui-cap-button-v2-suffix{display:flex;align-items:center;justify-content:center}.blaze-ui-cap-button-v2-prefix+span,span+.blaze-ui-cap-button-v2-suffix{margin-left:.286rem}.blaze-ui-has-icon{display:inline-flex;align-items:center;padding:0 .857rem 0 .571rem}.blaze-ui-secondary-btn{background-color:#ebecf0;border-color:#ebecf0;color:#091e42}.blaze-ui-secondary-btn:hover{background-color:#dfe2e7 !important;border-color:#dfe2e7 !important;color:unset}.blaze-ui-secondary-btn:disabled,.blaze-ui-secondary-btn.ant-btn-disabled{background-color:#f4f5f7;border-color:#f4f5f7;color:#5e6c84;cursor:not-allowed}.blaze-ui-flat-btn{background-color:#fff;border-color:#fff;color:inherit;min-width:auto}.blaze-ui-flat-btn:hover{background-color:#f4f5f7 !important;border-color:#f4f5f7 !important;color:unset}.blaze-ui-flat-btn:disabled,.blaze-ui-flat-btn.ant-btn-disabled{background-color:#fff;border-color:#fff;color:#5e6c84;cursor:not-allowed;opacity:.3}.blaze-ui-add-btn{color:#2466ea}.blaze-ui-add-btn:disabled,.blaze-ui-add-btn.ant-btn-disabled{color:#2466ea}.blaze-ui-oval-btn{background-color:#fafbfc;border-color:#b3bac5;color:#5e6c84;width:6.929rem;height:2.286rem;border-radius:1.143rem;border:.071rem solid #b3bac5}.blaze-ui-oval-btn:hover{background-color:#fafbfc !important;border-color:#b3bac5 !important;color:#091e42 !important}.blaze-ui-oval-btn:disabled,.blaze-ui-oval-btn.ant-btn-disabled{background-color:#fafbfc;border-color:#b3bac5;color:#b3bac5;cursor:not-allowed}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"cap-button-v2": `blaze-ui-cap-button-v2`,
@@ -34074,6 +34167,7 @@ exports["default"] = void 0;
 var _antdV = __webpack_require__(4273);
 var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
+var _styles = _interopRequireDefault(__webpack_require__(8773));
 var _jsxRuntime = __webpack_require__(4848);
 const _excluded = ["className", "checked", "disabled", "size"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -34091,7 +34185,7 @@ const CapSwitch = _ref => {
     checked: checked,
     disabled: disabled,
     size: size,
-    className: (0, _classnames.default)('cap-switch-v2', className)
+    className: (0, _classnames.default)(_styles.default['cap-switch-v2'], className)
   }));
 };
 var _default = exports["default"] = CapSwitch;
@@ -35792,6 +35886,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 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 _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; }
 const CapTooltip = _ref => {
+  var _ref2;
   let {
       title,
       children,
@@ -35818,7 +35913,8 @@ const CapTooltip = _ref => {
     } = _ref,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   // Support both old and new APIs - new API takes precedence
-  const finalDestroyOnHidden = destroyOnHidden || destroyTooltipOnHide || false;
+  // Use nullish coalescing to respect explicit false values
+  const finalDestroyOnHidden = (_ref2 = destroyOnHidden != null ? destroyOnHidden : destroyTooltipOnHide) != null ? _ref2 : false;
 
   // Merge overlay classNames - new API takes precedence
   const finalOverlayClassName = (0, _classnames.default)(_styles.default['cap-tooltip-overlay-v2'], (classNamesProp == null ? void 0 : classNamesProp.root) || overlayClassName);
@@ -50275,6 +50371,24 @@ var _default = exports["default"] = RefIcon;
 
 __webpack_require__(4920);
 
+/***/ }),
+
+/***/ 7704:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-switch-v2{font-family:"Roboto",sans-serif}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-switch-v2": `blaze-ui-cap-switch-v2`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 7748:
@@ -51935,6 +52049,58 @@ var _index = _interopRequireDefault(__webpack_require__(3871));
 const defaultTheme = (0, _cssinjs.createTheme)(_index.default);
 var _default = exports["default"] = defaultTheme;
 
+/***/ }),
+
+/***/ 8773:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(7704);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()), options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
+
+
 /***/ }),
 
 /***/ 8793: