@capillarytech/blaze-ui 5.0.1 → 5.0.2

package/CapActionBar/types.d.ts

@@ -0,0 +1,80 @@
+import type { CapButtonProps } from '../CapButton';
+import type { CapColumnProps } from '../CapColumn';
+import type { CapFormItemProps } from '../CapFormItem/types';
+import type { CapInputSearchProps } from '../CapInput';
+import type { CapRadioGroupProps } from '../CapRadioGroup';
+import type { CapRowProps } from '../CapRow/types';
+import type { CapSelectProps } from '../CapSelect/types';
+import type React from 'react';
+/**
+ * Configuration for radio button options
+ */
+export interface RadioButtonOption {
+    label: string;
+    value: string | number;
+    [key: string]: unknown;
+}
+/**
+ * Configuration for a search input item
+ */
+export interface SearchItemConfig {
+    capColumn: CapColumnProps;
+    formItem: CapFormItemProps;
+    props: CapInputSearchProps;
+}
+/**
+ * Configuration for a filter item (can be select or radio button)
+ */
+export interface FilterItemConfig {
+    capColumn: CapColumnProps;
+    formItem: CapFormItemProps;
+    props: CapSelectProps | (CapRadioGroupProps & {
+        options: RadioButtonOption[];
+    });
+    radioButton?: boolean;
+}
+/**
+ * Configuration for a sort select item
+ */
+export interface SortItemConfig {
+    capColumn: CapColumnProps;
+    formItem: CapFormItemProps;
+    props: CapSelectProps;
+}
+/**
+ * Configuration for an action button item
+ */
+export interface ActionItemConfig {
+    capColumn: CapColumnProps;
+    props: CapButtonProps & {
+        children?: React.ReactNode;
+    };
+}
+/**
+ * Configuration for the row wrapper
+ */
+export interface RowConfig {
+    props: CapRowProps;
+}
+/**
+ * Props for CapActionBar component
+ */
+export interface CapActionBarProps {
+    /** Custom className for the action bar */
+    className?: string;
+    /** Configuration for search input */
+    search?: SearchItemConfig;
+    /** Configuration for first filter item (select or radio button) */
+    filterItemOne?: FilterItemConfig;
+    /** Configuration for second filter item (select) */
+    filterItemTwo?: FilterItemConfig;
+    /** Configuration for sort select */
+    sort?: SortItemConfig;
+    /** Configuration for first action button */
+    actionItemOne?: ActionItemConfig;
+    /** Configuration for second action button */
+    actionItemTwo?: ActionItemConfig;
+    /** Configuration for the row wrapper */
+    row?: RowConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapActionBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapActionBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,mBAAmB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,cAAc,GAAG,CAAC,kBAAkB,GAAG;QAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;KAAE,CAAC,CAAC;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,cAAc,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,cAAc,GAAG;QAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;CACxD;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,WAAW,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,mEAAmE;IACnE,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,oDAAoD;IACpD,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,oCAAoC;IACpC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,6CAA6C;IAC7C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,wCAAwC;IACxC,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB"}

package/CapListLayout/index.js

@@ -2477,84 +2477,88 @@ var _default = exports["default"] = (0, _ComponentWithLabelHOC.default)(CapInput
 
 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;
 
 /***/ }),