@prom-ui/core 0.0.22 → 0.0.30

package/Scroll/index.js

@@ -1,79 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var PropTypes = require('prop-types');
-var evokit = require('evokit');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/index.production.js');
+} else {
+  module.exports = require('./cjs/index.development.js');
 }
-
-var css = {"ek-scroll":"Scroll__ek-scroll___m6Vr5","ek-scroll__item":"Scroll__ek-scroll__item___bfetG","ek-scroll__item_blackhole_width-fit-content":"Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo","ek-scroll__item_blackhole_width-max-content":"Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl","ek-scroll_padding_xxs":"Scroll__ek-scroll_padding_xxs___9vZpV","ek-scroll_padding_xs":"Scroll__ek-scroll_padding_xs___L5kMA","ek-scroll_padding_s":"Scroll__ek-scroll_padding_s___Nr3Ig","ek-scroll_padding_m":"Scroll__ek-scroll_padding_m___hcRCz","ek-scroll_padding_l":"Scroll__ek-scroll_padding_l___SKeiS","ek-scroll_padding_xl":"Scroll__ek-scroll_padding_xl___MG4J-","ek-scroll_padding_xxl":"Scroll__ek-scroll_padding_xxl___m8ou2","ek-scroll_padding_3xl":"Scroll__ek-scroll_padding_3xl___xy72W","ek-scroll_padding_4xl":"Scroll__ek-scroll_padding_4xl___gzW-I","ek-scroll_padding_5xl":"Scroll__ek-scroll_padding_5xl___JErmt","ek-scroll_column_1":"Scroll__ek-scroll_column_1___n5mTi","ek-scroll_column_2":"Scroll__ek-scroll_column_2___GqdmF","ek-scroll_column_3":"Scroll__ek-scroll_column_3___DKZCp","ek-scroll_column_4":"Scroll__ek-scroll_column_4___-Nf-L","ek-scroll_column_5":"Scroll__ek-scroll_column_5___OxDq-","ek-scroll_column_6":"Scroll__ek-scroll_column_6___wP8Pu","ek-scroll_column_7":"Scroll__ek-scroll_column_7___-ZDSB","ek-scroll_column_8":"Scroll__ek-scroll_column_8___PnnsU","ek-scroll_column_9":"Scroll__ek-scroll_column_9___DDqgb","ek-scroll_column_10":"Scroll__ek-scroll_column_10___Hh-uZ","ek-scroll_gap_xxs":"Scroll__ek-scroll_gap_xxs___15vfK","ek-scroll_gap_xs":"Scroll__ek-scroll_gap_xs___Kvr2J","ek-scroll_gap_s":"Scroll__ek-scroll_gap_s___71-or","ek-scroll_gap_m":"Scroll__ek-scroll_gap_m___glUvB","ek-scroll_gap_l":"Scroll__ek-scroll_gap_l___pQC7Z","ek-scroll_gap_xl":"Scroll__ek-scroll_gap_xl___L1iAD","ek-scroll_gap_xxl":"Scroll__ek-scroll_gap_xxl___wVNm-","ek-scroll_gap_3xl":"Scroll__ek-scroll_gap_3xl___4tQXK","ek-scroll_gap_4xl":"Scroll__ek-scroll_gap_4xl___1-5dw","ek-scroll_gap_5xl":"Scroll__ek-scroll_gap_5xl___ym2qM","ek-scroll_bar_none":"Scroll__ek-scroll_bar_none___c1gVV","ek-scroll_bar_auto":"Scroll__ek-scroll_bar_auto___-TbaH","ek-scroll_align_normal":"Scroll__ek-scroll_align_normal___zoDjM","ek-scroll_align_start":"Scroll__ek-scroll_align_start___4mACC","ek-scroll_align_center":"Scroll__ek-scroll_align_center___3PWHW","ek-scroll_align_end":"Scroll__ek-scroll_align_end___AwLLA"};
-
-var _a;
-var Scroll = evokit.createBlock('ul', 'scroll', ['align', 'bar', 'column', 'gap', 'padding'], {
-  css: css
-});
-Scroll.Item = evokit.createBlock('li', 'scroll__item', [], {
-  css: css
-}); // Only for StyleGuide
-
-var StyleGuide =
-/** @class */
-function (_super) {
-  __extends(StyleGuide, _super);
-
-  function StyleGuide() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  StyleGuide.prototype.render = function () {
-    return null;
-  };
-
-  StyleGuide.displayName = 'Scroll';
-  StyleGuide.propTypes = (_a = {},
-  /** Скрыть/показать полосу прокрутки */
-  _a['scroll-bar'] = PropTypes__default["default"].oneOf(['none', 'auto']),
-  /** Выравнивание ячеек по горизонтальной оси */
-  _a['scroll-align'] = PropTypes__default["default"].oneOf(['start', 'center', 'end', 'normal']), _a['scroll-column'] = PropTypes__default["default"].oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']), _a['scroll-gap'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a['scroll-padding'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a);
-  return StyleGuide;
-}(react.Component);
-
-exports.Scroll = Scroll;
-exports.StyleGuide = StyleGuide;
-
-require('./style.css');

package/Scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Scroll",
-  "version": "0.0.22",
+  "version": "0.0.30",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ScrollControls/cjs/index.development.js

@@ -0,0 +1,243 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+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 }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+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 () {
+    clearTimeout(updateControlsTimer.current || 0);
+    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__namespace.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__namespace.useRef(null);
+  return React__namespace.createElement("div", __assign({
+    ref: ref,
+    className: classNames__default["default"](css.root, className, (_b = {}, _b[css.showOnHover] = showOnHover, _b))
+  }, props), children(scrollRef), React__namespace.createElement(ScrollControlsButton, {
+    scrollRef: scrollRef,
+    hideOnDisabled: hideOnDisabled,
+    isActive: isActive,
+    onClickNext: onClickNext,
+    onClickPrev: onClickPrev,
+    zIndex: zIndex,
+    theme: theme
+  }, children));
+});
+
+exports.ScrollControls = ScrollControls;
+
+require('./style.development.css');

package/ScrollControls/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("ttag"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/icons/Left"),c=require("@prom-ui/icons/Right");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(e),s=u(e),f=l(t),d=function(){return d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var m,p,b="mOlOq",h="cF2KB rZcyK",O="_9B-9g rZcyK",y="lzBzL",x="StbVV",g="IONkE",j=function(t){var l,u,s=t.scrollRef,d=t.hideOnDisabled,b=void 0!==d&&d,x=t.isActive,j=void 0===x||x,w=t.onClickNext,E=t.onClickPrev,N=t.zIndex,P=t.theme,k=void 0===P?"white":P,I=t.children,C=e.useRef(null),q=e.useState({prev:!1,next:!1}),z=q[0],B=q[1],L=function(e){var t=s.current,r=t.scrollLeft,n=t.scrollWidth,o=t.clientWidth,i=(Number.isInteger(e)?e:r)||0;B({prev:i>1,next:i<n-o})},R=function(e){var t=s.current,r=t.scrollLeft,n=t.clientWidth*e;L(r+n),requestAnimationFrame((function(){s.current&&s.current.scrollBy({left:n,behavior:"smooth"})}))},A=function(){clearTimeout(C.current||0),C.current=setTimeout(L,100)};return e.useEffect((function(){return s.current&&j&&(L(),s.current.addEventListener("scroll",A)),function(){s.current&&j&&s.current.removeEventListener("scroll",A)}}),[j,I]),j&&(z.prev||z.next)?a.default.createElement(a.default.Fragment,null,a.default.createElement(n.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(h,(l={},l[g]=b,l)),onClick:function(){"function"==typeof E&&E(),R(-1)},style:{zIndex:N},disabled:!z.prev,title:r.t(m||(m=v(["Назад"],["Назад"])))},a.default.createElement(o.Icon,{className:y,"icon-as":i.Left})),a.default.createElement(n.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(O,(u={},u[g]=b,u)),onClick:function(){"function"==typeof w&&w(),R(1)},style:{zIndex:N},disabled:!z.next,title:r.t(p||(p=v(["Далее"],["Далее"])))},a.default.createElement(o.Icon,{className:y,"icon-as":c.Right}))):null},w=s.forwardRef((function(e,t){var r,n=e.children,o=e.className,i=e.hideOnDisabled,c=void 0!==i&&i,l=e.isActive,u=void 0===l||l,a=e.onClickNext,v=e.onClickPrev,m=e.showOnHover,p=void 0!==m&&m,h=e.zIndex,O=e.theme,y=void 0===O?"white":O,g=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex","theme"]),w=s.useRef(null);return s.createElement("div",d({ref:t,className:f.default(b,o,(r={},r[x]=p,r))},g),n(w),s.createElement(j,{scrollRef:w,hideOnDisabled:c,isActive:u,onClickNext:a,onClickPrev:v,zIndex:h,theme:y},n))}));exports.ScrollControls=w,require("./style.production.css");

package/ScrollControls/cjs/style.development.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/ScrollControls/cjs/style.production.css

@@ -0,0 +1 @@
+.mOlOq{position:relative;overflow:hidden}.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}.rZcyK:disabled{opacity:.3;pointer-events:auto}.rZcyK:active{background:var(--black-200)}.cF2KB{left:0;margin-left:var(--pds-spacing-xs)}._9B-9g{right:0;margin-right:var(--pds-spacing-xs)}.lzBzL{display:block;width:auto;height:24px;fill:currentColor;max-height:80%}.StbVV ._9B-9g{right:-40px}.StbVV .cF2KB{left:-40px}.IONkE:disabled{opacity:0;pointer-events:none;visibility:hidden}@media (hover:hover){.StbVV:hover ._9B-9g{right:0}.StbVV:hover .cF2KB{left:0}}

package/ScrollControls/index.d.ts

@@ -1,8 +1,18 @@
-import React from 'react';
-import { tScrollControlsButton } from './ScrollControlsButton';
-export declare type tScrollControls = tScrollControlsButton & {
-    className?: string;
-    children: (ref: React.RefObject<HTMLElement>) => void;
+import * as React from 'react';
+export declare type ScrollControlsProps = React.ComponentProps<"div"> & {
+    /** Принимает children как функцию, `(scrollRef) =>` */
+    children: (ref: React.RefObject<HTMLElement>) => any;
+    /** Показывать при наведении */
     showOnHover?: boolean;
+    /** Скрыть если не активно */
+    hideOnDisabled?: boolean;
+    /** Если передать `false` компонент перестанет работать */
+    isActive?: boolean;
+    onClickNext?: () => void;
+    onClickPrev?: () => void;
+    /** Устанавливает цвет кнопок */
+    theme?: 'white' | 'gray';
+    /** Устанавливает z-index кнопкам */
+    zIndex?: number;
 };
-export declare const ScrollControls: React.FC<tScrollControls>;
+export declare const ScrollControls: React.ForwardRefExoticComponent<Pick<ScrollControlsProps, "hideOnDisabled" | "isActive" | "onClickNext" | "onClickPrev" | "showOnHover" | "zIndex" | "theme" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;

package/ScrollControls/index.js

@@ -1,247 +1,7 @@
 'use strict';
 
-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;
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/index.production.js');
+} else {
+  module.exports = require('./cjs/index.development.js');
 }
-
-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 () {
-    clearTimeout(updateControlsTimer.current || 0);
-    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;
-
-require('./style.css');

package/ScrollControls/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@prom-ui/core/ScrollControls",
-  "version": "0.0.22",
+  "version": "0.0.30",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
     "*.css"
   ],
   "dependencies": {
-    "@prom-ui/icons": "^0.0.5",
     "classnames": "^2.3.1",
     "ttag": "^1.7.24"
   }