@prom-ui/core 0.0.12 → 0.0.13

package/Body/package.json

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

package/Box/package.json

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

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

@@ -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,6 +1,6 @@
 {
   "name": "@prom-ui/core/Button",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

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,174 @@
+'use strict';
+
+require("./style.css");
+
+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.13",
+  "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/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/OutsideClick/package.json

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

package/Picture/package.json

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

package/Portal/package.json

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

package/Rating/package.json

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

package/Scroll/package.json

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

package/Skeleton/package.json

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

package/Spinner/package.json

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

package/Text/package.json

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

package/TextEmoji/package.json

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

package/Tumbler/package.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "core ui blocks",
   "scripts": {
     "prebuild": "rm -rf dist && mkdir dist && cp -v package.json README.md CHANGELOG.md dist",
@@ -21,12 +21,14 @@
   },
   "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",
     "@prom-ui/hooks": "^0.0.3",
+    "@prom-ui/icons": "^0.0.5",
     "classnames": "2.3.1",
     "evokit": "3.2.3",
     "evokit-body": "3.2.0",
@@ -41,6 +43,7 @@
     "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": {
@@ -48,5 +51,5 @@
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "18dbf3d65450fa350dda6d8e741683b40c2de855"
+  "gitHead": "d98ac68fa5d224dc68cebadc95b2a03257f698c2"
 }