@semcore/scroll-area - npm Package Compare versions

Comparing version 3.2.2 to 3.2.3

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [3.2.3] - 2020-11-19
+
+### Fixed
+
+- Fixed problem used `ScrollArea` for SSR.
+
 ## [3.2.2] - 2020-10-29
@@ -7,0 +13,0 @@

lib/cjs/ScrollArea.js

@@ -26,2 +26,4 @@ "use strict";
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -41,3 +43,3 @@
 
-var _ref2 = require("@semcore/utils/lib/ref");
+var _ref3 = require("@semcore/utils/lib/ref");
 
@@ -63,20 +65,34 @@ var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
 /*__inner_css_start__*/
-".___SScrollArea_1g3q0_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1g3q0_gg_:after,.___SShadowHorizontal_1g3q0_gg_:before,.___SShadowVertical_1g3q0_gg_:after,.___SShadowVertical_1g3q0_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}.___SShadowHorizontal_1g3q0_gg_:after,.___SShadowHorizontal_1g3q0_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_start_1g3q0_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_end_1g3q0_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_:after,.___SShadowVertical_1g3q0_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_start_1g3q0_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_end_1g3q0_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SContainer_1g3q0_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1g3q0_gg_::-webkit-scrollbar{display:none}"
+".___SScrollArea_1pu8b_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1pu8b_gg_:after,.___SShadowHorizontal_1pu8b_gg_:before,.___SShadowVertical_1pu8b_gg_:after,.___SShadowVertical_1pu8b_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}.___SShadowHorizontal_1pu8b_gg_:after,.___SShadowHorizontal_1pu8b_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_start_1pu8b_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_end_1pu8b_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_:after,.___SShadowVertical_1pu8b_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_start_1pu8b_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_end_1pu8b_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SContainer_1pu8b_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1pu8b_gg_::-webkit-scrollbar{display:none}"
 /*__inner_css_end__*/
-, "qm8wnd_gg_")
+, "12dlbyb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScrollArea": "___SScrollArea_1g3q0_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1g3q0_gg_",
-  "__SShadowVertical": "___SShadowVertical_1g3q0_gg_",
-  "_position": "__position_1g3q0_gg_",
-  "_position_median": "__position_median_1g3q0_gg_",
-  "_position_start": "__position_start_1g3q0_gg_",
-  "_position_end": "__position_end_1g3q0_gg_",
-  "__SContainer": "___SContainer_1g3q0_gg_"
+  "__SScrollArea": "___SScrollArea_1pu8b_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1pu8b_gg_",
+  "__SShadowVertical": "___SShadowVertical_1pu8b_gg_",
+  "_position": "__position_1pu8b_gg_",
+  "_position_median": "__position_median_1pu8b_gg_",
+  "_position_start": "__position_start_1pu8b_gg_",
+  "_position_end": "__position_end_1pu8b_gg_",
+  "__SContainer": "___SContainer_1pu8b_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 
-var eventCalculate = new Event('calculate');
+var eventCalculate = undefined;
 exports.eventCalculate = eventCalculate;
+
+if (typeof window !== 'undefined') {
+  exports.eventCalculate = eventCalculate = new Event('calculate');
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var BoxWithoutPosition = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+  var position = _ref2.position,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, ["position"]);
+  return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, (0, _extends2["default"])({
+    ref: ref
+  }, props));
+});
+
 var styled_c8 = (0, _core.create)([]);
@@ -92,3 +108,3 @@
     get: function get() {
-      return (0, _ref2.getNodeByRef)(this.asProps.container);
+      return (0, _ref3.getNodeByRef)(this.asProps.container);
     }
@@ -98,3 +114,3 @@ }, {
     get: function get() {
-      return (0, _ref2.getNodeByRef)(this.asProps.inner);
+      return (0, _ref3.getNodeByRef)(this.asProps.inner);
     }
@@ -256,4 +272,4 @@ }]);
       var SScrollArea = this.Root;
-      var SShadowVertical = _flexBox.Box;
-      var SShadowHorizontal = _flexBox.Box;
+      var SShadowVertical = BoxWithoutPosition;
+      var SShadowHorizontal = BoxWithoutPosition;
       var _this$asProps3 = this.asProps,
@@ -260,0 +276,0 @@ Children = _this$asProps3.Children,

lib/cjs/ScrollBar/index.js

@@ -49,12 +49,12 @@ "use strict";
 /*__inner_css_start__*/
-".___SScrollBar_ns5dh_gg_{position:absolute;display:flex}.___SScrollBar_ns5dh_gg_.__orientation_ns5dh_gg_.__orientation_vertical_ns5dh_gg_{top:4px;right:0;width:8px;height:calc(100% - 8px);justify-content:center}.___SScrollBar_ns5dh_gg_.__orientation_ns5dh_gg_.__orientation_horizontal_ns5dh_gg_{bottom:0;left:4px;height:12px;width:calc(100% - 8px);align-items:center}.___SSlider_ns5dh_gg_{cursor:pointer;width:6px;height:6px;border-radius:2px;background-color:rgba(0,0,0,.2)}"
+".___SScrollBar_1vb84_gg_{position:absolute;display:flex}.___SScrollBar_1vb84_gg_.__orientation_1vb84_gg_.__orientation_vertical_1vb84_gg_{top:4px;right:0;width:8px;height:calc(100% - 8px);justify-content:center}.___SScrollBar_1vb84_gg_.__orientation_1vb84_gg_.__orientation_horizontal_1vb84_gg_{bottom:0;left:4px;height:12px;width:calc(100% - 8px);align-items:center}.___SSlider_1vb84_gg_{cursor:pointer;width:6px;height:6px;border-radius:2px;background-color:rgba(0,0,0,.2)}"
 /*__inner_css_end__*/
-, "pwibg8_gg_")
+, "1csw9aw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScrollBar": "___SScrollBar_ns5dh_gg_",
-  "_orientation": "__orientation_ns5dh_gg_",
-  "_orientation_vertical": "__orientation_vertical_ns5dh_gg_",
-  "_orientation_horizontal": "__orientation_horizontal_ns5dh_gg_",
-  "__SSlider": "___SSlider_ns5dh_gg_"
+  "__SScrollBar": "___SScrollBar_1vb84_gg_",
+  "_orientation": "__orientation_1vb84_gg_",
+  "_orientation_vertical": "__orientation_vertical_1vb84_gg_",
+  "_orientation_horizontal": "__orientation_horizontal_1vb84_gg_",
+  "__SSlider": "___SSlider_1vb84_gg_"
 }),
@@ -61,0 +61,0 @@ style = (0, _extends2["default"])({}, _ref);

lib/es6/ScrollArea.js

@@ -8,2 +8,3 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
@@ -33,19 +34,34 @@
 /*__inner_css_start__*/
-".___SScrollArea_1g3q0_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1g3q0_gg_:after,.___SShadowHorizontal_1g3q0_gg_:before,.___SShadowVertical_1g3q0_gg_:after,.___SShadowVertical_1g3q0_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}.___SShadowHorizontal_1g3q0_gg_:after,.___SShadowHorizontal_1g3q0_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_start_1g3q0_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1g3q0_gg_.__position_1g3q0_gg_.__position_end_1g3q0_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_:after,.___SShadowVertical_1g3q0_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_median_1g3q0_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_start_1g3q0_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1g3q0_gg_.__position_1g3q0_gg_.__position_end_1g3q0_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SContainer_1g3q0_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1g3q0_gg_::-webkit-scrollbar{display:none}"
+".___SScrollArea_1pu8b_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_1pu8b_gg_:after,.___SShadowHorizontal_1pu8b_gg_:before,.___SShadowVertical_1pu8b_gg_:after,.___SShadowVertical_1pu8b_gg_:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}.___SShadowHorizontal_1pu8b_gg_:after,.___SShadowHorizontal_1pu8b_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_start_1pu8b_gg_:before{left:0;background:linear-gradient(270deg,transparent 0,rgba(0,0,0,.1))}.___SShadowHorizontal_1pu8b_gg_.__position_1pu8b_gg_.__position_end_1pu8b_gg_:after{right:0;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_:after,.___SShadowVertical_1pu8b_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_median_1pu8b_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_start_1pu8b_gg_:before{top:0;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.1))}.___SShadowVertical_1pu8b_gg_.__position_1pu8b_gg_.__position_end_1pu8b_gg_:after{bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1))}.___SContainer_1pu8b_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_1pu8b_gg_::-webkit-scrollbar{display:none}"
 /*__inner_css_end__*/
