@capillarytech/blaze-ui 4.13.0 → 4.13.1-beta.0

package/dist/CapIllustration/index.js

@@ -11472,6 +11472,80 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 14545:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
+var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
+var _CapRow = _interopRequireDefault(__webpack_require__(69813));
+var _CapTooltip = _interopRequireDefault(__webpack_require__(85684));
+var _messages = _interopRequireDefault(__webpack_require__(74891));
+var _jsxRuntime = __webpack_require__(74848);
+const _excluded = ["intl", "list", "showNumber", "capLabelType", "more", "showTooltip", "truncateToWidth", "className"];
+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 CapTruncateList = _ref => {
+  let {
+      intl: {
+        formatMessage
+      },
+      list = [],
+      showNumber = 1,
+      capLabelType = 'label1',
+      more,
+      showTooltip = true,
+      truncateToWidth = false,
+      className
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const visibleList = list.slice(0, showNumber);
+  const moreMessage = more || formatMessage(_messages.default.more);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, _extends({
+    type: "flex",
+    align: "middle",
+    className: (0, _classnames.default)('cap-truncate-list', className)
+  }, rest, {
+    children: [visibleList.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      className: (0, _classnames.default)({
+        'truncate-text': truncateToWidth,
+        'first-item-container': true
+      }),
+      children: [index ? ', ' : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: capLabelType,
+        style: {
+          marginRight: '4px'
+        },
+        className: (0, _classnames.default)({
+          'truncate-text': truncateToWidth
+        }),
+        children: item
+      })]
+    }, item)), list.length > visibleList.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: showTooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
+        title: list.slice(showNumber).join(', '),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          type: capLabelType,
+          children: "+" + (list.length - visibleList.length) + " " + moreMessage
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: capLabelType,
+        children: "+" + (list.length - visibleList.length) + " " + moreMessage
+      })
+    }) : null]
+  }));
+};
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(CapTruncateList);
+
 /***/ }),
 
 /***/ 15521:
@@ -35737,6 +35811,7 @@ var _exportNames = {
   CapTable: true,
   CapTooltip: true,
   CapTooltipWithInfo: true,
+  CapTruncateList: true,
   CapUnifiedSelect: true,
   LocaleHoc: true,
   CapLanguageProvider: true,
@@ -35747,7 +35822,7 @@ var _exportNames = {
   CapIcons: true,
   styledVars: true
 };
-exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTag = 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.CapIcons = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = void 0;
+exports.styledVars = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTag = 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.CapIcons = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(20855));
 exports.CapAlert = _CapAlert.default;
 var _CapAppNotEnabled = _interopRequireDefault(__webpack_require__(9822));
@@ -35812,6 +35887,8 @@ var _CapTooltip = _interopRequireDefault(__webpack_require__(85684));
 exports.CapTooltip = _CapTooltip.default;
 var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(74584));
 exports.CapTooltipWithInfo = _CapTooltipWithInfo.default;
+var _CapTruncateList = _interopRequireDefault(__webpack_require__(14545));
+exports.CapTruncateList = _CapTruncateList.default;
 var _CapUnifiedSelect = _interopRequireDefault(__webpack_require__(3535));
 exports.CapUnifiedSelect = _CapUnifiedSelect.default;
 var CapIcons = _interopRequireWildcard(__webpack_require__(30775));
@@ -38884,6 +38961,25 @@ if (true) {
 {}
 
 
+/***/ }),
+
+/***/ 74891:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = 'app.commonUtils.capUiLibrary.CapTruncateList';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  more: {
+    id: scope + ".more",
+    defaultMessage: 'more'
+  }
+});
+
 /***/ }),
 
 /***/ 74923: