@capillarytech/blaze-ui 2.5.0 → 2.6.1-beta.0

package/dist/index.js

@@ -341,20 +341,6 @@ 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__) => {
 
@@ -6758,6 +6744,137 @@ const getNodeRef = node => {
 
 /***/ }),
 
+/***/ 1815:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(6942));
+var _lodash = __webpack_require__(2543);
+var _react = _interopRequireWildcard(__webpack_require__(9206));
+var _CapHeading = _interopRequireDefault(__webpack_require__(8053));
+var _CapIcon = _interopRequireDefault(__webpack_require__(8244));
+var _styles = _interopRequireDefault(__webpack_require__(8703));
+var _jsxRuntime = __webpack_require__(4848);
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const clsPrefix = 'cap-slide-box-v2';
+const CapSlideBox = _ref => {
+  let {
+    size = 'size-r',
+    show,
+    header,
+    handleClose,
+    footer,
+    content,
+    className,
+    position = 'right',
+    closeIconSize = 'm',
+    closeIconPosition = 'right',
+    closeIconType = 'close'
+  } = _ref;
+  const [showShadow, setShowShadow] = (0, _react.useState)(false);
+  const slideBoxContainerRef = (0, _react.useRef)(null);
+  const slideBoxContentRef = (0, _react.useRef)(null);
+  const onScroll = (0, _react.useCallback)(() => {
+    const slideBoxContainer = slideBoxContainerRef == null ? void 0 : slideBoxContainerRef.current;
+    const slideBoxContent = slideBoxContentRef == null ? void 0 : slideBoxContentRef.current;
+    if (slideBoxContent && slideBoxContainer && (slideBoxContent == null ? void 0 : slideBoxContent.clientHeight) > (slideBoxContainer == null ? void 0 : slideBoxContainer.clientHeight)) {
+      const {
+        scrollTop
+      } = slideBoxContainer;
+      const scrollOnTop = scrollTop === 0;
+      if (showShadow && scrollOnTop) {
+        setShowShadow(false);
+      } else if (!scrollOnTop && !showShadow) {
+        setShowShadow(true);
+      }
+    }
+  }, [showShadow]);
+  const throttleScrollRef = (0, _react.useRef)((0, _lodash.throttle)(onScroll, 300));
+  (0, _react.useEffect)(() => {
+    var _throttleScrollRef$cu;
+    const isCancelable = (_throttleScrollRef$cu = throttleScrollRef.current) == null ? void 0 : _throttleScrollRef$cu.cancel;
+    if (isCancelable) {
+      isCancelable();
+    }
+    throttleScrollRef.current = (0, _lodash.throttle)(onScroll, 300);
+    return () => {
+      if (isCancelable) {
+        isCancelable();
+      }
+    };
+  }, [onScroll]);
+  (0, _react.useEffect)(() => {
+    if (show) {
+      document.body.style.overflow = 'hidden';
+    }
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, [show]);
+  if (!show) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(_styles.default[clsPrefix], className, {
+      [_styles.default['show-slidebox']]: show,
+      [_styles.default['hide-slidebox']]: !show,
+      [_styles.default['show-shadow']]: showShadow
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_styles.default[clsPrefix + "-container"], _styles.default[size], _styles.default[position]),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default["slidebox-header-icon-" + closeIconPosition],
+        children: closeIconPosition === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            size: closeIconSize,
+            onClick: handleClose,
+            type: closeIconType === 'back' ? 'back' : 'close',
+            className: (0, _classnames.default)(_styles.default[clsPrefix + "-close-icon"])
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+            className: _styles.default['header-position-right'],
+            type: "h1",
+            children: header
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
+            type: "h1",
+            children: header
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            size: closeIconSize,
+            onClick: handleClose,
+            type: closeIconType === 'back' ? 'back' : 'close',
+            className: (0, _classnames.default)(_styles.default[clsPrefix + "-close-icon"])
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onScroll: throttleScrollRef.current,
+        className: (0, _classnames.default)(_styles.default['slidebox-content-container'], {
+          [_styles.default['has-footer']]: footer
+        }),
+        ref: slideBoxContainerRef,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: slideBoxContentRef,
+          style: {
+            height: '100%'
+          },
+          children: content
+        })
+      }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _styles.default['slidebox-footer'],
+        children: footer
+      })]
+    })
+  });
+};
+var _default = exports["default"] = CapSlideBox;
+
+/***/ }),
+
 /***/ 1839:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -6983,6 +7100,16 @@ var _default = exports["default"] = genCollapseMotion;
 
 /***/ }),
 
+/***/ 1963:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+
+/***/ }),
+
 /***/ 1983:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -7049,7 +7176,7 @@ exports.__esModule = true;
 exports["default"] = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
