@skbkontur/react-ui 0.0.0-d09e1235b2 → 0.0.0-d4e280859d

package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js

@@ -0,0 +1,48 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+export var globalClasses = prefix('scroll-container')({
+  scrollbarX: 'scrollbar-x',
+  scrollbarY: 'scrollbar-y',
+  scrollbarContainerX: 'scrollbar-container-x',
+  scrollbarContainerY: 'scrollbar-container-y',
+  inner: 'inner'
+});
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
+  },
+  inner: function inner() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
+  },
+  innerIE11: function innerIE11() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    "])));
+  },
+  scrollBar: function scrollBar(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])), t.scrollContainerScrollBarColor);
+  },
+  visibleScrollBar: function visibleScrollBar() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
+  },
+  scrollBarInvert: function scrollBarInvert(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
+  },
+  scrollBarContainerY: function scrollBarContainerY() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
+  },
+  scrollBarY: function scrollBarY(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
+  },
+  scrollBarYHover: function scrollBarYHover(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+  },
+  scrollBarContainerX: function scrollBarContainerX(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
+  },
+  scrollBarX: function scrollBarX(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
+  },
+  scrollBarXHover: function scrollBarXHover(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
+  }
+});

package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","_templateObject","_taggedTemplateLiteralLoose","_templateObject2","innerIE11","_templateObject3","scrollBar","t","_templateObject4","scrollContainerScrollBarColor","visibleScrollBar","_templateObject5","scrollBarInvert","_templateObject6","scrollContainerScrollBarInvertColor","scrollBarContainerY","_templateObject7","scrollBarY","_templateObject8","scrollContainerScrollBarSize","scrollBarYHover","_templateObject9","scrollContainerScrollBarHoverSize","scrollBarContainerX","_templateObject10","scrollBarX","_templateObject11","scrollBarXHover","_templateObject12"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"],"mappings":"6TAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAkB,CAAC,CAAC;EACtDE,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,aAAa;EACzBC,mBAAmB,EAAE,uBAAuB;EAC5CC,mBAAmB,EAAE,uBAAuB;EAC5CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;EACjCS,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOV,GAAG,CAAAW,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDJ,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOR,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAD,2BAAA;;;;;;;;;;;;;;EAcZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;;;;;;EAOZ,CAAC;;EAEDI,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOjB,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;IAIMK,CAAC,CAACE,6BAA6B;;;;;;;EAOjD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;;;;;;;EAOZ,CAAC;;EAEDU,eAAe,WAAAA,gBAACL,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;;IAEMK,CAAC,CAACO,mCAAmC;;EAEvD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;EAOZ,CAAC;;EAEDe,UAAU,WAAAA,WAACV,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;IAECK,CAAC,CAACY,4BAA4B;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACCK,CAAC,CAACe,iCAAiC;;EAEhD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAChB,CAAQ,EAAE;IAC5B,OAAOjB,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAAtB,2BAAA;;;;;;;IAOLT,aAAa,CAACI,mBAAmB;IACbU,CAAC,CAACe,iCAAiC;;;IAGnD7B,aAAa,CAACK,KAAK;;;;;IAKPS,CAAC,CAACe,iCAAiC;;;;EAI1D,CAAC;;EAEDG,UAAU,WAAAA,WAAClB,CAAQ,EAAE;IACnB,OAAOjB,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;IAEEK,CAAC,CAACY,4BAA4B;;EAE5C,CAAC;;EAEDQ,eAAe,WAAAA,gBAACpB,CAAQ,EAAE;IACxB,OAAOjB,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACEK,CAAC,CAACe,iCAAiC;;EAEjD;AACF,CAAC,CAAC","ignoreList":[]}

package/components/ScrollContainer/ScrollContainer.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/ScrollContainer/ScrollContainer.styles.js",
+  "module": "ScrollContainer.styles",
+  "types": "../ScrollContainer.styles.d.ts",
+  "sideEffects": false
+}

package/components/ScrollContainer/ScrollContainer.styles.d.ts

@@ -0,0 +1,22 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    scrollbarX: string;
+    scrollbarY: string;
+    scrollbarContainerX: string;
+    scrollbarContainerY: string;
+    inner: string;
+};
+export declare const styles: {
+    root(): string;
+    inner(): string;
+    innerIE11(): string;
+    scrollBar(t: Theme): string;
+    visibleScrollBar(): string;
+    scrollBarInvert(t: Theme): string;
+    scrollBarContainerY(): string;
+    scrollBarY(t: Theme): string;
+    scrollBarYHover(t: Theme): string;
+    scrollBarContainerX(t: Theme): string;
+    scrollBarX(t: Theme): string;
+    scrollBarXHover(t: Theme): string;
+};

