@bonio-ui/components - npm Package Compare versions

Comparing version 7.0.2 to 7.1.0

dist/index.js

@@ -96,2 +96,15 @@ "use strict";
   });
+});
+
+var _tabs = require("./tabs");
+
+Object.keys(_tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _tabs[key];
+    }
+  });
 });

dist/selector/Selector/ListBox/ListBox.js

@@ -35,2 +35,10 @@ "use strict";
 var BOTTOM_MARGIN = 10;
+var scrollbarsOptionsConfig = {
+  scrollbars: {
+    autoHide: 'leave',
+    autoHideDelay: 500,
+    autoHideSuspend: true
+  },
+  defer: true
+};
 
@@ -80,4 +88,7 @@ function ListBox(_ref) {
     tabIndex: tabIndex,
-    ref: listRef,
-    maxHeight: maxHeight
+    ref: _ref2 => {
+      listRef.current = _ref2 === null || _ref2 === void 0 ? void 0 : _ref2.getElement();
+    },
+    options: scrollbarsOptionsConfig,
+    $maxHeight: maxHeight
   }, eventHandlers), search ? /*#__PURE__*/_react.default.createElement(_SearchInput.default, {
@@ -84,0 +95,0 @@ ref: searchInputRef,

dist/selector/Selector/ListBox/ListBox.style.js

@@ -12,4 +12,6 @@ "use strict";
 
-var _hideScrollbar = _interopRequireDefault(require("../../../utils/hideScrollbar"));
+var _overlayscrollbarsReact = require("overlayscrollbars-react");
 
+require("overlayscrollbars/styles/overlayscrollbars.css");
+
 var _templateObject, _templateObject2;
@@ -22,3 +24,4 @@
 var {
-  gray
+  gray,
+  mask
 } = _theme.color;
@@ -32,10 +35,8 @@ var {
 exports.PADDING_RIGHT = PADDING_RIGHT;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0.5rem 0;\n  max-height: ", ";\n  text-align: left;\n  overflow: auto;\n\n  ", "\n"])), _ref => {
+var Container = (0, _styledComponents.default)(_overlayscrollbarsReact.OverlayScrollbarsComponent)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0.5rem 0;\n  max-height: ", ";\n  text-align: left;\n\n  .os-scrollbar {\n    --os-handle-bg: ", ";\n    --os-handle-bg-hover: ", ";\n    --os-handle-bg-active: ", ";\n    &.os-scrollbar-vertical {\n      right: 2px;\n    }\n  }\n"])), _ref => {
   var {
-    maxHeight
+    $maxHeight
   } = _ref;
-  return "".concat(maxHeight, "px");
-}, _hideScrollbar.default);
-
+  return "".concat($maxHeight, "px");
+}, mask[2], mask[2], mask[1]);
 exports.Container = Container;
@@ -42,0 +43,0 @@

package.json

 {
   "name": "@bonio-ui/components",
-  "version": "7.0.2",
+  "version": "7.1.0",
   "license": "Apache-2.0",
@@ -25,5 +25,8 @@ "description": "BoniO UI components in React",
     "@bonio-ui/theme": "^2.1.0",
+    "@radix-ui/react-tabs": "^1.0.4",
     "lodash.debounce": "^4.0.8",
+    "overlayscrollbars": "^2.7.3",
+    "overlayscrollbars-react": "^0.5.6",
     "prop-types": "^15.7.2"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

263984

increased by3.15%

Number of package files

91

increased by2.25%

Lines of code

4451

increased by2.68%

Worsened metrics

Dependency count

10

increased by42.86%

Dependency changes

• + Added@radix-ui/react-tabs@^1.0.4

• + Addedoverlayscrollbars@^2.7.3

• + Addedoverlayscrollbars-react@^0.5.6

• + Added@radix-ui/primitive@1.1.0(transitive)

• + Added@radix-ui/react-collection@1.1.0(transitive)

• + Added@radix-ui/react-compose-refs@1.1.0(transitive)

• + Added@radix-ui/react-context@1.1.0(transitive)

• + Added@radix-ui/react-direction@1.1.0(transitive)

• + Added@radix-ui/react-id@1.1.0(transitive)

• + Added@radix-ui/react-presence@1.1.0(transitive)

• + Added@radix-ui/react-primitive@2.0.0(transitive)

• + Added@radix-ui/react-roving-focus@1.1.0(transitive)

• + Added@radix-ui/react-slot@1.1.0(transitive)

• + Added@radix-ui/react-tabs@1.1.0(transitive)

• + Added@radix-ui/react-use-callback-ref@1.1.0(transitive)

• + Added@radix-ui/react-use-controllable-state@1.1.0(transitive)

• + Added@radix-ui/react-use-layout-effect@1.1.0(transitive)

• + Addedoverlayscrollbars@2.10.0(transitive)

• + Addedoverlayscrollbars-react@0.5.6(transitive)