@capillarytech/blaze-ui 4.0.0 → 4.0.1-beta.2

package/dist/index.js

@@ -6343,6 +6343,107 @@ var _default = exports["default"] = CapHeadingWithStatic;
 
 /***/ }),
 
+/***/ 7393:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.renderCustomDivider = exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapDivider = _interopRequireDefault(__webpack_require__(23406));
+var _CapHeading = _interopRequireDefault(__webpack_require__(7319));
+var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
+var _CapRow = _interopRequireDefault(__webpack_require__(69813));
+var _styles = _interopRequireDefault(__webpack_require__(43953));
+var _jsxRuntime = __webpack_require__(74848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const renderCustomDivider = function (type) {
+  if (type === void 0) {
+    type = '';
+  }
+  return type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDivider.default, {
+    style: {
+      marginTop: '0.857rem',
+      marginBottom: '0.857rem'
+    }
+  }) : null;
+};
+exports.renderCustomDivider = renderCustomDivider;
+const CapStatisticCard = _ref => {
+  let {
+    statsItems,
+    width,
+    type,
+    showHeader
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+    className: _styles.default['stats-card'],
+    children: [statsItems.length > 0 && type && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        width: '16%',
+        display: showHeader ? 'inline-grid' : 'inline-table'
+      },
+      children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            marginBottom: '-0.286rem'
+          }
+        }), renderCustomDivider(type)]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        className: _styles.default['stats-val'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label1",
+          children: type
+        })
+      }), renderCustomDivider(type)]
+    }, "stats-heading"), statsItems.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        width: width || '20%'
+      },
+      className: _styles.default['stats-item'],
+      children: [showHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label1",
+          className: (0, _classnames.default)(_styles.default['truncate-text'], _styles.default['stats-text']),
+          title: item.text,
+          style: {
+            textAlign: 'right'
+          },
+          children: item.text
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+          type: "h6",
+          className: _styles.default['stats-text'],
+          children: item.text
+        }), renderCustomDivider(type)]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        className: _styles.default['stats-val'],
+        children: type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: "label1",
+          style: {
+            float: 'right'
+          },
+          children: item.value
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+          type: "h3",
+          children: item.value
+        })
+      }), item.subText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+        className: _styles.default['stats-sub-text'],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: type ? 'label1' : 'label7',
+          children: item.subText
+        })
+      }), renderCustomDivider(type)]
+    }, "stats-" + item.text + "-" + index))]
+  });
+};
+var _default = exports["default"] = CapStatisticCard;
+
+/***/ }),
+
 /***/ 7667:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -18853,6 +18954,58 @@ const localeValues = {
 };
 var _default = exports["default"] = localeValues;
 
+/***/ }),
+
+/***/ 43953:
+/***/ ((__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__(85072);
+/* 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__(64284);
+/* 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__(77659);
+/* 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__(55056);
+/* 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__(10540);
+/* 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__(54982);
+/* 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);
+
+
 /***/ }),
 
 /***/ 44165:
@@ -20940,6 +21093,29 @@ const genPurePanel = (Component, alignPropName, postProps, defaultPrefixCls, get
 };
 var _default = exports["default"] = genPurePanel;
 
+/***/ }),
+
+/***/ 54982:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+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, `.blaze-ui-stats-card .blaze-ui-stats-item{display:inline-block}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-text{margin-bottom:.285rem;padding-right:.714rem}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-val{padding-right:.714rem}.blaze-ui-stats-card .blaze-ui-stats-item .blaze-ui-stats-sub-text{margin-top:.571rem}.blaze-ui-truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"stats-card": `blaze-ui-stats-card`,
+	"stats-item": `blaze-ui-stats-item`,
+	"stats-text": `blaze-ui-stats-text`,
+	"stats-val": `blaze-ui-stats-val`,
+	"stats-sub-text": `blaze-ui-stats-sub-text`,
+	"truncate-text": `blaze-ui-truncate-text`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 55056:
@@ -35288,6 +35464,7 @@ var _exportNames = {
   CapSkeleton: true,
   CapSomethingWentWrong: true,
   CapSpin: true,
+  CapStatisticCard: true,
   CapSwitch: true,
   CapTab: true,
   CapTable: true,
@@ -35302,7 +35479,7 @@ var _exportNames = {
   getCapUIFontLinks: true,
   styledVars: true
 };
-exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTable = exports.CapTab = exports.CapSwitch = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSlideBox = exports.CapSkeleton = exports.CapSelectFilter = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLanguageProvider = exports.CapLabel = exports.CapInput = exports.CapImportMFEComponent = exports.CapImage = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapAppNotEnabled = exports.CapAlert = void 0;
+exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTable = exports.CapTab = exports.CapSwitch = exports.CapStatisticCard = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSlideBox = exports.CapSkeleton = exports.CapSelectFilter = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLanguageProvider = exports.CapLabel = exports.CapInput = exports.CapImportMFEComponent = exports.CapImage = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapAppNotEnabled = exports.CapAlert = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(20855));
 exports.CapAlert = _CapAlert.default;
 var _CapAppNotEnabled = _interopRequireDefault(__webpack_require__(9822));
@@ -35351,6 +35528,8 @@ var _CapSomethingWentWrong = _interopRequireDefault(__webpack_require__(27506));
 exports.CapSomethingWentWrong = _CapSomethingWentWrong.default;
 var _CapSpin = _interopRequireDefault(__webpack_require__(56543));
 exports.CapSpin = _CapSpin.default;
+var _CapStatisticCard = _interopRequireDefault(__webpack_require__(7393));
+exports.CapStatisticCard = _CapStatisticCard.default;
 var _CapSwitch = _interopRequireDefault(__webpack_require__(92475));
 exports.CapSwitch = _CapSwitch.default;
 var _CapTab = _interopRequireDefault(__webpack_require__(60556));