@capillarytech/blaze-ui 2.4.0 → 2.4.1-beta.1

package/dist/index.js

@@ -341,6 +341,20 @@ var _default = exports["default"] = {
 
 /***/ }),
 
+/***/ 51:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapSelectFilter = _interopRequireDefault(__webpack_require__(3707));
+exports["default"] = _CapSelectFilter.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
 /***/ 92:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -7580,6 +7594,7 @@ var _exportNames = {
   CapMenu: true,
   CapRadio: true,
   CapRow: true,
+  CapSelectFilter: true,
   CapSkeleton: true,
   CapSpin: true,
   CapSwitch: true,
@@ -7595,7 +7610,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.CapSkeleton = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLabel = exports.CapInput = exports.CapImage = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = 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.CapSpin = exports.CapSkeleton = exports.CapSelectFilter = exports.CapRow = exports.CapRadio = exports.CapMenu = exports.CapLabel = exports.CapInput = exports.CapImage = exports.CapIcon = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDivider = exports.CapColumn = exports.CapCheckbox = exports.CapCard = exports.CapButton = exports.CapAlert = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(8501));
 exports.CapAlert = _CapAlert.default;
 var _CapButton = _interopRequireDefault(__webpack_require__(8793));
@@ -7630,6 +7645,8 @@ var _CapRadio = _interopRequireDefault(__webpack_require__(6632));
 exports.CapRadio = _CapRadio.default;
 var _CapRow = _interopRequireDefault(__webpack_require__(7375));
 exports.CapRow = _CapRow.default;
+var _CapSelectFilter = _interopRequireDefault(__webpack_require__(51));
+exports.CapSelectFilter = _CapSelectFilter.default;
 var _CapSkeleton = _interopRequireDefault(__webpack_require__(5798));
 exports.CapSkeleton = _CapSkeleton.default;
 var _CapSpin = _interopRequireDefault(__webpack_require__(1549));
@@ -28008,6 +28025,123 @@ function useMemo(getValue, condition, shouldUpdate) {
 
 /***/ }),
 
+/***/ 3707:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.renderMenuItem = exports.renderDropdownMenu = exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _CapDropdown = _interopRequireDefault(__webpack_require__(6548));
+var _CapHeading = _interopRequireDefault(__webpack_require__(8053));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _CapLabel = _interopRequireDefault(__webpack_require__(3737));
+var _styles = _interopRequireDefault(__webpack_require__(9191));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["className", "overlayClassName", "onSelect", "selectedValue", "placeholder", "placement", "width", "dropdownMaxHeight", "dropdownWidth", "data", "showBadge"];
+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 {
+  CapLabelInline
+} = _CapLabel.default;
+const clsPrefix = 'cap-select-filter-v2';
+const renderMenuItem = (items, selectedValue) => {
+  return items.map(item => ({
+    key: item.key,
+    label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+      type: "h5",
+      children: item.label
+    }),
+    className: (0, _classnames.default)(_styles.default['menu-item'], {
+      [_styles.default['menu-item-selected']]: item.value === selectedValue
+    }),
+    'data-value': item.value
+  }));
+};
+exports.renderMenuItem = renderMenuItem;
+const renderDropdownMenu = (menu, dropdownMaxHeight, dropdownWidth) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _styles.default['menu-wrapper'],
+    style: {
+      maxHeight: dropdownMaxHeight,
+      width: dropdownWidth,
+      overflowY: 'auto'
+    },
+    children: menu
+  });
+};
+exports.renderDropdownMenu = renderDropdownMenu;
+const CapSelectFilter = _ref => {
+  let {
+      className,
+      overlayClassName,
+      onSelect,
+      selectedValue,
+      placeholder,
+      placement = 'bottomLeft',
+      width = '80px',
+      dropdownMaxHeight = '320px',
+      dropdownWidth = '228px',
+      data = [],
+      showBadge = false
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const handleMenuClick = info => {
+    if (!onSelect || !info.domEvent) return;
+    const event = info.domEvent;
+    const menuItem = data.find(item => item.key === info.key);
+    if (menuItem) {
+      const syntheticEvent = _extends({}, event, {
+        currentTarget: {
+          getAttribute: attr => attr === 'value' ? menuItem.value : null
+        }
+      });
+      onSelect(syntheticEvent);
+      return;
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDropdown.default, _extends({
+    placement: placement,
+    trigger: ['click'],
+    menu: {
+      items: renderMenuItem(data, selectedValue),
+      onClick: handleMenuClick
+    },
+    className: (0, _classnames.default)(_styles.default[clsPrefix], className),
+    overlayClassName: (0, _classnames.default)(clsPrefix + "-overlay", overlayClassName),
+    dropdownRender: menu => renderDropdownMenu(menu, dropdownMaxHeight, dropdownWidth),
+    getPopupContainer: trigger => trigger.parentNode
+  }, rest, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_styles.default['styled-div'], {
+        [_styles.default['styled-div-selected']]: selectedValue,
+        [_styles.default['styled-div-with-badge']]: Boolean(showBadge) && Boolean(selectedValue)
+      }),
+      style: {
+        width: showBadge && selectedValue ? "calc(" + width + " + 25px)" : width
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+        type: "label9",
+        children: placeholder
+      }), showBadge && selectedValue && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['badge'],
+        children: [selectedValue].length
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        className: _styles.default['dropdown-icon'],
+        type: "down",
+        size: "s"
+      })]
+    })
+  }));
+};
+var _default = exports["default"] = CapSelectFilter;
+
+/***/ }),
+
 /***/ 3737:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -32702,6 +32836,42 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* 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);
 
 
