@crystaldesign/diva-navigator 26.2.0-beta.29 → 26.2.0-beta.30

package/build/esm/index.js

@@ -287,6 +287,7 @@ var leftSpace = "left-space-vcauM";
 var arrow$1 = "arrow-egJ6F";
 var list = "list-4f7FZ";
 var tooltip = "tooltip-gsR2r";
+var disabled = "disabled-RYfn7";
 var disabledClick = "disabled-click-74X-4";
 var css_248z$j = ".item-pGwu4 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 4px;\n}\n.text-nRjLJ {\n  font-weight: normal;\n  color: gray;\n}\n\n.selected-z25La {\n  font-weight: 700;\n  text-decoration: underline;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n.open-class-gFhWe .selected-z25La {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.row-I58t6 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.row-I58t6 .MuiFormControl-root {\n  margin-left: 25px;\n  margin-top: 0;\n}\n\n.row-I58t6 .MuiInputBase-root {\n  font-size: small;\n  margin-top: 0;\n}\n\n.selectable-2W-K7 {\n  cursor: pointer;\n  line-height: 20px;\n  padding-left: 8px;\n  position: relative;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: calc(100% - 20px);\n  color: inherit;\n  transition: color 0.3s ease;\n}\n\n.selectable-2W-K7:hover {\n  font-weight: 700;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.left-space-vcauM {\n  width: 16px;\n  height: 20px;\n}\n\n.arrow-egJ6F {\n  background: center / 50% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%3C%2Fsvg%3E\");\n  transition: transform 0.3s ease;\n}\n\n.arrow-egJ6F:hover {\n  cursor: pointer;\n}\n\n.open-class-gFhWe .arrow-egJ6F {\n  transform: rotate(90deg);\n  height: 16px;\n  width: 16px;\n}\n\n.list-4f7FZ {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.list-4f7FZ {\n  scrollbar-width: thin;\n  scrollbar-color: #7b7b7b #dfdfdf;\n}\n\n/* Chrome, Edge, and Safari */\n.list-4f7FZ::-webkit-scrollbar {\n  width: 6px;\n}\n\n.list-4f7FZ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n\n.list-4f7FZ::-webkit-scrollbar-thumb {\n  background-color: #7b7b7b;\n  border-radius: 3px;\n  border: 0px solid #ffffff;\n}\n\n.tooltip-gsR2r {\n  background-color: #1b181a;\n  color: white;\n  padding: 6px;\n  border-radius: 4px;\n  font-size: 14px;\n  z-index: 12;\n}\n\n.disabled-RYfn7 {\n  color: grey !important;\n}\n\n.disabled-RYfn7 {\n  opacity: 0.8;\n}\n.disabled-click-74X-4 {\n  cursor: normal;\n}\n\n.search-87aXI {\n  background-color: #fff;\n  border-radius: 16px;\n}\n";
 styleInject(css_248z$j);
@@ -296,9 +297,9 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
 function TextElement(_ref) {
   var _theme$typography;
   var data = _ref.data,
-    onSelect = _ref.onSelect;
-    _ref.multi;
-    _ref.onOpen;
+    onSelect = _ref.onSelect,
+    multi = _ref.multi,
+    onOpen = _ref.onOpen;
   var textElementRef = useRef(null);
   var _useDivaCore = useDivaCore(),
     theme = _useDivaCore.state.theme;
@@ -365,9 +366,11 @@ function TextElement(_ref) {
       },
       children: /*#__PURE__*/jsx("div", {
         ref: textElementRef,
-        className: classNames(text$1, selectable, data.isSelected ? selected$1 : undefined, !data.hasChildren ? disabledClick : undefined),
-        onClick: function onClick() {
-          onSelect(data, !data.isSelected);
+        className: classNames(text$1, selectable, data.isSelected ? selected$1 : undefined, data.type ? undefined : disabled, !data.hasChildren ? disabledClick : undefined),
+        onClick: data.type ? function () {
+          return !data.isSelected || multi ? onSelect(data, !data.isSelected) : false;
+        } : function () {
+          onOpen(data._id);
         } //with multi we can select and deselct, otherwise deselect is not allowed
         ,
         children: displayName
@@ -466,6 +469,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function OrganizationSelection (_ref) {
+  var _scroller$current3;
   var onChange = _ref.onChange,
     setOrgsCount = _ref.setOrgsCount,
     current = _ref.current,
@@ -523,13 +527,13 @@ function OrganizationSelection (_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var getElementLimit = function getElementLimit() {
+  var getElementLimit = useCallback(function () {
     var _scroller$current, _scroller$current2;
     if (!scroller.current) return 0;
     if (((_scroller$current = scroller.current) === null || _scroller$current === void 0 ? void 0 : _scroller$current.clientHeight) < 300) return 20;
     var multiplier = ((_scroller$current2 = scroller.current) === null || _scroller$current2 === void 0 ? void 0 : _scroller$current2.clientHeight) / 300;
     return Math.ceil(20 * multiplier);
-  };
+  }, [scroller.current, (_scroller$current3 = scroller.current) === null || _scroller$current3 === void 0 ? void 0 : _scroller$current3.clientHeight]);
   var debouncedSearch = useCallback(debounce(/*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(query) {
       var _root$_id;
@@ -658,7 +662,7 @@ function OrganizationSelection (_ref) {
       return _ref5.apply(this, arguments);
     };
   }(), 300), []);
-  var onSelect = function onSelect(data, select) {
+  var onSelect = useCallback(function (data, select) {
     if (select) {
       var _data$parentOrganizat, _data$parentOrganizat2;
       var splittedName = data.displayName.split('/');
@@ -699,8 +703,8 @@ function OrganizationSelection (_ref) {
     scroller.current.scrollTo({
       top: 0
     });
-  };
-  var onOpen = /*#__PURE__*/function () {
+  }, [onChange, selectedHierarchies]);
+  var onOpen = useCallback(/*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(id) {
       var flat, elem, _parent$children, _parent$children$leng, _parent$children2, _parent$children3, parent, result, _elem$children, _elem$children2, _result;
       return _regeneratorRuntime.wrap(function _callee4$(_context5) {
@@ -793,10 +797,10 @@ function OrganizationSelection (_ref) {
         }
       }, _callee4);
     }));
-    return function onOpen(_x4) {
+    return function (_x4) {
       return _ref6.apply(this, arguments);
     };
-  }();
+  }(), [data, setData]);
   var elementLimit = getElementLimit();
   useEffect(function () {
     if (!elementLimit) return;
@@ -1774,9 +1778,9 @@ function Profil (_ref) {
     conditionsUrl = _useDivaCore$state$na.conditionsUrl,
     feedbackUrl = _useDivaCore$state$na.feedbackUrl;
   var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2);
-    _useState2[0];
-    var setOrgsCount = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    orgsCount = _useState2[0],
+    setOrgsCount = _useState2[1];
   var buttonsInMenu = isMobile ? buttons : buttons.filter(function (b) {
     return b.inMenu;
   });
@@ -1802,7 +1806,7 @@ function Profil (_ref) {
     }), (user === null || user === void 0 ? void 0 : user._id) && organization && /*#__PURE__*/jsx("div", {
       className: section,
       style: {
-        display: 'block'
+        display: orgsCount > 1 ? 'block' : 'none'
       },
       children: /*#__PURE__*/jsx(Selection, {
         setOrgsCount: setOrgsCount

package/build/types/navigator/src/OrganizationSelection/TextElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/OrganizationSelection/TextElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAK5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD,qBA2EA"}
+{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../../../../src/OrganizationSelection/TextElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAI5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD,qBA8EA"}

package/build/types/navigator/src/OrganizationSelection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/OrganizationSelection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,UAAU,KAAK;IACb,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,GAAG,SAAS,qBAuWtG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/OrganizationSelection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,UAAU,KAAK;IACb,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,GAAG,SAAS,qBA6WtG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-navigator",
-  "version": "26.2.0-beta.29",
+  "version": "26.2.0-beta.30",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -24,5 +24,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/navigator/src/index.d.ts",
-  "gitHead": "526de242d80e6bcab841126ca577147aa562bf1e"
+  "gitHead": "a316fda1fce1b951ec9a6b07bf99715b042f270b"
 }