-__webpack_require__(5158);
+var _styles = _interopRequireDefault(__webpack_require__(5158));
 var _jsxRuntime = __webpack_require__(4848);
 const _excluded = ["className", "src", "alt"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -7068,7 +7195,7 @@ const CapImage = _ref => {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", _extends({
-    className: (0, _classnames.default)(clsPrefix, className),
+    className: (0, _classnames.default)(_styles.default[clsPrefix], className),
     src: src,
     alt: alt
   }, rest));
@@ -7594,7 +7721,7 @@ var _exportNames = {
   CapMenu: true,
   CapRadio: true,
   CapRow: true,
-  CapSelectFilter: true,
+  CapSlideBox: true,
   CapSkeleton: true,
   CapSpin: true,
   CapSwitch: true,
@@ -7610,7 +7737,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.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;
+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.CapSlideBox = 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;
 var _CapAlert = _interopRequireDefault(__webpack_require__(8501));
 exports.CapAlert = _CapAlert.default;
 var _CapButton = _interopRequireDefault(__webpack_require__(8793));
@@ -7645,8 +7772,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 _CapSlideBox = _interopRequireDefault(__webpack_require__(9859));
+exports.CapSlideBox = _CapSlideBox.default;
 var _CapSkeleton = _interopRequireDefault(__webpack_require__(5798));
 exports.CapSkeleton = _CapSkeleton.default;
 var _CapSpin = _interopRequireDefault(__webpack_require__(1549));
@@ -25855,6 +25982,33 @@ var _default = exports["default"] = CapLabelWithStatic;
 
 /***/ }),
 
+/***/ 2680:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _jsxRuntime = __webpack_require__(4848);
+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); }
+const BackIcon = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _extends({
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, props, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M20 12a1 1 0 0 1-1 1H8l4.79 4.79a1.004 1.004 0 1 1-1.42 1.42l-6.503-6.503a1 1 0 0 1 0-1.414L11.37 4.79a1.004 1.004 0 1 1 1.42 1.42L8 11h11a1 1 0 0 1 1 1z",
+    id: "Back_svg__a"
+  })
+}));
+var _default = exports["default"] = BackIcon;
+
+/***/ }),
+
 /***/ 2691:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -28025,123 +28179,6 @@ 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__) => {
 
@@ -36342,6 +36379,42 @@ function _toConsumableArray(r) {
 }
 
 
+/***/ }),
+
+/***/ 5486:
+/***/ ((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-slide-box-v2.blaze-ui-show-shadow .blaze-ui-slidebox-header-icon-right,.blaze-ui-cap-slide-box-v2.blaze-ui-show-shadow .blaze-ui-slidebox-header-icon-left{-webkit-box-shadow:0 0 .285rem .142rem rgba(0,0,0,.12);-moz-box-shadow:0 0 .285rem .142rem rgba(0,0,0,.12);box-shadow:0 0 .285rem .142rem rgba(0,0,0,.12)}.blaze-ui-cap-slide-box-v2.blaze-ui-show-shadow .blaze-ui-slidebox-footer{-webkit-box-shadow:0 0 .285rem .142rem rgba(0,0,0,.12);-moz-box-shadow:0 0 .285rem .142rem rgba(0,0,0,.12);box-shadow:0 0 .285rem .142rem rgba(0,0,0,.12)}.blaze-ui-cap-slide-box-v2{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.56);z-index:100}.blaze-ui-cap-slide-box-v2.blaze-ui-hide-slidebox{visibility:hidden;opacity:0;transition-delay:0s}.blaze-ui-cap-slide-box-v2.blaze-ui-show-slidebox{visibility:visible;opacity:1;transition:visibility 1s linear .33s,opacity .33s linear}.blaze-ui-cap-slide-box-v2-container{position:absolute;height:100vh;background:#fff;overflow-y:auto}.blaze-ui-cap-slide-box-v2-container .blaze-ui-slidebox-header-icon-right{padding:0 3.428rem;justify-content:space-between;align-items:center;display:flex;height:6.571rem;position:relative;z-index:1}.blaze-ui-cap-slide-box-v2-container .blaze-ui-slidebox-header-icon-left{padding:0 3.428rem;align-items:center;display:flex;height:6.571rem;position:relative;z-index:1}.blaze-ui-cap-slide-box-v2-container .blaze-ui-slidebox-header-icon-left .blaze-ui-header-position-right{margin-left:.857rem}.blaze-ui-cap-slide-box-v2-container .blaze-ui-slidebox-footer{padding:0 3.428rem;position:absolute;bottom:0;width:100%;display:flex;align-items:center;height:6.286rem}.blaze-ui-cap-slide-box-v2-container .blaze-ui-slidebox-content-container{padding:0 3.428rem;overflow-y:auto;height:calc(100vh - 6.571rem)}.blaze-ui-cap-slide-box-v2-container .blaze-ui-slidebox-content-container.blaze-ui-has-footer{height:calc(100vh - 6.571rem - 6.286rem)}.blaze-ui-cap-slide-box-v2-container.blaze-ui-size-r{min-width:47.143rem;max-width:57.143rem;width:50vw}.blaze-ui-cap-slide-box-v2-container.blaze-ui-size-s{min-width:26.571rem;max-width:28.571rem;width:25vw}.blaze-ui-cap-slide-box-v2-container.blaze-ui-size-s .blaze-ui-slidebox-header{padding:0 1.714rem}.blaze-ui-cap-slide-box-v2-container.blaze-ui-size-s .blaze-ui-slidebox-footer{padding:0 1.714rem}.blaze-ui-cap-slide-box-v2-container.blaze-ui-size-s .blaze-ui-slidebox-content-container{padding:0 1.714rem}.blaze-ui-cap-slide-box-v2-container.blaze-ui-size-l{min-width:67.714rem;max-width:81.429rem;width:75vw}.blaze-ui-cap-slide-box-v2-container.blaze-ui-left{left:0}.blaze-ui-cap-slide-box-v2-container.blaze-ui-right{right:0}.blaze-ui-cap-slide-box-v2-container.blaze-ui-size-xl{min-width:84.286rem;max-width:91.429rem;width:84.286rem}.blaze-ui-cap-slide-box-v2-close-icon{cursor:pointer}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"cap-slide-box-v2": `blaze-ui-cap-slide-box-v2`,
+	"show-shadow": `blaze-ui-show-shadow`,
+	"slidebox-header-icon-right": `blaze-ui-slidebox-header-icon-right`,
+	"slidebox-header-icon-left": `blaze-ui-slidebox-header-icon-left`,
+	"slidebox-footer": `blaze-ui-slidebox-footer`,
+	"hide-slidebox": `blaze-ui-hide-slidebox`,
+	"show-slidebox": `blaze-ui-show-slidebox`,
+	"cap-slide-box-v2-container": `blaze-ui-cap-slide-box-v2-container`,
+	"header-position-right": `blaze-ui-header-position-right`,
+	"slidebox-content-container": `blaze-ui-slidebox-content-container`,
+	"has-footer": `blaze-ui-has-footer`,
+	"size-r": `blaze-ui-size-r`,
+	"size-s": `blaze-ui-size-s`,
+	"slidebox-header": `blaze-ui-slidebox-header`,
+	"size-l": `blaze-ui-size-l`,
+	"left": `blaze-ui-left`,
+	"right": `blaze-ui-right`,
+	"size-xl": `blaze-ui-size-xl`,
+	"cap-slide-box-v2-close-icon": `blaze-ui-cap-slide-box-v2-close-icon`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 5499:
@@ -36527,6 +36600,7 @@ exports["default"] = void 0;
 var AntdIcons = _interopRequireWildcard(__webpack_require__(4627));
 var _classnames = _interopRequireDefault(__webpack_require__(6942));
 var _react = _interopRequireDefault(__webpack_require__(9206));
+var _Icons = __webpack_require__(9319);
 var _styles = _interopRequireDefault(__webpack_require__(6426));
 var _jsxRuntime = __webpack_require__(4848);
 const _excluded = ["type", "size", "style", "className", "disabled", "spin", "rotate", "withBackground", "backgroundProps", "onClick", "textLabel", "component", "svgProps", "allowSvg", "color"],
@@ -36544,7 +36618,7 @@ const getSvgIcon = function (type, svgProps) {
     svgProps = {};
   }
   const icons = {
-    // Add your SVG icons here if needed
+    back: _Icons.BackIcon
   };
   const IconComponent = type ? icons[type] : null;
   return IconComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, _extends({}, svgProps)) : null;
@@ -52605,6 +52679,58 @@ function useSafeState(defaultValue) {
   return [value, safeSetState];
 }
 
+/***/ }),
+
+/***/ 8703:
+/***/ ((__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__(5486);
+/* 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);
+
+
 /***/ }),
 
 /***/ 8770:
@@ -56547,32 +56673,6 @@ 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:
@@ -56586,58 +56686,6 @@ 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:
@@ -57418,6 +57466,20 @@ exports.DropdownHeader = DropdownHeader;
 
 /***/ }),
 
+/***/ 9319:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.BackIcon = void 0;
+var _Back = _interopRequireDefault(__webpack_require__(2680));
+exports.BackIcon = _Back.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
 /***/ 9336:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -58234,6 +58296,28 @@ function genSizeMapToken(token) {
 
 /***/ }),
 
+/***/ 9859:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+var _exportNames = {};
+exports["default"] = void 0;
+var _CapSlideBox = _interopRequireDefault(__webpack_require__(1815));
+exports["default"] = _CapSlideBox.default;
+var _CapSlideBox2 = __webpack_require__(1963);
+Object.keys(_CapSlideBox2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _CapSlideBox2[key]) return;
+  exports[key] = _CapSlideBox2[key];
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+/***/ }),
+
 /***/ 9866:
 /***/ ((__unused_webpack_module, exports) => {