package/components/ScrollContainer/__creevey__/ScrollContainer.creevey/ScrollContainer.creevey.js

@@ -0,0 +1,488 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { story, kind, test } from 'creevey';
+import { delay } from "../../../../lib/utils";
+kind('ScrollContainer', function () {
+  story('WithDynamicContent', function (_ref) {
+    var setStoryParameters = _ref.setStoryParameters;
+    setStoryParameters({
+      captureElement: '#test-container'
+    });
+    test('changeContent', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var idle, addContent, scroll50, scroll100, removeContent;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return this.takeScreenshot();
+          case 2:
+            idle = _context.sent;
+            _context.next = 5;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#add'
+            })).perform();
+          case 5:
+            _context.next = 7;
+            return this.takeScreenshot();
+          case 7:
+            addContent = _context.sent;
+            _context.next = 10;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll50'
+            })).perform();
+          case 10:
+            _context.next = 12;
+            return this.takeScreenshot();
+          case 12:
+            scroll50 = _context.sent;
+            _context.next = 15;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll100'
+            })).perform();
+          case 15:
+            _context.next = 17;
+            return this.takeScreenshot();
+          case 17:
+            scroll100 = _context.sent;
+            _context.next = 20;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#remove'
+            })).perform();
+          case 20:
+            _context.next = 22;
+            return this.takeScreenshot();
+          case 22:
+            removeContent = _context.sent;
+            _context.next = 25;
+            return this.expect({
+              idle: idle,
+              addContent: addContent,
+              scroll50: scroll50,
+              scroll100: scroll100,
+              removeContent: removeContent
+            }).to.matchImages();
+          case 25:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, this);
+    })));
+  });
+  story('WithOnlyCustomHorizontalScroll', function (_ref3) {
+    var setStoryParameters = _ref3.setStoryParameters;
+    setStoryParameters({
+      captureElement: '#test-container'
+    });
+    test('moveScroll', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var idle, scroll50, scroll100, scroll0;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return this.takeScreenshot();
+          case 2:
+            idle = _context2.sent;
+            _context2.next = 5;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll50'
+            })).perform();
+          case 5:
+            _context2.next = 7;
+            return this.takeScreenshot();
+          case 7:
+            scroll50 = _context2.sent;
+            _context2.next = 10;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll100'
+            })).perform();
+          case 10:
+            _context2.next = 12;
+            return this.takeScreenshot();
+          case 12:
+            scroll100 = _context2.sent;
+            _context2.next = 15;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll0'
+            })).perform();
+          case 15:
+            _context2.next = 17;
+            return this.takeScreenshot();
+          case 17:
+            scroll0 = _context2.sent;
+            _context2.next = 20;
+            return this.expect({
+              idle: idle,
+              scroll50: scroll50,
+              scroll100: scroll100,
+              scroll0: scroll0
+            }).to.matchImages();
+          case 20:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, this);
+    })));
+    test('changeContent', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var addContent, scroll50, scroll100, scroll0, removeContent;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#add'
+            })).perform();
+          case 2:
+            _context3.next = 4;
+            return this.takeScreenshot();
+          case 4:
+            addContent = _context3.sent;
+            _context3.next = 7;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll50'
+            })).perform();
+          case 7:
+            _context3.next = 9;
+            return this.takeScreenshot();
+          case 9:
+            scroll50 = _context3.sent;
+            _context3.next = 12;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll100'
+            })).perform();
+          case 12:
+            _context3.next = 14;
+            return this.takeScreenshot();
+          case 14:
+            scroll100 = _context3.sent;
+            _context3.next = 17;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scroll0'
+            })).perform();
+          case 17:
+            _context3.next = 19;
+            return this.takeScreenshot();
+          case 19:
+            scroll0 = _context3.sent;
+            _context3.next = 22;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#remove'
+            })).perform();
+          case 22:
+            _context3.next = 24;
+            return this.takeScreenshot();
+          case 24:
+            removeContent = _context3.sent;
+            _context3.next = 27;
+            return this.expect({
+              addContent: addContent,
+              scroll50: scroll50,
+              scroll100: scroll100,
+              scroll0: scroll0,
+              removeContent: removeContent
+            }).to.matchImages();
+          case 27:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, this);
+    })));
+  });
+  story('WithScrollTo', function (_ref6) {
+    var setStoryParameters = _ref6.setStoryParameters;
+    setStoryParameters({
+      captureElement: '#test-container'
+    });
+    test('scrollTo', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var idle, scrollTo, scrollToTop, scrollToLeft, scrollToBottom, scrollToRight;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return this.takeScreenshot();
+          case 2:
+            idle = _context4.sent;
+            _context4.next = 5;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scrollTo'
+            })).perform();
+          case 5:
+            _context4.next = 7;
+            return this.takeScreenshot();
+          case 7:
+            scrollTo = _context4.sent;
+            _context4.next = 10;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scrollToTop'
+            })).perform();
+          case 10:
+            _context4.next = 12;
+            return this.takeScreenshot();
+          case 12:
+            scrollToTop = _context4.sent;
+            _context4.next = 15;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scrollToLeft'
+            })).perform();
+          case 15:
+            _context4.next = 17;
+            return this.takeScreenshot();
+          case 17:
+            scrollToLeft = _context4.sent;
+            _context4.next = 20;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scrollToBottom'
+            })).perform();
+          case 20:
+            _context4.next = 22;
+            return this.takeScreenshot();
+          case 22:
+            scrollToBottom = _context4.sent;
+            _context4.next = 25;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '#scrollToRight'
+            })).perform();
+          case 25:
+            _context4.next = 27;
+            return this.takeScreenshot();
+          case 27:
+            scrollToRight = _context4.sent;
+            _context4.next = 30;
+            return this.expect({
+              idle: idle,
+              scrollTo: scrollTo,
+              scrollToTop: scrollToTop,
+              scrollToBottom: scrollToBottom,
+              scrollToLeft: scrollToLeft,
+              scrollToRight: scrollToRight
+            }).to.matchImages();
+          case 30:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, this);
+    })));
+  });
+  story('ScrollBarVisibleAfterTogglingDisabled', function (_ref8) {
+    var setStoryParameters = _ref8.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'themes dont affect logic': {
+          "in": /^(?!\bchrome2022\b)/
+        }
+      }
+    });
+    test('toggleDisabled', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
+            return this.browser.actions({
+              bridge: true
+            }).click(this.browser.findElement({
+              css: '[data-tid="disable-button"]'
+            })).click(this.browser.findElement({
+              css: '[data-tid="disable-button"]'
+            })).perform();
+          case 2:
+            _context5.t0 = this;
+            _context5.next = 5;
+            return this.takeScreenshot();
+          case 5:
+            _context5.t1 = _context5.sent;
+            _context5.next = 8;
+            return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('toggleDisabled');
+          case 8:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5, this);
+    })));
+  });
+  story('ShowScrollBarOnScroll', function (_ref10) {
+    var setStoryParameters = _ref10.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'themes dont affect logic': {
+          "in": /^(?!\b(firefox2022|chrome2022)\b)/
+        }
+      }
+    });
+    test('hideScroll', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      var beforeScroll, duringScroll, afterScroll;
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.next = 2;
+            return this.takeScreenshot();
+          case 2:
+            beforeScroll = _context6.sent;
+            _context6.next = 5;
+            return this.browser.executeScript(function () {
+              var scrollContainer = window.document.querySelector('[data-tid~="ScrollContainer__inner"]');
+              if (scrollContainer) {
+                scrollContainer.scrollTop = 500;
+              }
+            });
+          case 5:
+            this.browser.actions({
+              bridge: true
+            }).move({
+              origin: this.browser.findElement({
+                css: 'body'
+              })
+            });
+            _context6.next = 8;
+            return delay(200);
+          case 8:
+            _context6.next = 10;
+            return this.takeScreenshot();
+          case 10:
+            duringScroll = _context6.sent;
+            _context6.next = 13;
+            return delay(3000);
+          case 13:
+            _context6.next = 15;
+            return this.takeScreenshot();
+          case 15:
+            afterScroll = _context6.sent;
+            _context6.next = 18;
+            return this.expect({
+              beforeScroll: beforeScroll,
+              duringScroll: duringScroll,
+              afterScroll: afterScroll
+            }).to.matchImages();
+          case 18:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6, this);
+    })));
+  });
+  story('ShowScrollBarOnHover', function (_ref12) {
+    var setStoryParameters = _ref12.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'hover works only in firefox': {
+          "in": /^(?!\b(firefox2022)\b)/
+        }
+      }
+    });
+    test('hideScroll', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var hovered, withoutHover;
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            this.browser.actions({
+              bridge: true
+            }).move({
+              origin: this.browser.findElement({
+                css: '[data-tid~="ScrollContainer__root"]'
+              })
+            }).perform();
+            _context7.next = 3;
+            return delay(500);
+          case 3:
+            _context7.next = 5;
+            return this.takeScreenshot();
+          case 5:
+            hovered = _context7.sent;
+            this.browser.actions({
+              bridge: true
+            }).move({
+              x: 1000,
+              y: 700
+            }).perform();
+            _context7.next = 9;
+            return delay(3000);
+          case 9:
+            _context7.next = 11;
+            return this.takeScreenshot();
+          case 11:
+            withoutHover = _context7.sent;
+            _context7.next = 14;
+            return this.expect({
+              hovered: hovered,
+              withoutHover: withoutHover
+            }).to.matchImages();
+          case 14:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7, this);
+    })));
+  });
+  story('NeverShowScrollBar', function (_ref14) {
+    var setStoryParameters = _ref14.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'themes dont affect logic': {
+          "in": /^(?!\b(firefox2022|chrome2022)\b)/
+        }
+      }
+    });
+  });
+  story('OffsetY', function (_ref15) {
+    var setStoryParameters = _ref15.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'themes dont affect logic': {
+          "in": /^(?!\bchrome2022\b)/
+        }
+      }
+    });
+  });
+  story('OffsetX', function (_ref16) {
+    var setStoryParameters = _ref16.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'themes dont affect logic': {
+          "in": /^(?!\bchrome2022\b)/
+        }
+      }
+    });
+  });
+  story('OffsetYAndX', function (_ref17) {
+    var setStoryParameters = _ref17.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'themes dont affect logic': {
+          "in": /^(?!\bchrome2022\b)/
+        }
+      }
+    });
+  });
+});

