@capillarytech/blaze-ui 5.18.3 → 5.18.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CapHamburgerMenu/index.d.ts.map +1 -1
- package/CapHamburgerMenu/index.js +57 -63
- package/CapHamburgerMenu/index.js.map +1 -1
- package/index.js +49 -63
- package/index.js.map +1 -1
- package/package.json +1 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapHamburgerMenu/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA+C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapHamburgerMenu/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAgBpE,OAAO,KAAK,EACV,qBAAqB,EAKtB,MAAM,SAAS,CAAC;AAOjB,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4mBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -3560,6 +3560,14 @@ var _default = exports["default"] = SvgWarningCircle;
|
|
|
3560
3560
|
|
|
3561
3561
|
/***/ }),
|
|
3562
3562
|
|
|
3563
|
+
/***/ 18073:
|
|
3564
|
+
/***/ ((module) => {
|
|
3565
|
+
|
|
3566
|
+
"use strict";
|
|
3567
|
+
module.exports = require("react-virtuoso");
|
|
3568
|
+
|
|
3569
|
+
/***/ }),
|
|
3570
|
+
|
|
3563
3571
|
/***/ 18173:
|
|
3564
3572
|
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
|
3565
3573
|
|
|
@@ -8633,14 +8641,6 @@ function isObjectLike(value) {
|
|
|
8633
8641
|
module.exports = isObjectLike;
|
|
8634
8642
|
|
|
8635
8643
|
|
|
8636
|
-
/***/ }),
|
|
8637
|
-
|
|
8638
|
-
/***/ 40861:
|
|
8639
|
-
/***/ ((module) => {
|
|
8640
|
-
|
|
8641
|
-
"use strict";
|
|
8642
|
-
module.exports = require("react-virtualized");
|
|
8643
|
-
|
|
8644
8644
|
/***/ }),
|
|
8645
8645
|
|
|
8646
8646
|
/***/ 40929:
|
|
@@ -16986,7 +16986,7 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
|
|
|
16986
16986
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
|
|
16987
16987
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
|
|
16988
16988
|
// Module
|
|
16989
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.mobile-view .ant-drawer.cap-hamburger-menu.ant-drawer-left .ant-drawer-content-wrapper{width:75% !important}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-header{padding:
|
|
16989
|
+
___CSS_LOADER_EXPORT___.push([module.id, `.mobile-view .ant-drawer.cap-hamburger-menu.ant-drawer-left .ant-drawer-content-wrapper{width:75% !important}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-header{padding:1.142rem 1.142rem .285rem;border-radius:0}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-title{font-weight:400 !important}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-title img{margin-right:.429rem;vertical-align:bottom}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-title span.name{font-size:1.143rem;font-weight:500}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-title .user-name{font-size:1rem;font-family:"Roboto-Regular",sans-serif;color:#5e6c84;margin-left:2.429rem;max-width:15.714rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body{padding:.571rem 0}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body .ui.list{margin-bottom:0}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body .ui.list .item{height:2.571rem;padding:.571rem 1.142rem}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body .ui.list .item .item-label{padding-top:.143rem}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body .ui.list .item .cap-icon-v2{color:#091e42;margin-top:-0.143rem;margin-right:-0.285rem}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body .ui.list .item.listItemSelected{color:#2466ea;background:#e9f0fe;border-left:.143rem solid #2466ea}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body .ui.list .item.nested{padding-left:2.285rem}.mobile-view .ant-drawer.cap-hamburger-menu .ant-drawer-content-wrapper .ant-drawer-body .ant-drawer-footer{font-size:1rem;font-family:"Roboto-Regular",sans-serif;border-top:.071rem solid #e8e8e8;padding:.857rem;position:fixed;bottom:0;width:75%}.mobile-view .org-select-selection{width:105%;display:flex;align-items:center;font-family:"Roboto",sans-serif;font-weight:400;justify-content:space-between;cursor:pointer;margin:.571rem 0;height:2.285rem;border:.071rem solid rgba(0,0,0,0)}.mobile-view .org-select-selection.open{border-radius:.285rem;border:.071rem solid #b3bac5}.mobile-view .org-select-selection.secondary-select{margin-left:0}.mobile-view .org-select-selected-value{font-size:1rem;font-weight:500;display:flex;align-items:center}.mobile-view .org-select-overflow-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:.071rem 0 0}.mobile-view .org-select-selected-value-label{max-width:10.714rem}.mobile-view .org-select-selected-ou-value-label{display:inline-flex;align-items:baseline;justify-content:space-between;width:10.714rem}.mobile-view .org-select-selected-icon{margin-right:.571rem}.mobile-view .org-select-selected-icon{display:flex;align-items:center;position:relative;height:2.285rem;width:2.285rem;margin-right:.857rem}.mobile-view .org-select-selected-icon svg{background:#dfe2e7;border-radius:.857rem}.mobile-view .org-select-selected-icon .text-label{font-size:1rem;font-family:"Roboto-Regular",sans-serif;position:absolute;right:50%;top:50%;transform:translate(50%, -50%);line-height:1rem}.mobile-view .oval{width:3.428rem;height:3.428rem;background:#dfe2e7;border-radius:50%;margin:0 1.142rem 0 3.714rem}.mobile-view .org-select-header{padding:.571rem 1.142rem 1.428rem 1.142rem;font-size:1rem;font-weight:500}.mobile-view .org-select-select-item,.mobile-view .org-select-select-ou-org-item,.mobile-view .org-select-select-ou-item{cursor:pointer}.mobile-view .org-select-select-item:hover,.mobile-view .org-select-select-ou-org-item:hover,.mobile-view .org-select-select-ou-item:hover{background-color:#faf9f4}.mobile-view .org-select-select-item.selected,.mobile-view .org-select-select-ou-org-item.selected,.mobile-view .org-select-select-ou-item.selected{color:#2466ea;font-weight:500;position:relative;background-color:rgba(36,102,234,.1)}.mobile-view .org-select-select-item.selected:before,.mobile-view .org-select-select-ou-org-item.selected:before,.mobile-view .org-select-select-ou-item.selected:before{content:" ";width:.143rem;height:100%;left:0;top:0;position:absolute;background-color:#2466ea}.mobile-view .org-select-select-item{padding:.571rem .571rem .571rem 1.714rem}.mobile-view .org-select-select-ou-org-item{padding:.571rem .571rem .571rem .571rem}.mobile-view .org-select-select-ou-item{padding:.571rem 1.142rem .571rem 2.857rem;display:flex;justify-content:space-between;align-items:baseline}.mobile-view .org-select-no-results{display:flex;justify-content:center;flex-direction:column}.mobile-view .org-select-no-results .org-select-no-results-wrapper{position:relative}.mobile-view .org-select-no-results .org-select-no-results-wrapper .org-select-no-results-image{height:7.143rem;width:7.143rem;border-radius:50%;background:#f4f5f7;text-align:center;padding:.929rem 1.071rem;position:absolute;left:50%;transform:translate(-50%, 0%)}.mobile-view .org-select-no-results .org-select-no-results-wrapper .org-select-no-results-image .cap-icon-v2{font-size:5.286rem}.mobile-view .org-select-no-results .org-select-no-results-text{margin-top:7.714rem;text-align:center;color:#5e6c84;font-size:1rem}.mobile-view .ant-popover.org-select-popover{padding-top:0;width:18.571rem}.mobile-view .ant-popover.org-select-popover .ant-popover-inner-content{padding-left:0;padding-right:0}.mobile-view .ant-popover.org-select-popover .ant-popover-arrow{display:none}.mobile-view .org-select-search{padding:0 1.142rem 1.142rem 1.142rem}.mobile-view .org-select-items-wrapper{max-height:14.286rem;padding:0 1.142rem}.mobile-view .org-select-arrow{margin-right:.571rem}.mobile-view .org-select-slidebox .cap-slide-box-v2-container{width:100vw;min-width:100vw;max-width:100vw}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-header{padding:1.142rem;height:4rem}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-header .back-icon{margin-right:.857rem;vertical-align:text-top}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-header .back-icon+span{font-size:1.428rem}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-header .cap-slide-box-v2-close-icon{display:none}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-content-container{padding:0 !important;overflow-y:hidden}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-content-container .org-select-search .ant-input-prefix .cap-icon-v2{color:#5e6c84 !important}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-content-container .org-select-search .ant-input-lg{font-size:1rem;padding:.143rem 2rem .214rem 2.285rem}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-content-container .org-select-product{height:2.571rem;line-height:2.571rem;padding:0 2.285rem}.mobile-view .org-select-slidebox .cap-slide-box-v2-container .slidebox-content-container .org-select-product.selected{font-weight:500;color:#2466ea;background:#e9f0fe;border-left:.143rem solid #2466ea}.hamburgerIcon{height:2rem;width:2rem}.capLogo{height:1.857rem;width:1.857rem}.moreApplicationsIcon{height:1.714rem;width:1.714rem;margin-bottom:.071rem;margin-right:.643rem !important}`, ""]);
|
|
16990
16990
|
// Exports
|
|
16991
16991
|
___CSS_LOADER_EXPORT___.locals = {
|
|
16992
16992
|
"mobile-view": `mobile-view`,
|
|
@@ -17010,6 +17010,7 @@ ___CSS_LOADER_EXPORT___.locals = {
|
|
|
17010
17010
|
"org-select-no-results-image": `org-select-no-results-image`,
|
|
17011
17011
|
"cap-icon-v2": `cap-icon-v2`,
|
|
17012
17012
|
"org-select-no-results-text": `org-select-no-results-text`,
|
|
17013
|
+
"org-select-popover": `org-select-popover`,
|
|
17013
17014
|
"org-select-search": `org-select-search`,
|
|
17014
17015
|
"org-select-items-wrapper": `org-select-items-wrapper`,
|
|
17015
17016
|
"org-select-arrow": `org-select-arrow`,
|
|
@@ -21585,7 +21586,7 @@ var _get = _interopRequireDefault(__webpack_require__(58156));
|
|
|
21585
21586
|
var _isEmpty = _interopRequireDefault(__webpack_require__(62193));
|
|
21586
21587
|
var _isEqual = _interopRequireDefault(__webpack_require__(2404));
|
|
21587
21588
|
var _react = _interopRequireWildcard(__webpack_require__(9206));
|
|
21588
|
-
var
|
|
21589
|
+
var _reactVirtuoso = __webpack_require__(18073);
|
|
21589
21590
|
var _semanticUiReact = __webpack_require__(96117);
|
|
21590
21591
|
var _icons = __webpack_require__(30775);
|
|
21591
21592
|
var _CapColumn = _interopRequireDefault(__webpack_require__(4757));
|
|
@@ -21607,12 +21608,10 @@ const _excluded = ["goToHome", "placement", "productName", "userData", "loadStor
|
|
|
21607
21608
|
Move this to cap-ui-library once hamburger menu and other needed components are prepared and tested
|
|
21608
21609
|
Also move hamburger.svg and cap-logo-mobile.svg images to ui library assets/images and use from there.
|
|
21609
21610
|
*/
|
|
21610
|
-
// @ts-expect-error - react-virtualized doesn't have type definitions
|
|
21611
21611
|
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); }
|
|
21612
21612
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21613
21613
|
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); }
|
|
21614
21614
|
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; }
|
|
21615
|
-
const clsPrefix = 'org-select';
|
|
21616
21615
|
const capLogo = __webpack_require__(73770);
|
|
21617
21616
|
const hamburgerIcon = __webpack_require__(94052);
|
|
21618
21617
|
const moreApplications = __webpack_require__(39761);
|
|
@@ -21857,19 +21856,6 @@ const CapHamburgerMenu = _ref => {
|
|
|
21857
21856
|
window.location.pathname = product.url;
|
|
21858
21857
|
}
|
|
21859
21858
|
};
|
|
21860
|
-
const rowRenderer = (_ref2, itemsList) => {
|
|
21861
|
-
let {
|
|
21862
|
-
index,
|
|
21863
|
-
key,
|
|
21864
|
-
style
|
|
21865
|
-
} = _ref2;
|
|
21866
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
21867
|
-
style: style,
|
|
21868
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
21869
|
-
children: itemsList[index]
|
|
21870
|
-
})
|
|
21871
|
-
}, key);
|
|
21872
|
-
};
|
|
21873
21859
|
const orgSearchCondition = item => {
|
|
21874
21860
|
return orgSearchText === '' || (item.label || '').toLowerCase().indexOf((orgSearchText || '').toLowerCase()) !== -1;
|
|
21875
21861
|
};
|
|
@@ -21892,17 +21878,17 @@ const CapHamburgerMenu = _ref => {
|
|
|
21892
21878
|
marginRight: styledVars.CAP_SPACE_08
|
|
21893
21879
|
}
|
|
21894
21880
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
21895
|
-
className:
|
|
21881
|
+
className: _styles.default['org-select-overflow-ellipsis'],
|
|
21896
21882
|
children: item.label
|
|
21897
21883
|
})]
|
|
21898
21884
|
}) : item.label;
|
|
21899
|
-
const customClassname = item.accessibleOus ?
|
|
21885
|
+
const customClassname = item.accessibleOus ? _styles.default['org-select-select-ou-org-item'] : _styles.default['org-select-select-item'];
|
|
21900
21886
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
|
|
21901
21887
|
type: "h6",
|
|
21902
21888
|
onClick: () => handleChange(item),
|
|
21903
21889
|
className: (0, _classnames.default)(customClassname, {
|
|
21904
|
-
selected: selectedItem === item.value && !isOuPresent
|
|
21905
|
-
}),
|
|
21890
|
+
[_styles.default.selected]: selectedItem === item.value && !isOuPresent
|
|
21891
|
+
}, _styles.default['org-select-overflow-ellipsis']),
|
|
21906
21892
|
title: item.label,
|
|
21907
21893
|
children: itemLabel
|
|
21908
21894
|
}, "org-key-" + item.key);
|
|
@@ -21910,8 +21896,8 @@ const CapHamburgerMenu = _ref => {
|
|
|
21910
21896
|
const getOuListItem = (item, ou) => {
|
|
21911
21897
|
const selectedOuItem = loadStorageItem == null ? void 0 : loadStorageItem('ouId');
|
|
21912
21898
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
21913
|
-
className: (0, _classnames.default)(
|
|
21914
|
-
selected: selectedOuItem === ou.value
|
|
21899
|
+
className: (0, _classnames.default)(_styles.default['org-select-select-ou-item'], {
|
|
21900
|
+
[_styles.default.selected]: selectedOuItem === ou.value
|
|
21915
21901
|
}),
|
|
21916
21902
|
onClick: () => handleChange(item, ou),
|
|
21917
21903
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
|
|
@@ -21919,7 +21905,7 @@ const CapHamburgerMenu = _ref => {
|
|
|
21919
21905
|
style: {
|
|
21920
21906
|
maxWidth: 125
|
|
21921
21907
|
},
|
|
21922
|
-
className:
|
|
21908
|
+
className: _styles.default['org-select-overflow-ellipsis'],
|
|
21923
21909
|
title: ou.label,
|
|
21924
21910
|
children: ou.label
|
|
21925
21911
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
|
|
@@ -21927,7 +21913,7 @@ const CapHamburgerMenu = _ref => {
|
|
|
21927
21913
|
style: {
|
|
21928
21914
|
maxWidth: 70
|
|
21929
21915
|
},
|
|
21930
|
-
className:
|
|
21916
|
+
className: _styles.default['org-select-overflow-ellipsis'],
|
|
21931
21917
|
title: item.label,
|
|
21932
21918
|
children: item.label
|
|
21933
21919
|
})]
|
|
@@ -21975,31 +21961,35 @@ const CapHamburgerMenu = _ref => {
|
|
|
21975
21961
|
onChange: handleSearch,
|
|
21976
21962
|
value: orgSearchText,
|
|
21977
21963
|
onClear: clearSearch,
|
|
21978
|
-
className: (0, _classnames.default)(
|
|
21964
|
+
className: (0, _classnames.default)(_styles.default['org-select-search'])
|
|
21979
21965
|
}), itemsHtml.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
21980
|
-
className: (0, _classnames.default)(
|
|
21966
|
+
className: (0, _classnames.default)(_styles.default['org-select-items-wrapper']),
|
|
21981
21967
|
style: {
|
|
21982
21968
|
height: screenHeight ? screenHeight - 112 : undefined,
|
|
21983
21969
|
maxHeight: screenHeight ? screenHeight - 112 : undefined,
|
|
21984
21970
|
overflowY: 'auto'
|
|
21985
21971
|
},
|
|
21986
|
-
children: screenWidth && screenHeight && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
21987
|
-
|
|
21988
|
-
|
|
21989
|
-
|
|
21990
|
-
|
|
21991
|
-
|
|
21992
|
-
|
|
21972
|
+
children: screenWidth && screenHeight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtuoso.Virtuoso, {
|
|
21973
|
+
style: {
|
|
21974
|
+
width: screenWidth - 30,
|
|
21975
|
+
height: screenHeight - 60
|
|
21976
|
+
},
|
|
21977
|
+
totalCount: (itemsHtml || []).length,
|
|
21978
|
+
fixedItemHeight: 36,
|
|
21979
|
+
itemContent: index => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
21980
|
+
children: itemsHtml[index]
|
|
21981
|
+
}),
|
|
21982
|
+
overscan: 5
|
|
21993
21983
|
})
|
|
21994
21984
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
21995
|
-
className: (0, _classnames.default)(
|
|
21985
|
+
className: (0, _classnames.default)(_styles.default['org-select-no-results']),
|
|
21996
21986
|
style: {
|
|
21997
21987
|
height: screenHeight ? screenHeight - 175 : undefined
|
|
21998
21988
|
},
|
|
21999
21989
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22000
|
-
className: (0, _classnames.default)(
|
|
21990
|
+
className: (0, _classnames.default)(_styles.default['org-select-no-results-wrapper']),
|
|
22001
21991
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22002
|
-
className: (0, _classnames.default)(
|
|
21992
|
+
className: (0, _classnames.default)(_styles.default['org-select-no-results-image']),
|
|
22003
21993
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
|
|
22004
21994
|
style: {
|
|
22005
21995
|
color: styledVars.CAP_G06
|
|
@@ -22008,7 +21998,7 @@ const CapHamburgerMenu = _ref => {
|
|
|
22008
21998
|
})
|
|
22009
21999
|
})
|
|
22010
22000
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22011
|
-
className: (0, _classnames.default)(
|
|
22001
|
+
className: (0, _classnames.default)(_styles.default['org-select-no-results-text']),
|
|
22012
22002
|
children: noResultsText
|
|
22013
22003
|
})]
|
|
22014
22004
|
})]
|
|
@@ -22027,7 +22017,7 @@ const CapHamburgerMenu = _ref => {
|
|
|
22027
22017
|
}),
|
|
22028
22018
|
show: orgSelectionBoxOpen,
|
|
22029
22019
|
size: "size-l",
|
|
22030
|
-
className:
|
|
22020
|
+
className: _styles.default['org-select-slidebox'],
|
|
22031
22021
|
content: renderOrgList(),
|
|
22032
22022
|
handleClose: hideOrgSlidebox
|
|
22033
22023
|
});
|
|
@@ -22046,11 +22036,13 @@ const CapHamburgerMenu = _ref => {
|
|
|
22046
22036
|
}),
|
|
22047
22037
|
show: productListOpen,
|
|
22048
22038
|
size: "size-l",
|
|
22049
|
-
className:
|
|
22039
|
+
className: _styles.default['org-select-slidebox'],
|
|
22050
22040
|
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
22051
22041
|
children: productList.map(product => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22052
22042
|
onClick: () => handleProductChange(product),
|
|
22053
|
-
className:
|
|
22043
|
+
className: (0, _classnames.default)(_styles.default['org-select-product'], {
|
|
22044
|
+
[_styles.default.selected]: product.value === defaultSelectedProduct
|
|
22045
|
+
}),
|
|
22054
22046
|
children: capitalize(product.value)
|
|
22055
22047
|
}, product.key || product.value))
|
|
22056
22048
|
}),
|
|
@@ -22074,24 +22066,24 @@ const CapHamburgerMenu = _ref => {
|
|
|
22074
22066
|
selectedItemLabel = itemDetails.accessibleOus[selectedOuItemIndex].label;
|
|
22075
22067
|
}
|
|
22076
22068
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
22077
|
-
className: (0, _classnames.default)(
|
|
22069
|
+
className: (0, _classnames.default)(_styles.default['org-select-selection']),
|
|
22078
22070
|
onClick: () => setOrgSelectionBoxOpen(true),
|
|
22079
22071
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
22080
|
-
className:
|
|
22072
|
+
className: _styles.default['org-select-selected-value'],
|
|
22081
22073
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
22082
|
-
className:
|
|
22074
|
+
className: _styles.default['org-select-selected-icon'],
|
|
22083
22075
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LogoBackground, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
22084
|
-
className:
|
|
22076
|
+
className: _styles.default['text-label'],
|
|
22085
22077
|
children: selectedItemLabel[0] || ''
|
|
22086
22078
|
})]
|
|
22087
22079
|
}), selectedOuItemIndex !== -1 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
22088
|
-
className:
|
|
22080
|
+
className: _styles.default['org-select-selected-ou-value-label'],
|
|
22089
22081
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
|
|
22090
22082
|
type: "h4",
|
|
22091
22083
|
style: {
|
|
22092
22084
|
maxWidth: 110
|
|
22093
22085
|
},
|
|
22094
|
-
className:
|
|
22086
|
+
className: _styles.default['org-select-overflow-ellipsis'],
|
|
22095
22087
|
title: selectedItemLabel,
|
|
22096
22088
|
children: selectedItemLabel
|
|
22097
22089
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
|
|
@@ -22099,19 +22091,19 @@ const CapHamburgerMenu = _ref => {
|
|
|
22099
22091
|
style: {
|
|
22100
22092
|
maxWidth: 70
|
|
22101
22093
|
},
|
|
22102
|
-
className:
|
|
22094
|
+
className: _styles.default['org-select-overflow-ellipsis'],
|
|
22103
22095
|
title: itemDetails.label,
|
|
22104
22096
|
children: itemDetails.label
|
|
22105
22097
|
})]
|
|
22106
22098
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
|
|
22107
22099
|
type: "h4",
|
|
22108
|
-
className: (0, _classnames.default)(
|
|
22100
|
+
className: (0, _classnames.default)(_styles.default['org-select-selected-value-label'], _styles.default['org-select-overflow-ellipsis']),
|
|
22109
22101
|
title: selectedItemLabel,
|
|
22110
22102
|
children: selectedItemLabel
|
|
22111
22103
|
})]
|
|
22112
22104
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
|
|
22113
22105
|
type: "chevron-right",
|
|
22114
|
-
className: (0, _classnames.default)(
|
|
22106
|
+
className: (0, _classnames.default)(_styles.default['org-select-arrow'])
|
|
22115
22107
|
})]
|
|
22116
22108
|
});
|
|
22117
22109
|
};
|
|
@@ -22131,16 +22123,18 @@ const CapHamburgerMenu = _ref => {
|
|
|
22131
22123
|
span: 2,
|
|
22132
22124
|
children: [item.hasChildren && item.expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
|
|
22133
22125
|
type: "chevron-up",
|
|
22134
|
-
className: (0, _classnames.default)(
|
|
22126
|
+
className: (0, _classnames.default)(_styles.default['org-select-arrow'])
|
|
22135
22127
|
}), item.hasChildren && !item.expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
|
|
22136
22128
|
type: "chevron-down",
|
|
22137
|
-
className: (0, _classnames.default)(
|
|
22129
|
+
className: (0, _classnames.default)(_styles.default['org-select-arrow'])
|
|
22138
22130
|
})]
|
|
22139
22131
|
})]
|
|
22140
22132
|
})
|
|
22141
22133
|
}), item.expanded && item.children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
22142
22134
|
children: item.children.map(childItem => /*#__PURE__*/(0, _jsxRuntime.jsx)(_semanticUiReact.List.Item, {
|
|
22143
|
-
className:
|
|
22135
|
+
className: (0, _classnames.default)(_styles.default.nested, {
|
|
22136
|
+
[_styles.default.listItemSelected]: childItem.value === selectedSidebarItem
|
|
22137
|
+
}),
|
|
22144
22138
|
onClick: () => childItem.value !== selectedSidebarItem && (onSidebarClick == null ? void 0 : onSidebarClick(childItem)),
|
|
22145
22139
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
|
|
22146
22140
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, {
|
|
@@ -22164,10 +22158,10 @@ const CapHamburgerMenu = _ref => {
|
|
|
22164
22158
|
user = {}
|
|
22165
22159
|
} = userData;
|
|
22166
22160
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
22167
|
-
className: _styles.default.sideMenu
|
|
22161
|
+
className: _styles.default.sideMenu,
|
|
22168
22162
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
22169
22163
|
onClick: toggleIsOpen,
|
|
22170
|
-
className: _styles.default.hamburgerIcon
|
|
22164
|
+
className: _styles.default.hamburgerIcon,
|
|
22171
22165
|
src: hamburgerIcon,
|
|
22172
22166
|
alt: "hamburger"
|
|
22173
22167
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapDrawer.default, {
|