@prom-ui/core 0.0.12 → 0.0.15

package/Body/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Body/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Body",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-body": "3.2.0"
+    "evokit-body": "^3.2.0"
   }
 }

package/Box/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Box/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Box",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-box": "3.4.0"
+    "evokit-box": "^3.4.0"
   }
 }

package/Button/index.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-declare type Props = {
-    type?: string;
+export interface ButtonProps extends React.ComponentProps<"button"> {
     loading?: boolean;
-    children?: React.ReactNode;
-};
-export declare const Button: React.FC<Props>;
-export {};
+}
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "loading" | "type" | "children" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLButtonElement>>;

package/Button/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
@@ -78,7 +78,6 @@ var Button = React.forwardRef(function (_a, ref) {
 });
 Button.displayName = 'Button';
 Button.propTypes = {
-  type: PropTypes__default["default"].oneOf(['button', 'submit', 'reset']),
   loading: PropTypes__default["default"].bool
 };
 

package/Button/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Button",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-button": "3.0.1"
+    "evokit-button": "^3.0.1"
   }
 }

package/ButtonPageUp/index.d.ts

@@ -1,2 +1,11 @@
 import React from 'react';
-export declare const ButtonPageUp: React.NamedExoticComponent<object>;
+export declare type Props = {
+    scrollDelay?: number;
+    scrollOffset?: number;
+    scrollRef?: React.RefObject<HTMLElement>;
+    onClick?: (e: MouseEvent) => void;
+    margin?: number | string;
+    zIndex?: number;
+    children?: React.ReactNode;
+};
+export declare const ButtonPageUp: React.FC<Props>;

package/ButtonPageUp/index.js

@@ -0,0 +1,172 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var ttag = require('ttag');
+var tsDebounce = require('ts-debounce');
+var Portal = require('@prom-ui/core/Portal');
+var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
+var ArrowUp = require('@prom-ui/icons/ArrowUp');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+}
+
+var POSITION_FIXED = {
+  position: 'fixed',
+  right: 0,
+  bottom: 0,
+  width: '100%'
+};
+var POSITION_STICKY = {
+  position: 'sticky',
+  bottom: 0,
+  height: 0,
+  width: '100%'
+};
+var ButtonPageUp = React.memo(function (_a) {
+  var _b = _a.children,
+      children = _b === void 0 ? null : _b,
+      _c = _a.scrollDelay,
+      scrollDelay = _c === void 0 ? 100 : _c,
+      _d = _a.scrollOffset,
+      scrollOffset = _d === void 0 ? 100 : _d,
+      _e = _a.scrollRef,
+      scrollRef = _e === void 0 ? null : _e,
+      _f = _a.onClick,
+      onClick = _f === void 0 ? function () {} : _f,
+      _g = _a.margin,
+      margin = _g === void 0 ? '0 18px 18px 0' : _g,
+      _h = _a.zIndex,
+      zIndex = _h === void 0 ? 10 : _h,
+      props = __rest(_a, ["children", "scrollDelay", "scrollOffset", "scrollRef", "onClick", "margin", "zIndex"]);
+
+  var _j = React.useState(false),
+      visible = _j[0],
+      setVisible = _j[1];
+
+  var getRootElement = function () {
+    return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.documentElement;
+  };
+
+  var handleScrollToTop = function (e) {
+    if (typeof onClick === 'function') {
+      onClick(e);
+    }
+
+    getRootElement().scroll({
+      top: 0,
+      behavior: 'smooth'
+    });
+  };
+
+  var handleSetVisible = tsDebounce.debounce(function () {
+    var rootElement = getRootElement();
+    var isScrollAllow = rootElement.scrollHeight - rootElement.clientHeight > 0;
+    var isScrollСorrect = rootElement.scrollTop >= scrollOffset;
+    setVisible(isScrollAllow && isScrollСorrect);
+  }, scrollDelay);
+  React.useEffect(function () {
+    var rootElement = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document;
+    rootElement.addEventListener('resize', handleSetVisible);
+    rootElement.addEventListener('scroll', handleSetVisible);
+    handleSetVisible();
+    return function () {
+      rootElement.removeEventListener('resize', handleSetVisible);
+      rootElement.removeEventListener('scroll', handleSetVisible);
+    };
+  }, []);
+  if (!visible) return null;
+  var Parent = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) ? React.Fragment : Portal.Portal;
+  var positionStyle = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) ? POSITION_STICKY : POSITION_FIXED;
+  return React__default["default"].createElement(Parent, null, React__default["default"].createElement("div", {
+    style: __assign(__assign({}, positionStyle), {
+      zIndex: zIndex
+    })
+  }, React__default["default"].createElement(Button.Button, __assign({
+    "button-padding": 'xs',
+    "button-theme": 'white',
+    "button-round": 'full',
+    "aria-label": ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0432\u0435\u0440\u0445"], ["\u041D\u0430\u0432\u0435\u0440\u0445"])))
+  }, props, {
+    style: {
+      position: 'absolute',
+      right: 0,
+      bottom: 0,
+      margin: margin
+    },
+    onClick: handleScrollToTop
+  }), children || React__default["default"].createElement(Icon.Icon, {
+    "icon-as": ArrowUp.ArrowUp,
+    style: {
+      width: 24,
+      height: 24
+    }
+  }))));
+});
+ButtonPageUp.propTypes = {
+  /** Задержка в `ms` */
+  scrollDelay: PropTypes__default["default"].number,
+
+  /** Смещение скрола для отображения в `px` */
+  scrollOffset: PropTypes__default["default"].number,
+
+  /** Для аналитики */
+  onClick: PropTypes__default["default"].func,
+
+  /** Внешние отступы */
+  margin: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+
+  /** CSS z-index */
+  zIndex: PropTypes__default["default"].number
+};
+var templateObject_1;
+
+exports.ButtonPageUp = ButtonPageUp;

package/ButtonPageUp/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@prom-ui/core/ButtonPageUp",
+  "version": "0.0.15",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@prom-ui/icons": "^0.0.5",
+    "ts-debounce": "^4.0.0",
+    "ttag": "^1.7.24"
+  }
+}

package/Checkbox/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Checkbox/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@prom-ui/core/Checkbox",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "classnames": "2.3.1",
-    "react-transition-group": "4.4.2"
+    "classnames": "^2.3.1",
+    "react-transition-group": "^4.4.2"
   }
 }

package/Flex/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Flex/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Flex",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-flex": "3.2.1"
+    "evokit-flex": "^3.2.1"
   }
 }

package/Grid/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Grid/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Grid",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-grid": "3.3.0"
+    "evokit-grid": "^3.3.0"
   }
 }

package/Icon/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Icon/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Icon",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit": "3.2.3"
+    "evokit": "^3.2.3"
   }
 }

package/Image/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Image/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Image",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-image": "3.2.0"
+    "evokit-image": "^3.2.0"
   }
 }

package/ImageEmoji/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/ImageEmoji",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@evo/emoji": "0.2.0"
+    "@evo/emoji": "^0.2.0"
   }
 }

package/Input/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Input/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Input",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit": "3.2.3"
+    "evokit": "^3.2.3"
   }
 }

package/KeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/KeyPress",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Line/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Line/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Line",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-line": "3.1.0"
+    "evokit-line": "^3.1.0"
   }
 }

package/Link/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Link/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Link",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-link": "3.2.0"
+    "evokit-link": "^3.2.0"
   }
 }

package/List/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/List/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/List",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-list": "3.3.0"
+    "evokit-list": "^3.3.0"
   }
 }

package/OutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/OutsideClick",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Picture/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Picture/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Picture",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-picture": "3.2.0"
+    "evokit-picture": "^3.2.0"
   }
 }

package/Portal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Portal",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Rating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Rating/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Rating",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit": "3.2.3"
+    "evokit": "^3.2.3"
   }
 }

package/Scroll/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Scroll/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Scroll",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit": "3.2.3"
+    "evokit": "^3.2.3"
   }
 }

package/ScrollControls/ScrollControlsButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type tScrollControlsButton = {
+    hideOnDisabled?: boolean;
+    children?: any;
+    isActive?: boolean;
+    onClickNext?: () => void;
+    onClickPrev?: () => void;
+    theme?: 'white' | 'gray';
+    zIndex?: number;
+    scrollRef: React.RefObject<HTMLElement>;
+};
+export declare const ScrollControlsButton: React.FC<tScrollControlsButton>;

package/ScrollControls/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { tScrollControlsButton } from './ScrollControlsButton';
+export declare type tScrollControls = tScrollControlsButton & {
+    className?: string;
+    children: (ref: React.RefObject<HTMLElement>) => void;
+    showOnHover?: boolean;
+};
+export declare const ScrollControls: React.FC<tScrollControls>;

package/ScrollControls/index.js

@@ -0,0 +1,250 @@
+'use strict';
+
+require('./style.css');
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var classNames = require('classnames');
+var ttag = require('ttag');
+var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
+var Left = require('@prom-ui/icons/Left');
+var Right = require('@prom-ui/icons/Right');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+}
+
+var css = {"root":"ScrollControls__root___mOlOq","buttonCommon":"ScrollControls__buttonCommon___rZcyK","prev":"ScrollControls__prev___cF2KB ScrollControls__buttonCommon___rZcyK","next":"ScrollControls__next___9B-9g ScrollControls__buttonCommon___rZcyK","icon":"ScrollControls__icon___lzBzL","showOnHover":"ScrollControls__showOnHover___StbVV","hideOnDisabled":"ScrollControls__hideOnDisabled___IONkE"};
+
+var DIRECTION_NEXT = 1;
+var DIRECTION_PREV = -1;
+var CONTROLS_UPDATE_DELAY = 100;
+var ScrollControlsButton = function (_a) {
+  var _b, _c;
+
+  var scrollRef = _a.scrollRef,
+      _d = _a.hideOnDisabled,
+      hideOnDisabled = _d === void 0 ? false : _d,
+      _e = _a.isActive,
+      isActive = _e === void 0 ? true : _e,
+      onClickNext = _a.onClickNext,
+      onClickPrev = _a.onClickPrev,
+      zIndex = _a.zIndex,
+      _f = _a.theme,
+      theme = _f === void 0 ? 'white' : _f,
+      children = _a.children;
+  var updateControlsTimer = React.useRef(null);
+
+  var _g = React.useState({
+    prev: false,
+    next: false
+  }),
+      controlsVisible = _g[0],
+      setControlsVisible = _g[1];
+
+  var updateControlsVisible = function (nextScrollLeft) {
+    var _a = scrollRef.current,
+        scrollLeft = _a.scrollLeft,
+        scrollWidth = _a.scrollWidth,
+        clientWidth = _a.clientWidth;
+    var currentScrollLeft = (Number.isInteger(nextScrollLeft) ? nextScrollLeft : scrollLeft) || 0;
+    setControlsVisible({
+      prev: currentScrollLeft > 1,
+      next: currentScrollLeft < scrollWidth - clientWidth
+    });
+  };
+
+  var updateScrollLeft = function (direction) {
+    var _a = scrollRef.current,
+        scrollLeft = _a.scrollLeft,
+        clientWidth = _a.clientWidth;
+    var offset = clientWidth * direction;
+    updateControlsVisible(scrollLeft + offset);
+    requestAnimationFrame(function () {
+      if (scrollRef.current) {
+        scrollRef.current.scrollBy({
+          left: offset,
+          behavior: 'smooth'
+        });
+      }
+    });
+  };
+
+  var handleOnClickPrev = function () {
+    if (typeof onClickPrev === 'function') {
+      onClickPrev();
+    }
+
+    updateScrollLeft(DIRECTION_PREV);
+  };
+
+  var handleOnClickNext = function () {
+    if (typeof onClickNext === 'function') {
+      onClickNext();
+    }
+
+    updateScrollLeft(DIRECTION_NEXT);
+  };
+
+  var handleOnScroll = function () {
+    if (updateControlsTimer.current) {
+      clearTimeout(updateControlsTimer.current);
+    }
+
+    updateControlsTimer.current = setTimeout(updateControlsVisible, CONTROLS_UPDATE_DELAY);
+  };
+
+  React.useEffect(function () {
+    if (scrollRef.current && isActive) {
+      updateControlsVisible();
+      scrollRef.current.addEventListener('scroll', handleOnScroll);
+    }
+
+    return function () {
+      if (scrollRef.current && isActive) {
+        scrollRef.current.removeEventListener('scroll', handleOnScroll);
+      }
+    };
+  }, [isActive, children]);
+
+  if (isActive && (controlsVisible.prev || controlsVisible.next)) {
+    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(Button.Button, {
+      "button-theme": theme,
+      "button-round": 'xs',
+      "button-weight": 'normal',
+      "button-padding": 'none xxs',
+      className: classNames__default["default"](css.prev, (_b = {}, _b[css.hideOnDisabled] = hideOnDisabled, _b)),
+      onClick: handleOnClickPrev,
+      style: {
+        zIndex: zIndex
+      },
+      disabled: !controlsVisible.prev,
+      title: ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"])))
+    }, React__default["default"].createElement(Icon.Icon, {
+      className: css.icon,
+      "icon-as": Left.Left
+    })), React__default["default"].createElement(Button.Button, {
+      "button-theme": theme,
+      "button-round": 'xs',
+      "button-weight": 'normal',
+      "button-padding": 'none xxs',
+      className: classNames__default["default"](css.next, (_c = {}, _c[css.hideOnDisabled] = hideOnDisabled, _c)),
+      onClick: handleOnClickNext,
+      style: {
+        zIndex: zIndex
+      },
+      disabled: !controlsVisible.next,
+      title: ttag.t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0414\u0430\u043B\u0435\u0435"], ["\u0414\u0430\u043B\u0435\u0435"])))
+    }, React__default["default"].createElement(Icon.Icon, {
+      className: css.icon,
+      "icon-as": Right.Right
+    })));
+  }
+
+  return null;
+};
+var templateObject_1, templateObject_2;
+
+var ScrollControls = React.forwardRef(function (_a, ref) {
+  var _b;
+
+  var children = _a.children,
+      className = _a.className,
+      _c = _a.hideOnDisabled,
+      hideOnDisabled = _c === void 0 ? false : _c,
+      _d = _a.isActive,
+      isActive = _d === void 0 ? true : _d,
+      onClickNext = _a.onClickNext,
+      onClickPrev = _a.onClickPrev,
+      _e = _a.showOnHover,
+      showOnHover = _e === void 0 ? false : _e,
+      zIndex = _a.zIndex,
+      _f = _a.theme,
+      theme = _f === void 0 ? 'white' : _f,
+      props = __rest(_a, ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex", "theme"]);
+
+  var scrollRef = React.useRef(null);
+  return React__default["default"].createElement("div", __assign({
+    ref: ref,
+    className: classNames__default["default"](css.root, className, (_b = {}, _b[css.showOnHover] = showOnHover, _b))
+  }, props), children(scrollRef), React__default["default"].createElement(ScrollControlsButton, {
+    scrollRef: scrollRef,
+    hideOnDisabled: hideOnDisabled,
+    isActive: isActive,
+    onClickNext: onClickNext,
+    onClickPrev: onClickPrev,
+    zIndex: zIndex,
+    theme: theme
+  }, children));
+});
+ScrollControls.propTypes = {
+  /** Принимает children как функцию, `(scrollRef) =>` */
+  // children: PropTypes.func.isRequired,
+
+  /** Если передать `false` компонент перестанет работать */
+  isActive: PropTypes__default["default"].bool,
+  onClickNext: PropTypes__default["default"].func,
+  onClickPrev: PropTypes__default["default"].func,
+
+  /** Показывать при наведении */
+  showOnHover: PropTypes__default["default"].bool,
+
+  /** Скрыть если не активно */
+  hideOnDisabled: PropTypes__default["default"].bool,
+
+  /** Устанавливает z-index кнопкам */
+  zIndex: PropTypes__default["default"].number,
+
+  /** Устанавливает цвет кнопок */
+  theme: PropTypes__default["default"].oneOf(['white', 'gray'])
+};
+
+exports.ScrollControls = ScrollControls;

package/ScrollControls/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@prom-ui/core/ScrollControls",
+  "version": "0.0.15",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@prom-ui/icons": "^0.0.5",
+    "classnames": "^2.3.1",
+    "ttag": "^1.7.24"
+  }
+}

package/ScrollControls/style.css

@@ -0,0 +1 @@
+.ScrollControls__root___mOlOq{position:relative;overflow:hidden}.ScrollControls__buttonCommon___rZcyK{position:absolute;top:50%;transform:translateY(-50%);border:0;box-shadow:0 0 10px rgba(0,0,0,.08);height:66px;max-width:30px;max-height:50%;min-height:24px}.ScrollControls__buttonCommon___rZcyK:disabled{opacity:.3;pointer-events:auto}.ScrollControls__buttonCommon___rZcyK:active{background:var(--black-200)}.ScrollControls__prev___cF2KB{left:0;margin-left:var(--pds-spacing-xs)}.ScrollControls__next___9B-9g{right:0;margin-right:var(--pds-spacing-xs)}.ScrollControls__icon___lzBzL{display:block;width:auto;height:24px;fill:currentColor;max-height:80%}.ScrollControls__showOnHover___StbVV .ScrollControls__next___9B-9g{right:-40px}.ScrollControls__showOnHover___StbVV .ScrollControls__prev___cF2KB{left:-40px}.ScrollControls__hideOnDisabled___IONkE:disabled{opacity:0;pointer-events:none;visibility:hidden}@media (hover:hover){.ScrollControls__showOnHover___StbVV:hover .ScrollControls__next___9B-9g{right:0}.ScrollControls__showOnHover___StbVV:hover .ScrollControls__prev___cF2KB{left:0}}

package/Skeleton/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Skeleton/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Skeleton",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit": "3.2.3"
+    "evokit": "^3.2.3"
   }
 }

package/Spinner/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Spinner/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Spinner",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit": "3.2.3"
+    "evokit": "^3.2.3"
   }
 }

package/Text/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Text/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/Text",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "evokit-text": "3.2.0"
+    "evokit-text": "^3.2.0"
   }
 }

package/TextEmoji/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@prom-ui/core/TextEmoji",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@evo/emoji-text": "0.1.1"
+    "@evo/emoji-text": "^0.1.1"
   }
 }

package/Tumbler/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require("./style.css");
+require('./style.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/Tumbler/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "classnames": "2.3.1",
-    "react-transition-group": "4.4.2"
+    "classnames": "^2.3.1",
+    "react-transition-group": "^4.4.2"
   }
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.12",
+  "version": "0.0.15",
   "description": "core ui blocks",
   "scripts": {
-    "prebuild": "rm -rf dist && mkdir dist && cp -v package.json README.md CHANGELOG.md dist",
+    "prebuild": "node ./preBuild.js",
     "build": "rollup --config ./rollup.config.js",
     "watch": "rollup --config ./rollup.config.js --watch",
     "prepublishOnly": "npm run build"
@@ -21,32 +21,35 @@
   },
   "devDependencies": {
     "@prom-ui/core": "file:../core/src",
-    "@prom-ui/hooks": "file:../hooks/src"
+    "@prom-ui/hooks": "file:../hooks/src",
+    "@prom-ui/icons": "file:../icons/src"
   },
   "dependencies": {
-    "@evo/emoji": "0.2.0",
-    "@evo/emoji-text": "0.1.1",
+    "@evo/emoji": "^0.2.0",
+    "@evo/emoji-text": "^0.1.1",
     "@prom-ui/hooks": "^0.0.3",
-    "classnames": "2.3.1",
-    "evokit": "3.2.3",
-    "evokit-body": "3.2.0",
-    "evokit-box": "3.4.0",
-    "evokit-button": "3.0.1",
-    "evokit-flex": "3.2.1",
-    "evokit-grid": "3.3.0",
-    "evokit-image": "3.2.0",
-    "evokit-line": "3.1.0",
-    "evokit-link": "3.2.0",
-    "evokit-list": "3.3.0",
-    "evokit-picture": "3.2.0",
-    "evokit-text": "3.2.0",
-    "react-transition-group": "4.4.2",
-    "ttag": "1.7.24"
+    "@prom-ui/icons": "^0.0.5",
+    "classnames": "^2.3.1",
+    "evokit": "^3.2.3",
+    "evokit-body": "^3.2.0",
+    "evokit-box": "^3.4.0",
+    "evokit-button": "^3.0.1",
+    "evokit-flex": "^3.2.1",
+    "evokit-grid": "^3.3.0",
+    "evokit-image": "^3.2.0",
+    "evokit-line": "^3.1.0",
+    "evokit-link": "^3.2.0",
+    "evokit-list": "^3.3.0",
+    "evokit-picture": "^3.2.0",
+    "evokit-text": "^3.2.0",
+    "react-transition-group": "^4.4.2",
+    "ts-debounce": "^4.0.0",
+    "ttag": "^1.7.24"
   },
   "peerDependencies": {
     "prop-types": "*",
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "18dbf3d65450fa350dda6d8e741683b40c2de855"
+  "gitHead": "3ed8c99286317e2dc2af76b20a61d27c5fdc3709"
 }