package/components/ScrollContainer/__creevey__/ScrollContainer.creevey/ScrollContainer.creevey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","kind","test","delay","_ref","setStoryParameters","captureElement","_asyncToGenerator","_regeneratorRuntime","mark","_callee","idle","addContent","scroll50","scroll100","removeContent","wrap","_callee$","_context","prev","next","takeScreenshot","sent","browser","actions","bridge","click","findElement","css","perform","expect","to","matchImages","stop","_ref3","_callee2","scroll0","_callee2$","_context2","_callee3","_callee3$","_context3","_ref6","_callee4","scrollTo","scrollToTop","scrollToLeft","scrollToBottom","scrollToRight","_callee4$","_context4","_ref8","skip","_callee5","_callee5$","_context5","t0","t1","call","matchImage","_ref10","_callee6","beforeScroll","duringScroll","afterScroll","_callee6$","_context6","executeScript","scrollContainer","window","document","querySelector","scrollTop","move","origin","_ref12","_callee7","hovered","withoutHover","_callee7$","_context7","x","y","_ref14","_ref15","_ref16","_ref17"],"sources":["ScrollContainer.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nimport { delay } from '../../../lib/utils';\n\nkind('ScrollContainer', () => {\n  story('WithDynamicContent', ({ setStoryParameters }) => {\n    setStoryParameters({ captureElement: '#test-container' });\n\n    test('changeContent', async function () {\n      const idle = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#add' }))\n        .perform();\n      const addContent = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll50' }))\n        .perform();\n      const scroll50 = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll100' }))\n        .perform();\n      const scroll100 = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#remove' }))\n        .perform();\n      const removeContent = await this.takeScreenshot();\n      await this.expect({ idle, addContent, scroll50, scroll100, removeContent }).to.matchImages();\n    });\n  });\n\n  story('WithOnlyCustomHorizontalScroll', ({ setStoryParameters }) => {\n    setStoryParameters({ captureElement: '#test-container' });\n\n    test('moveScroll', async function () {\n      const idle = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll50' }))\n        .perform();\n      const scroll50 = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll100' }))\n        .perform();\n      const scroll100 = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll0' }))\n        .perform();\n      const scroll0 = await this.takeScreenshot();\n      await this.expect({ idle, scroll50, scroll100, scroll0 }).to.matchImages();\n    });\n\n    test('changeContent', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#add' }))\n        .perform();\n      const addContent = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll50' }))\n        .perform();\n      const scroll50 = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll100' }))\n        .perform();\n      const scroll100 = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scroll0' }))\n        .perform();\n      const scroll0 = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#remove' }))\n        .perform();\n      const removeContent = await this.takeScreenshot();\n      await this.expect({ addContent, scroll50, scroll100, scroll0, removeContent }).to.matchImages();\n    });\n  });\n\n  story('WithScrollTo', ({ setStoryParameters }) => {\n    setStoryParameters({ captureElement: '#test-container' });\n\n    test('scrollTo', async function () {\n      const idle = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scrollTo' }))\n        .perform();\n      const scrollTo = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scrollToTop' }))\n        .perform();\n      const scrollToTop = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scrollToLeft' }))\n        .perform();\n      const scrollToLeft = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scrollToBottom' }))\n        .perform();\n      const scrollToBottom = await this.takeScreenshot();\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '#scrollToRight' }))\n        .perform();\n      const scrollToRight = await this.takeScreenshot();\n      await this.expect({\n        idle,\n        scrollTo,\n        scrollToTop,\n        scrollToBottom,\n        scrollToLeft,\n        scrollToRight,\n      }).to.matchImages();\n    });\n  });\n\n  story('ScrollBarVisibleAfterTogglingDisabled', ({ setStoryParameters }) => {\n    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\\bchrome2022\\b)/ } } });\n\n    test('toggleDisabled', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: '[data-tid=\"disable-button\"]' }))\n        .click(this.browser.findElement({ css: '[data-tid=\"disable-button\"]' }))\n        .perform();\n      await this.expect(await this.takeScreenshot()).to.matchImage('toggleDisabled');\n    });\n  });\n\n  story('ShowScrollBarOnScroll', ({ setStoryParameters }) => {\n    setStoryParameters({ skip: { 'themes dont affect logic': { in: /^(?!\\b(firefox2022|chrome2022)\\b)/ } } });\n\n    test('hideScroll', async function () {\n      const beforeScroll = await this.takeScreenshot();\n      await this.browser.executeScript(function () {\n        const scrollContainer = window.document.querySelector('[data-tid~=\"ScrollContainer__inner\"]');\n        if (scrollContainer) {\n          scrollContainer.scrollTop = 500;\n        }\n      });\n      this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({ origin: this.browser.findElement({ css: 'body' }) });\n      await delay(200);\n      const duringScroll = await this.takeScreenshot();\n      await delay(3000);\n      const afterScroll = await this.takeScreenshot();\n      await this.expect({ beforeScroll, duringScroll, afterScroll }).to.matchImages();\n    });\n  });\n\n  story('ShowScrollBarOnHover', ({ setStoryParameters }) => {\n    setStoryParameters({ skip: { 'hover works only in firefox': { in: /^(?!\\b(firefox2022)\\b)/ } } });\n\n    test('hideScroll', async function () {\n      this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({ css: '[data-tid~=\"ScrollContainer__root\"]' }),\n        })\n        .perform();\n      await delay(500);\n      const hovered = await this.takeScreenshot();\n      this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({ x: 1000, y: 700 })\n        .perform();\n      await delay(3000);\n      const withoutHover = await this.takeScreenshot();\n      await this.expect({ hovered, withoutHover }).to.matchImages();\n    });\n  });\n  story('NeverShowScrollBar', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'themes dont affect logic': { in: /^(?!\\b(firefox2022|chrome2022)\\b)/ } },\n    });\n  });\n  story('OffsetY', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'themes dont affect logic': { in: /^(?!\\bchrome2022\\b)/ } },\n    });\n  });\n  story('OffsetX', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'themes dont affect logic': { in: /^(?!\\bchrome2022\\b)/ } },\n    });\n  });\n  story('OffsetYAndX', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'themes dont affect logic': { in: /^(?!\\bchrome2022\\b)/ } },\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/components/ScrollContainer/__creevey__/ScrollContainer.creevey/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/ScrollContainer/__creevey__/ScrollContainer.creevey.js",
+  "module": "ScrollContainer.creevey",
+  "types": "../ScrollContainer.creevey.d.ts",
+  "sideEffects": false
+}

package/components/ScrollContainer/__creevey__/ScrollContainer.creevey.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ScrollContainer/__docs__/ScrollContainer.mdx

@@ -0,0 +1,24 @@
+import * as ScrollContainerStories from './ScrollContainer.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={ScrollContainerStories} />
+
+# ScrollContainer
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/ScrollContainer/index/index.js

@@ -0,0 +1 @@
+export * from "../ScrollContainer";