@capillarytech/blaze-ui 5.0.1 → 5.0.2

package/CapActionBar/README.md

@@ -0,0 +1,11 @@
+# CapActionBar
+
+A flexible action bar component that provides a consistent layout for search inputs, filters, sort controls, and action buttons. This component wraps Ant Design's Row and Col components to create a structured action bar interface.
+
+## Migration from Ant Design v3 to v6
+
+This component has been migrated from Ant Design v3 to v6 with the following changes:
+
+### Breaking Changes
+
+No breaking changes

package/CapActionBar/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CapActionBarProps } from './types';
+declare const CapActionBar: React.FC<CapActionBarProps>;
+export default CapActionBar;
+//# sourceMappingURL=index.d.ts.map

package/CapActionBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapActionBar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,SAAS,CAAC;AAsBpE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/CapActionBar/index.js

@@ -22439,84 +22439,88 @@ var exports = __webpack_exports__;
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(__webpack_require__(43363));
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _CapButton = _interopRequireDefault(__webpack_require__(80739));
 var _CapColumn = _interopRequireDefault(__webpack_require__(4757));
 var _CapFormItem = _interopRequireDefault(__webpack_require__(9660));
-var _CapInput = _interopRequireDefault(__webpack_require__(15773));
+var _CapInput = __webpack_require__(15773);
 var _CapRadioButton = _interopRequireDefault(__webpack_require__(50880));
 var _CapRadioGroup = _interopRequireDefault(__webpack_require__(49269));
 var _CapRow = _interopRequireDefault(__webpack_require__(69813));
 var _CapSelect = _interopRequireDefault(__webpack_require__(80827));
-__webpack_require__(24952);
+var _styles = _interopRequireDefault(__webpack_require__(24952));
 var _jsxRuntime = __webpack_require__(74848);
-const _excluded = ["options"];
+const _excluded = ["options"],
+  _excluded2 = ["label", "value"];
 /**
  * CapActionBar
  */
 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; }
-function RadioButtonComponent(props) {
-  const {
+function RadioButtonComponent(_ref) {
+  let {
       options
-    } = props,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+    } = _ref,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRadioGroup.default, _extends({}, otherProps, {
-    children: options.map((option, optionInd) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRadioButton.default, _extends({}, option, {
-      children: option.label
-    }), optionInd))
+    children: options.map((option, optionInd) => {
+      const {
+          label,
+          value
+        } = option,
+        restOptionProps = _objectWithoutPropertiesLoose(option, _excluded2);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRadioButton.default, _extends({
+        value: value
+      }, restOptionProps, {
+        children: label
+      }), optionInd);
+    })
   }));
 }
-class CapActionBar extends _react.default.Component {
-  render() {
-    const rowProps = this.props.row ? this.props.row.props : [];
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, _extends({}, rowProps, {
-      className: this.props.className ? "cap-action-bar-v2 " + this.props.className : 'cap-action-bar-v2',
-      children: [this.props.search && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, this.props.search.capColumn, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, this.props.search.formItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapInput.default.Search, _extends({}, this.props.search.props))
-        }))
-      })), this.props.filterItemOne && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, this.props.filterItemOne.capColumn, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, this.props.filterItemOne.formItem, {
-          children: this.props.filterItemOne.radioButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioButtonComponent, _extends({}, this.props.filterItemOne.props)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSelect.default, _extends({}, this.props.filterItemOne.props))
-        }))
-      })), this.props.filterItemTwo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, this.props.filterItemTwo.capColumn, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, this.props.filterItemTwo.formItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSelect.default, _extends({}, this.props.filterItemTwo.props))
-        }))
-      })), this.props.sort && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, this.props.sort.capColumn, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, this.props.sort.formItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSelect.default, _extends({}, this.props.sort.props))
-        }))
-      })), this.props.actionItemOne && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, this.props.actionItemOne.capColumn, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, _extends({}, this.props.actionItemOne.props, {
-          children: this.props.actionItemOne.props.children
-        }))
-      })), this.props.actionItemTwo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, this.props.actionItemTwo.capColumn, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, _extends({}, this.props.actionItemTwo.props, {
-          children: this.props.actionItemTwo.props.children
-        }))
-      }))]
-    }));
-  }
-}
-exports["default"] = CapActionBar;
-CapActionBar.propTypes = {
-  className: _propTypes.default.string,
-  search: _propTypes.default.object,
-  filterItemOne: _propTypes.default.object,
-  row: _propTypes.default.object,
-  sort: _propTypes.default.object,
-  filterItemTwo: _propTypes.default.object,
-  actionItemOne: _propTypes.default.object,
-  actionItemTwo: _propTypes.default.object
-};
-RadioButtonComponent.propTypes = {
-  onChange: _propTypes.default.func,
-  options: _propTypes.default.array
+const CapActionBar = _ref2 => {
+  let {
+    className,
+    search,
+    filterItemOne,
+    filterItemTwo,
+    sort,
+    actionItemOne,
+    actionItemTwo,
+    row
+  } = _ref2;
+  const rowProps = (row == null ? void 0 : row.props) || {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, _extends({}, rowProps, {
+    className: (0, _classnames.default)(_styles.default['cap-action-bar'], className),
+    children: [search && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, search.capColumn, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, search.formItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapInput.CapInputSearch, _extends({}, search.props))
+      }))
+    })), filterItemOne && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, filterItemOne.capColumn, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, filterItemOne.formItem, {
+        children: filterItemOne.radioButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioButtonComponent, _extends({}, filterItemOne.props)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSelect.default, _extends({}, filterItemOne.props))
+      }))
+    })), filterItemTwo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, filterItemTwo.capColumn, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, filterItemTwo.formItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSelect.default, _extends({}, filterItemTwo.props))
+      }))
+    })), sort && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, sort.capColumn, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapFormItem.default, _extends({}, sort.formItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapSelect.default, _extends({}, sort.props))
+      }))
+    })), actionItemOne && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, actionItemOne.capColumn, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, _extends({}, actionItemOne.props, {
+        children: actionItemOne.props.children
+      }))
+    })), actionItemTwo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, _extends({}, actionItemTwo.capColumn, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapButton.default, _extends({}, actionItemTwo.props, {
+        children: actionItemTwo.props.children
+      }))
+    }))]
+  }));
 };
+var _default = exports["default"] = CapActionBar;
 })();
 
 module.exports = __webpack_exports__;