@semcore/base-components 17.0.0-prerelease.36 → 17.0.0-prerelease.39

package/lib/esm/components/scroll-area/ScrollArea.mjs

@@ -1,15 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { createComponent, Component, lastInteraction, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, lastInteraction, assignProps, createComponent } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
-import { ScrollBar, setAreaValue as setAriaValues } from "./ScrollBar.mjs";
+import "../flex-box/index.mjs";
+import { setAreaValue as setAriaValues, ScrollBar } from "./ScrollBar.mjs";
 import Box from "../flex-box/Box/index.mjs";
-/*!__reshadow-styles__:"./style/scroll-area.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -151,8 +151,8 @@ class ScrollAreaRoot extends Component {
       const roundedScroll = Math.round(scroll);
       const roundedMaxScroll = Math.round(maxScroll);
       let shadow = "";
-      if (roundedMaxScroll <= 0) ;
-      else if (roundedScroll <= 0) {
+      if (roundedMaxScroll <= 0) {
+      } else if (roundedScroll <= 0) {
         shadow = "end";
       } else if (roundedScroll >= roundedMaxScroll) {
         shadow = "start";
@@ -280,25 +280,23 @@ class ScrollAreaRoot extends Component {
     };
   }
   componentDidMount() {
-    var _a, _b, _c, _d;
     this.calculate();
     this.updateBarsAria();
     if (this.$inner) {
-      (_a = this.observer) == null ? void 0 : _a.observe(this.$inner);
+      this.observer?.observe(this.$inner);
     }
     if (this.$container) {
-      (_b = this.observer) == null ? void 0 : _b.observe(this.$container);
+      this.observer?.observe(this.$container);
     }
     if (this.$wrapper) {
-      (_c = this.observer) == null ? void 0 : _c.observe(this.$wrapper);
+      this.observer?.observe(this.$wrapper);
     }
     if (!this.asProps.disableAutofocusToContent) {
       this.hasAutoFocusToContent = true;
-      (_d = this.$inner) == null ? void 0 : _d.addEventListener("focusin", this.handleFocusIn);
+      this.$inner?.addEventListener("focusin", this.handleFocusIn);
     }
   }
   componentDidUpdate(prevProps) {
-    var _a, _b;
     this.calculate();
     const {
       disableAutofocusToContent
@@ -306,19 +304,18 @@ class ScrollAreaRoot extends Component {
     if (prevProps.disableAutofocusToContent !== disableAutofocusToContent) {
       if (disableAutofocusToContent && this.hasAutoFocusToContent) {
         this.hasAutoFocusToContent = false;
-        (_a = this.$inner) == null ? void 0 : _a.removeEventListener("focusin", this.handleFocusIn);
+        this.$inner?.removeEventListener("focusin", this.handleFocusIn);
       } else if (!this.hasAutoFocusToContent) {
         this.hasAutoFocusToContent = true;
-        (_b = this.$inner) == null ? void 0 : _b.addEventListener("focusin", this.handleFocusIn);
+        this.$inner?.addEventListener("focusin", this.handleFocusIn);
       }
     }
   }
   componentWillUnmount() {
-    var _a, _b;
-    (_a = this.observer) == null ? void 0 : _a.disconnect();
+    this.observer?.disconnect();
     if (!this.asProps.disableAutofocusToContent) {
       this.hasAutoFocusToContent = false;
-      (_b = this.$inner) == null ? void 0 : _b.removeEventListener("focusin", this.handleFocusIn);
+      this.$inner?.removeEventListener("focusin", this.handleFocusIn);
     }
   }
   render() {

package/lib/esm/components/scroll-area/ScrollBar.mjs

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import contextEnhance from "@semcore/core/lib/utils/enhances/contextEnhance";
 import React from "react";
+import "../flex-box/index.mjs";
 import Box from "../flex-box/Box/index.mjs";
-/*!__reshadow-styles__:"./style/scroll-bar.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -81,7 +81,7 @@ class ScrollBarRoot extends Component {
         } = this.asProps;
         if (orientation === "horizontal" && horizontalBarRef) horizontalBarRef.current = domNode;
         if (orientation === "vertical" && verticalBarRef) verticalBarRef.current = domNode;
-        setAriaValues(this.$container, horizontalBarRef == null ? void 0 : horizontalBarRef.current, verticalBarRef == null ? void 0 : verticalBarRef.current);
+        setAriaValues(this.$container, horizontalBarRef?.current, verticalBarRef?.current);
       }
     });
     _defineProperty(this, "refSlider", (node) => {
@@ -92,6 +92,9 @@ class ScrollBarRoot extends Component {
     _defineProperty(this, "calculate", () => {
       if (!this.$container) return;
       const visibleScroll = this.calculateVisibleScroll();
+      if (!visibleScroll && this.$slider) {
+        this.$slider.style.transform = "none";
+      }
       this.setState({
         visibleScroll
       }, () => {
@@ -333,7 +336,7 @@ class ScrollBarRoot extends Component {
     if (orientation === "horizontal") {
       if (leftOffset) offsetSum += leftOffset;
       if (rightOffset) offsetSum += rightOffset;
-      if (position === "sticky" && (container == null ? void 0 : container.current)) {
+      if (position === "sticky" && container?.current) {
         const {
           left,
           right
@@ -349,7 +352,7 @@ class ScrollBarRoot extends Component {
     if (orientation === "vertical") {
       if (topOffset) offsetSum += topOffset;
       if (bottomOffset) offsetSum += bottomOffset;
-      if (position === "sticky" && (container == null ? void 0 : container.current)) {
+      if (position === "sticky" && container?.current) {
         const {
           top,
           bottom

package/lib/esm/components/scroll-area/index.mjs

@@ -0,0 +1,7 @@
+import { ScrollArea, eventCalculate } from "./ScrollArea.mjs";
+import { hideScrollBarsFromScreenReadersContext } from "./ScrollBar.mjs";
+export {
+  ScrollArea,
+  eventCalculate,
+  hideScrollBarsFromScreenReadersContext
+};

package/lib/esm/index.mjs

@@ -1,36 +1,45 @@
+import "./components/animation/index.mjs";
 import { defaultBreakpoints } from "./components/breakpoints/index.mjs";
+import "./components/ellipsis/index.mjs";
+import "./components/flex-box/index.mjs";
 import { Col } from "./components/grid/index.mjs";
-import { default as default2 } from "./components/grid/Grid.mjs";
-import { default as default3 } from "./components/flex-box/Box/useBox.mjs";
-import { default as default4 } from "./components/flex-box/Flex/useFlex.mjs";
-import { default as default5, animationContext } from "./components/animation/Animation.mjs";
-import { default as default6 } from "./components/flex-box/Box/index.mjs";
-import { default as default7 } from "./components/animation/Collapse.mjs";
+import "./components/hint/index.mjs";
+import "./components/neighbor-location/index.mjs";
+import "./components/outside-click/index.mjs";
+import "./components/popper/index.mjs";
+import "./components/portal/index.mjs";
+import "./components/scroll-area/index.mjs";
+import { default as default2, animationContext } from "./components/animation/Animation.mjs";
+import { default as default3 } from "./components/flex-box/Box/index.mjs";
+import { default as default4 } from "./components/animation/Collapse.mjs";
 import { DEFAULT_MEDIA, MediaList, createBreakpoints } from "./components/breakpoints/Breakpoints.mjs";
 import { Ellipsis } from "./components/ellipsis/Ellipsis.mjs";
-import { default as default8 } from "./components/animation/FadeInOut.mjs";
-import { default as default9 } from "./components/flex-box/Flex/index.mjs";
+import { default as default5 } from "./components/animation/FadeInOut.mjs";
+import { default as default6 } from "./components/flex-box/Flex/index.mjs";
 import { Hint } from "./components/hint/Hint.mjs";
 import { InvalidStateBox } from "./components/flex-box/invalid-state-box/InvalidStateBox.mjs";
 import { NeighborLocation, NeighborLocationRoot, useNeighborLocationDetect } from "./components/neighbor-location/NeighborLocation.mjs";
 import { OutsideClick } from "./components/outside-click/OutsideClick.mjs";
 import { Popper, isInputTriggerTag } from "./components/popper/Popper.mjs";
-import { default as default10, PortalContext, PortalProvider } from "./components/portal/Portal.mjs";
-import { default as default11 } from "./components/animation/Scale.mjs";
+import { default as default7, PortalContext, PortalProvider } from "./components/portal/Portal.mjs";
+import { default as default8 } from "./components/grid/Grid.mjs";
+import { default as default9 } from "./components/animation/Scale.mjs";
 import { ScreenReaderOnly } from "./components/flex-box/screen-reader-only-box/ScreenReaderOnlyBox.mjs";
 import { ScrollArea, eventCalculate } from "./components/scroll-area/ScrollArea.mjs";
-import { default as default12 } from "./components/animation/Slide.mjs";
-import { default as default13 } from "./components/animation/Transform.mjs";
+import { default as default10 } from "./components/animation/Slide.mjs";
+import { default as default11 } from "./components/animation/Transform.mjs";
 import { hideScrollBarsFromScreenReadersContext } from "./components/scroll-area/ScrollBar.mjs";
+import { default as default12 } from "./components/flex-box/Box/useBox.mjs";
+import { default as default13 } from "./components/flex-box/Flex/useFlex.mjs";
 export {
-  default5 as Animation,
-  default6 as Box,
+  default2 as Animation,
+  default3 as Box,
   Col,
-  default7 as Collapse,
+  default4 as Collapse,
   DEFAULT_MEDIA,
   Ellipsis,
-  default8 as FadeInOut,
-  default9 as Flex,
+  default5 as FadeInOut,
+  default6 as Flex,
   Hint,
   InvalidStateBox,
   MediaList,
@@ -38,22 +47,22 @@ export {
   NeighborLocationRoot,
   OutsideClick,
   Popper,
-  default10 as Portal,
+  default7 as Portal,
   PortalContext,
   PortalProvider,
-  default2 as Row,
-  default11 as Scale,
+  default8 as Row,
+  default9 as Scale,
   ScreenReaderOnly,
   ScrollArea,
-  default12 as Slide,
-  default13 as Transform,
+  default10 as Slide,
+  default11 as Transform,
   animationContext,
   createBreakpoints,
   defaultBreakpoints,
   eventCalculate,
   hideScrollBarsFromScreenReadersContext,
   isInputTriggerTag,
-  default3 as useBox,
-  default4 as useFlex,
+  default12 as useBox,
+  default13 as useFlex,
   useNeighborLocationDetect
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-components",
   "description": "Semrush Base Components",
-  "version": "17.0.0-prerelease.36",
+  "version": "17.0.0-prerelease.39",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
@@ -10,9 +10,9 @@
   "license": "MIT",
   "exports": {
     ".": {
-      "require": "./lib/cjs/index.js",
+      "types": "./lib/types/index.d.ts",
       "import": "./lib/esm/index.mjs",
-      "types": "./lib/types/index.d.ts"
+      "require": "./lib/cjs/index.js"
     }
   },
   "dependencies": {
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@types/classnames": "2.2.6",
-    "@semcore/core": "17.0.0-prerelease.36",
+    "@semcore/core": "17.0.0-prerelease.39",
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {