@capillarytech/blaze-ui 5.13.1 → 5.14.0

package/CapListLayout/README.md

@@ -0,0 +1,7 @@
+# CapListLayout
+
+A layout component that combines CapActionBar and CapTable for creating list views with action bars and data tables.
+
+### Breaking Changes
+
+None - This component is a simple wrapper that doesn't use Antd components directly.

package/CapListLayout/index.d.ts

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

package/CapListLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapListLayout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIlD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAO/C,CAAC;AAEF,eAAe,aAAa,CAAC;AAC7B,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/CapListLayout/index.js

@@ -22035,9 +22035,11 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ``, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-list-view-layout-v2{display:flex;flex-direction:column;gap:1.714rem}`, ""]);
 // Exports
-___CSS_LOADER_EXPORT___.locals = {};
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-list-view-layout-v2": `cap-list-view-layout-v2`
+};
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
@@ -23440,32 +23442,31 @@ 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 _CapActionBar = _interopRequireDefault(__webpack_require__(9464));
 var _CapTable = _interopRequireDefault(__webpack_require__(43337));
-__webpack_require__(40027);
+var _styles = _interopRequireDefault(__webpack_require__(40027));
 var _jsxRuntime = __webpack_require__(74848);
 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); } /**
  * CapListLayout
- */ // import CapRow from "../CapRow";
-class CapListLayout extends _react.default.Component {
-  render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: this.props.className ? "cap-list-view-layout-v2 " + this.props.className : 'cap-list-view-layout-v2',
-      children: [this.props.capActionBar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapActionBar.default, _extends({}, this.props.capActionBar)), this.props.capTable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTable.default, _extends({
-        className: "cap-table-v2"
-      }, this.props.capTable))]
-    });
-  }
-}
-exports["default"] = CapListLayout;
-CapListLayout.propTypes = {
-  className: _propTypes.default.string,
-  capActionBar: _propTypes.default.object,
-  capTable: _propTypes.default.object
+ */
+const clsPrefix = 'cap-list-view-layout-v2';
+const CapListLayout = _ref => {
+  let {
+    className,
+    capActionBar,
+    capTable
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(_styles.default[clsPrefix], className),
+    children: [capActionBar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapActionBar.default, _extends({}, capActionBar)), capTable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTable.default, _extends({
+      className: "cap-table-v2"
+    }, capTable))]
+  });
 };
+var _default = exports["default"] = CapListLayout;
 })();
 
 module.exports = __webpack_exports__;