+/***/ }),
+
+/***/ 4116:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-heading{font-family:"Roboto",sans-serif;margin:0;padding:0}.blaze-ui-cap-heading.blaze-ui-h0{font-size:2rem;color:#091e42;font-weight:500;line-height:2.571rem}.blaze-ui-cap-heading.blaze-ui-h1{font-size:1.714rem;color:#091e42;font-weight:500;line-height:2.286rem}.blaze-ui-cap-heading.blaze-ui-h2{font-size:1.429rem;color:#091e42;font-weight:500;line-height:2rem}.blaze-ui-cap-heading.blaze-ui-h3{font-size:1.143rem;color:#091e42;font-weight:500;line-height:1.714rem}.blaze-ui-cap-heading.blaze-ui-h4{font-size:1rem;color:#091e42;font-weight:500;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-h5{font-size:1rem;color:#091e42;font-weight:400;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-h6{font-size:1rem;color:#5e6c84;font-weight:400;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-h7{font-size:1.429rem;color:#5e6c84;font-weight:500;line-height:2rem}.blaze-ui-cap-heading.blaze-ui-h8{font-size:1rem;color:#091e42;font-weight:400;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-h9{font-size:1rem;color:#fff;font-weight:500;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-h10{font-size:.857rem;color:#091e42;font-weight:500;line-height:1.143rem}.blaze-ui-cap-heading.blaze-ui-label1{font-size:.857rem;color:#5e6c84;font-weight:400;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-label2{font-size:.857rem;color:#091e42;font-weight:400;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-label3{font-size:.857rem;color:#97a0af;font-weight:400;line-height:1.429rem}.blaze-ui-cap-heading.blaze-ui-label4{font-size:.857rem;color:#5e6c84;font-weight:400;line-height:1.143rem}.blaze-ui-cap-heading.blaze-ui-label5{font-size:1.143rem;color:#5e6c84;font-weight:400;line-height:1.714rem}.blaze-ui-cap-heading.blaze-ui-label6{font-size:1.143rem;color:#091e42;font-weight:400;line-height:1.714rem}.blaze-ui-cap-heading-span{display:inline}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-heading": `blaze-ui-cap-heading`,
+	"h0": `blaze-ui-h0`,
+	"h1": `blaze-ui-h1`,
+	"h2": `blaze-ui-h2`,
+	"h3": `blaze-ui-h3`,
+	"h4": `blaze-ui-h4`,
+	"h5": `blaze-ui-h5`,
+	"h6": `blaze-ui-h6`,
+	"h7": `blaze-ui-h7`,
+	"h8": `blaze-ui-h8`,
+	"h9": `blaze-ui-h9`,
+	"h10": `blaze-ui-h10`,
+	"label1": `blaze-ui-label1`,
+	"label2": `blaze-ui-label2`,
+	"label3": `blaze-ui-label3`,
+	"label4": `blaze-ui-label4`,
+	"label5": `blaze-ui-label5`,
+	"label6": `blaze-ui-label6`,
+	"cap-heading-span": `blaze-ui-cap-heading-span`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 4157:
@@ -33527,6 +33697,58 @@ var _default = exports["default"] = (0, _LocaleHoc.default)(CapTable, {
   key: 'CapTable'
 });
 
+/***/ }),
+
+/***/ 4483:
+/***/ ((__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__(5072);
+/* 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__(4284);
+/* 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__(7659);
+/* 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__(5056);
+/* 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__(540);
+/* 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__(4116);
+/* 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);
+
+
 /***/ }),
 
 /***/ 4555:
