@synerise/ds-scrollbar 1.1.1 → 1.1.3

package/README.md

@@ -27,6 +27,7 @@ import Scrollbar from '@synerise/ds-scrollbar'
 <iframe src="/storybook-static/iframe.html?id=components-scrollbar--default"></iframe>
 
 ## API
+
 | Property      | Description                                                                      | Type                     | Default |
 | ------------- | -------------------------------------------------------------------------------- | ------------------------ | ------- |
 | absolute      | Whether the scrollbar is over content                                            | boolean                  | `true`  |

package/dist/DnDScrollbar/DnDScrollbar.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ScrollbarProps } from '../Scrollbar.types';
+import { type ScrollbarProps } from '../Scrollbar.types';
 export declare const DnDScrollbar: ({ children, classes, maxHeight, absolute, loading, largeSize, onScroll, onYReachEnd, fetchData, hasMore, confineScroll, ...props }: ScrollbarProps) => React.JSX.Element;

package/dist/DnDScrollbar/DnDScrollbar.js

@@ -1,9 +1,8 @@
 var _excluded = ["children", "classes", "maxHeight", "absolute", "loading", "largeSize", "onScroll", "onYReachEnd", "fetchData", "hasMore", "confineScroll"];
 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; }
-import React, { useRef, useState, useCallback, useEffect } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import * as S from './DnDScrollbar.styles';
-// eslint-disable-next-line import/prefer-default-export
 export var DnDScrollbar = function DnDScrollbar(_ref) {
   var children = _ref.children,
     classes = _ref.classes,
@@ -69,7 +68,9 @@ export var DnDScrollbar = function DnDScrollbar(_ref) {
   var handleThumbMousedown = useCallback(function (event) {
     event.stopPropagation();
     setScrollStartPosition(event.clientY);
-    if (contentRef.current) setInitialScrollTop(contentRef.current.scrollTop);
+    if (contentRef.current) {
+      setInitialScrollTop(contentRef.current.scrollTop);
+    }
     setIsDragging(true);
   }, []);
   var handleThumbMouseup = useCallback(function (event) {
@@ -125,7 +126,6 @@ export var DnDScrollbar = function DnDScrollbar(_ref) {
       var ref = wrapperRef.current;
       var content = contentRef.current;
       var trackSize = scrollTrackRef.current.clientHeight;
-      // eslint-disable-next-line no-undef
       observer.current = new ResizeObserver(function () {
         handleResize(trackSize);
       });

package/dist/DnDScrollbar/DnDScrollbar.styles.js

@@ -10,7 +10,7 @@ export var ScrollbarContent = styled.div.withConfig({
 export var ScrollbarWrapper = styled.div.withConfig({
   displayName: "DnDScrollbarstyles__ScrollbarWrapper",
   componentId: "sc-12t6y2d-2"
-})(["padding-right:", ";padding-bottom:", ";& > *{opacity:", ";transition:all 0.25s ease-in-out;}"], function (props) {
+})(["padding-right:", ";padding-bottom:", ";& > *{opacity:", ";transition:opacity 0.25s ease-in-out;}"], function (props) {
   if (props.absolute) {
     return '';
   }

package/dist/Scrollbar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ScrollbarProps, VirtualScrollbarProps } from './Scrollbar.types';
+import { type ScrollbarProps, type VirtualScrollbarProps } from './Scrollbar.types';
 declare const Scrollbar: React.ForwardRefExoticComponent<(ScrollbarProps | VirtualScrollbarProps) & React.RefAttributes<HTMLElement>>;
 export default Scrollbar;

package/dist/Scrollbar.js

@@ -2,10 +2,10 @@ var _excluded = ["children", "className", "loading", "withDnd", "fetchData"];
 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; }
 import React, { forwardRef } from 'react';
+import { useTheme } from '@synerise/ds-core';
 import Icon, { SpinnerM } from '@synerise/ds-icon';
-import { theme } from '@synerise/ds-core';
-import * as S from './Scrollbar.styles';
 import { DnDScrollbar } from './DnDScrollbar';
+import * as S from './Scrollbar.styles';
 import { VirtualScrollbar } from './VirtualScrollbar';
 var Scrollbar = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var children = _ref.children,
@@ -14,6 +14,7 @@ var Scrollbar = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     withDnd = _ref.withDnd,
     fetchData = _ref.fetchData,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = useTheme();
   var Component = withDnd ? DnDScrollbar : VirtualScrollbar;
   return /*#__PURE__*/React.createElement(S.ScrollbarContainer, {
     className: className

package/dist/Scrollbar.types.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode, UIEvent } from 'react';
-import { ScrollBarProps } from '@ofsajd/react-perfect-scrollbar';
+import { type CSSProperties, type ReactNode, type UIEvent } from 'react';
+import { type ScrollBarProps } from '@ofsajd/react-perfect-scrollbar';
 export type ScrollbarAdditionalProps = {
     absolute?: boolean;
     classes?: string;

package/dist/VirtualScrollbar/VirtualScrollbar.js

@@ -1,11 +1,10 @@
 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); }
-import React, { useCallback, forwardRef, useRef, useEffect, useState } from 'react';
-import PerfectScrollbar from '@ofsajd/react-perfect-scrollbar';
 import classnames from 'classnames';
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import PerfectScrollbar from '@ofsajd/react-perfect-scrollbar';
 import { useCombinedRefs, useResizeObserver } from '@synerise/ds-utils';
 import "../style/index.css";
 import * as S from './VirtualScrollbar.styles';
-// eslint-disable-next-line import/prefer-default-export
 export var VirtualScrollbar = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var _ref$absolute = _ref.absolute,
     absolute = _ref$absolute === void 0 ? false : _ref$absolute,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-scrollbar",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Scrollbar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,8 +35,8 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@ofsajd/react-perfect-scrollbar": "1.0.0",
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-utils": "^1.3.0",
+    "@synerise/ds-icon": "^1.6.0",
+    "@synerise/ds-utils": "^1.3.1",
     "classnames": "^2.3.2",
     "lodash": "^4.7.21"
   },
@@ -45,5 +45,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "f7c362a4f370d86b51df9aba9e91ac8f7fe4ed8f"
 }