-, "qm8wnd_gg_")
+, "12dlbyb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScrollArea": "___SScrollArea_1g3q0_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_1g3q0_gg_",
-  "__SShadowVertical": "___SShadowVertical_1g3q0_gg_",
-  "_position": "__position_1g3q0_gg_",
-  "_position_median": "__position_median_1g3q0_gg_",
-  "_position_start": "__position_start_1g3q0_gg_",
-  "_position_end": "__position_end_1g3q0_gg_",
-  "__SContainer": "___SContainer_1g3q0_gg_"
+  "__SScrollArea": "___SScrollArea_1pu8b_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1pu8b_gg_",
+  "__SShadowVertical": "___SShadowVertical_1pu8b_gg_",
+  "_position": "__position_1pu8b_gg_",
+  "_position_median": "__position_median_1pu8b_gg_",
+  "_position_start": "__position_start_1pu8b_gg_",
+  "_position_end": "__position_end_1pu8b_gg_",
+  "__SContainer": "___SContainer_1pu8b_gg_"
 }),
     style = _extends({}, _ref);
 
-export var eventCalculate = new Event('calculate');
+var eventCalculate = undefined;
+
+if (typeof window !== 'undefined') {
+  eventCalculate = new Event('calculate');
+}
+
+export { eventCalculate }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+var BoxWithoutPosition = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var position = _ref2.position,
+      props = _objectWithoutProperties(_ref2, ["position"]);
+
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    ref: ref
+  }, props));
+});
 var styled_c8 = create([]);
@@ -234,4 +250,4 @@
       var SScrollArea = this.Root;
-      var SShadowVertical = Box;
-      var SShadowHorizontal = Box;
+      var SShadowVertical = BoxWithoutPosition;
+      var SShadowHorizontal = BoxWithoutPosition;
       var _this$asProps3 = this.asProps,
@@ -238,0 +254,0 @@ Children = _this$asProps3.Children,

lib/es6/ScrollBar/index.js

@@ -26,12 +26,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /*__inner_css_start__*/
-".___SScrollBar_ns5dh_gg_{position:absolute;display:flex}.___SScrollBar_ns5dh_gg_.__orientation_ns5dh_gg_.__orientation_vertical_ns5dh_gg_{top:4px;right:0;width:8px;height:calc(100% - 8px);justify-content:center}.___SScrollBar_ns5dh_gg_.__orientation_ns5dh_gg_.__orientation_horizontal_ns5dh_gg_{bottom:0;left:4px;height:12px;width:calc(100% - 8px);align-items:center}.___SSlider_ns5dh_gg_{cursor:pointer;width:6px;height:6px;border-radius:2px;background-color:rgba(0,0,0,.2)}"
+".___SScrollBar_1vb84_gg_{position:absolute;display:flex}.___SScrollBar_1vb84_gg_.__orientation_1vb84_gg_.__orientation_vertical_1vb84_gg_{top:4px;right:0;width:8px;height:calc(100% - 8px);justify-content:center}.___SScrollBar_1vb84_gg_.__orientation_1vb84_gg_.__orientation_horizontal_1vb84_gg_{bottom:0;left:4px;height:12px;width:calc(100% - 8px);align-items:center}.___SSlider_1vb84_gg_{cursor:pointer;width:6px;height:6px;border-radius:2px;background-color:rgba(0,0,0,.2)}"
 /*__inner_css_end__*/
-, "pwibg8_gg_")
+, "1csw9aw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScrollBar": "___SScrollBar_ns5dh_gg_",
-  "_orientation": "__orientation_ns5dh_gg_",
-  "_orientation_vertical": "__orientation_vertical_ns5dh_gg_",
-  "_orientation_horizontal": "__orientation_horizontal_ns5dh_gg_",
-  "__SSlider": "___SSlider_ns5dh_gg_"
+  "__SScrollBar": "___SScrollBar_1vb84_gg_",
+  "_orientation": "__orientation_1vb84_gg_",
+  "_orientation_vertical": "__orientation_vertical_1vb84_gg_",
+  "_orientation_horizontal": "__orientation_horizontal_1vb84_gg_",
+  "__SSlider": "___SSlider_1vb84_gg_"
 }),
@@ -38,0 +38,0 @@ style = _extends({}, _ref);

lib/types/ScrollArea.d.ts

@@ -22,3 +22,4 @@ import React, { ComponentProps } from 'react';
 }
-export declare const eventCalculate: Event;
+declare let eventCalculate: any;
+export { eventCalculate };
 declare const ScrollAreaComponent: import("@semcore/core").ComponentType<IScrollAreaProps, {
@@ -25,0 +26,0 @@ Container: ComponentProps<typeof Box>;

package.json

 {
   "name": "@semcore/scroll-area",
   "description": "SEMRush ScrollArea Component",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

173605

increased by1.64%

Lines of code

2287

increased by1.46%

No dependency changes