@@ -46893,6 +47115,76 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 /***/ }),
 
+/***/ 5821:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _styles = _interopRequireDefault(__webpack_require__(4483));
+var _jsxRuntime = __webpack_require__(4848);
+const _excluded = ["children", "type", "className", "style"],
+  _excluded2 = ["children", "type", "className", "style"];
+/**
+ * Valid heading types for CapHeading component
+ */
+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 CapHeading = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+      children,
+      type = 'h5',
+      className = '',
+      style = {}
+    } = _ref,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _extends({
+    ref: ref,
+    className: (0, _classnames.default)(_styles.default['cap-heading'], _styles.default[type], className),
+    style: style
+  }, rest, {
+    children: children
+  }));
+});
+CapHeading.displayName = 'CapHeading';
+
+/**
+ * Props for the CapHeadingSpan sub-component
+ */
+
+const CapHeadingSpan = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+  let {
+      children,
+      type = 'h5',
+      className = '',
+      style = {}
+    } = _ref2,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _extends({
+    ref: ref,
+    className: (0, _classnames.default)(_styles.default['cap-heading'], _styles.default['cap-heading-span'], _styles.default[type], className),
+    style: style
+  }, rest, {
+    children: children
+  }));
+});
+CapHeadingSpan.displayName = 'CapHeadingSpan';
+
+/**
+ * Extended CapHeading component type that includes the static CapHeadingSpan property
+ */
+
+const CapHeadingWithStatic = CapHeading;
+CapHeadingWithStatic.CapHeadingSpan = CapHeadingSpan;
+var _default = exports["default"] = CapHeadingWithStatic;
+
+/***/ }),
+
 /***/ 5842:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -51596,6 +51888,20 @@ exports.getScrollContainer = getScrollContainer;
 
 /***/ }),
 
+/***/ 8053:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _CapHeading = _interopRequireDefault(__webpack_require__(5821));
+exports["default"] = _CapHeading.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
 /***/ 8057:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -56241,6 +56547,32 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* 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);
 
 
+/***/ }),
+
+/***/ 9166:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(1601);
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
+var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.blaze-ui-cap-select-filter-v2{display:inline-block}.blaze-ui-styled-div{position:relative;display:flex;align-items:center;padding:.571rem .571rem .571rem 1.142rem;border:.071rem solid #9e9d87;border-radius:1.142rem;height:2.285rem;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .3s ease}.blaze-ui-styled-div:hover{border-color:#091e42}.blaze-ui-styled-div.blaze-ui-styled-div-selected{border:none;background-color:#ecece7}.blaze-ui-styled-div.blaze-ui-ant-dropdown-open{border-color:#091e42}.blaze-ui-menu-wrapper{border:.071rem solid #e8e8e8}.blaze-ui-menu-wrapper .ant-dropdown-menu{border:none;box-shadow:none}.blaze-ui-menu-item{background-color:rgba(0,0,0,0);border-left:.214rem solid rgba(0,0,0,0)}.blaze-ui-menu-item.blaze-ui-menu-item-selected{background-color:#e9f0fe;border-left-color:#2466ea}.blaze-ui-badge{display:flex;align-items:center;justify-content:center;background-color:#ea213a;color:#fff;height:1.143rem;width:1.143rem;border-radius:50%;margin:0 .285rem;font-size:.857rem;font-weight:500;line-height:normal}.blaze-ui-dropdown-icon{position:absolute;right:.571rem}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-select-filter-v2": `blaze-ui-cap-select-filter-v2`,
+	"styled-div": `blaze-ui-styled-div`,
+	"styled-div-selected": `blaze-ui-styled-div-selected`,
+	"ant-dropdown-open": `blaze-ui-ant-dropdown-open`,
+	"menu-wrapper": `blaze-ui-menu-wrapper`,
+	"menu-item": `blaze-ui-menu-item`,
+	"menu-item-selected": `blaze-ui-menu-item-selected`,
+	"badge": `blaze-ui-badge`,
+	"dropdown-icon": `blaze-ui-dropdown-icon`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 9180:
@@ -56254,6 +56586,58 @@ var CloseOutlined = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd",
 exports["default"] = CloseOutlined;
 
 
+/***/ }),
+
+/***/ 9191:
+/***/ ((__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__(5072);
+/* 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__(4284);
+/* 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__(7659);
+/* 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__(5056);
+/* 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__(540);
+/* 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__(9166);
+/* 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);
+
+
 /***/ }),
 
 /***/ 9206: