@prom-ui/core 0.0.21 → 0.0.24

package/Body/package.json

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

package/Box/package.json

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

package/Button/package.json

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

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/Media/breakpoints.d.ts

@@ -0,0 +1,17 @@
+export declare const MIN_SCREEN_WIDTH = 1;
+export declare const SCREEN_BREAKPOINTS: {
+    small: number;
+    medium: number;
+    large: number;
+    wide: number;
+    huge: number;
+};
+export declare type tSCREEN_BREAKPOINTS = keyof typeof SCREEN_BREAKPOINTS;
+export declare const SCREEN_BREAKPOINTS_PROXY: {
+    small: number;
+    medium: number;
+    large: number;
+    wide: number;
+    huge: number;
+};
+export declare const getBreakPoint: (key: tSCREEN_BREAKPOINTS) => number;

package/Media/context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { tSCREEN_BREAKPOINTS } from './breakpoints';
+export declare type tMediaProviderProps = {
+    children?: React.ReactNode;
+    resetOnMount?: boolean;
+    width?: tSCREEN_BREAKPOINTS;
+};
+export declare const MediaProvider: React.FC<tMediaProviderProps>;

package/Media/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { tSCREEN_BREAKPOINTS } from './breakpoints';
+declare type tUseMedia = (arg: {
+    minWidth?: tSCREEN_BREAKPOINTS;
+    maxWidth?: tSCREEN_BREAKPOINTS;
+}) => boolean;
+export declare const useMedia: tUseMedia;
+declare type tMedia = (props: {
+    minWidth?: tSCREEN_BREAKPOINTS;
+    maxWidth?: tSCREEN_BREAKPOINTS;
+    children?: React.ReactNode;
+}) => React.ReactNode;
+export declare const Media: tMedia;
+export {};

package/Media/index.js

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactResponsive = require('react-responsive');
+
+var MIN_SCREEN_WIDTH = 1;
+var SCREEN_BREAKPOINTS = {
+  small: 480,
+  medium: 768,
+  large: 960,
+  wide: 1200,
+  huge: 1400
+};
+var SCREEN_BREAKPOINTS_PROXY = new Proxy(SCREEN_BREAKPOINTS, {
+  get: function (target, key) {
+    if (!target.hasOwnProperty(key)) {
+      var keyListStr = JSON.stringify(Object.keys(target));
+      throw new Error("Media received unknown width \"".concat(key, "\". You should use one of ").concat(keyListStr));
+    }
+
+    return target[key];
+  }
+});
+var getBreakPoint = function (key) {
+  // Use proxy in debug mode, to ensure that we are reading only existing breakpoints
+  if (process.env.NODE_ENV !== 'production') {
+    return SCREEN_BREAKPOINTS_PROXY[key];
+  }
+
+  return SCREEN_BREAKPOINTS[key];
+};
+
+// import PropTypes from 'prop-types';
+var useMedia = function (_a) {
+  var minWidth = _a.minWidth,
+      maxWidth = _a.maxWidth;
+  return reactResponsive.useMediaQuery({
+    minWidth: minWidth ? getBreakPoint(minWidth) : MIN_SCREEN_WIDTH,
+    maxWidth: maxWidth ? getBreakPoint(maxWidth) - 1 : undefined
+  });
+};
+var Media = function (_a) {
+  var minWidth = _a.minWidth,
+      maxWidth = _a.maxWidth,
+      children = _a.children;
+  var matchMedia = useMedia({
+    minWidth: minWidth,
+    maxWidth: maxWidth
+  });
+
+  if (matchMedia) {
+    return children;
+  }
+
+  return null;
+}; // Media.propTypes = {
+//     minWidth: PropTypes.oneOf([
+//         'small',
+//         'medium',
+//         'large',
+//         'wide',
+//         'huge',
+//     ]),
+//     maxWidth: PropTypes.oneOf([
+//         'small',
+//         'medium',
+//         'large',
+//         'wide',
+//         'huge',
+//     ]),
+// };
+
+exports.Media = Media;
+exports.useMedia = useMedia;

package/Media/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@prom-ui/core/Media",
+  "version": "0.0.24",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "react-responsive": "^8.1.0"
+  }
+}

package/OutsideClick/package.json

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

package/Picture/package.json

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

package/PortableOverlay/package.json

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

package/Portal/package.json

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

package/Rating/package.json

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

package/SafeQuery/components/Error.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type tSafeQueryErrorProps = {
+    componentErrorName: string;
+    onReload: () => void;
+};
+export declare const SafeQueryError: React.FC<tSafeQueryErrorProps>;
+export {};

package/SafeQuery/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type tSafeQueryProps = {
+    componentErrorName?: string;
+    onReload?: () => void;
+    children: (arg: any) => JSX.Element;
+};
+export declare const SafeQuery: React.FC<tSafeQueryProps>;

package/SafeQuery/index.js

@@ -0,0 +1,176 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var components = require('@apollo/client/react/components');
+var errcatch = require('@evo/errcatch');
+var Box = require('@prom-ui/core/Box');
+var Button = require('@prom-ui/core/Button');
+var Text = require('@prom-ui/core/Text');
+
+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;
+}
+
+var css = {"root":"SafeQuery__root___RWb3q"};
+
+var SafeQueryError = function (_a) {
+  var componentErrorName = _a.componentErrorName,
+      onReload = _a.onReload;
+
+  var _b = React.useState(false),
+      isHidden = _b[0],
+      setHidden = _b[1];
+
+  if (isHidden) {
+    return null;
+  }
+
+  if (process.env.NODE_ENV !== 'production') {
+    if (typeof window === 'undefined') return null;
+    return React__default["default"].createElement(Box.Box, {
+      className: css.root,
+      "box-background": 'red-500',
+      "box-padding": ['s m', 'm@large l@large'],
+      "box-position": 'relative',
+      "box-round": 'm',
+      "data-qaid": 'err_catch_trace'
+    }, React__default["default"].createElement(Box.Box, {
+      "box-margin-right": '5xl'
+    }, React__default["default"].createElement(Text.Text, {
+      "text-color": 'white'
+    }, "\u0412\u043E\u0437\u043D\u0438\u043A\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430:", ' ', React__default["default"].createElement(Text.Text, {
+      "text-weight": 'bold',
+      style: {
+        fontFamily: 'Consolas, "Liberation Mono", Menlo, monospace',
+        userSelect: 'all'
+      }
+    }, componentErrorName))), React__default["default"].createElement(Box.Box, {
+      "box-position": 'absolute center-right',
+      "box-margin-right": 's'
+    }, React__default["default"].createElement(Button.Button, {
+      "button-padding": 'xxs',
+      "button-theme": 'white-inherit',
+      onClick: onReload,
+      title: '\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C'
+    }, React__default["default"].createElement("svg", {
+      xmlns: 'http://www.w3.org/2000/svg',
+      viewBox: '0 0 18 18',
+      width: 18,
+      height: 18
+    }, React__default["default"].createElement("path", {
+      fill: '#fff',
+      d: 'M9 13.5c-2.49 0-4.5-2.01-4.5-4.5S6.51 4.5 9 4.5c1.24\n                                0 2.36.52 3.17 1.33L10 8h5V3l-1.76 1.76C12.15 3.68 10.66\n                                3 9 3 5.69 3 3.01 5.69 3.01 9S5.69 15 9 15c2.97 0\n                                5.43-2.16 5.9-5h-1.52c-.46 2-2.24 3.5-4.38 3.5z'
+    }))), React__default["default"].createElement(Button.Button, {
+      "button-padding": 'xxs',
+      "button-theme": 'white-inherit',
+      onClick: function () {
+        return setHidden(true);
+      },
+      title: '\u0421\u043A\u0440\u044B\u0442\u044C'
+    }, React__default["default"].createElement("svg", {
+      xmlns: 'http://www.w3.org/2000/svg',
+      viewBox: '0 0 24 24',
+      width: 18,
+      height: 18
+    }, React__default["default"].createElement("path", {
+      fill: '#fff',
+      d: 'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5\n                                17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'
+    })))));
+  }
+
+  return null;
+};
+SafeQueryError.propTypes = {
+  componentErrorName: PropTypes__default["default"].string.isRequired,
+  onReload: PropTypes__default["default"].func.isRequired
+};
+
+var SafeQuery = function (_a) {
+  var _b = _a.componentErrorName,
+      componentErrorName = _b === void 0 ? 'SafeQuery' : _b,
+      children = _a.children,
+      props = __rest(_a, ["componentErrorName", "children"]);
+
+  var _c = React.useState(false),
+      isReload = _c[0],
+      setReload = _c[1];
+
+  React.useEffect(function () {
+    if (isReload) {
+      setReload(false);
+    }
+  }, [isReload]);
+
+  if (isReload) {
+    return null;
+  }
+
+  var errorComponent = React__default["default"].createElement(SafeQueryError, {
+    componentErrorName: componentErrorName,
+    onReload: function () {
+      return setReload(true);
+    }
+  });
+  return React__default["default"].createElement(errcatch.ErrCatch, {
+    name: componentErrorName,
+    errorComponent: errorComponent
+  }, React__default["default"].createElement(components.Query, __assign({}, props), function (queryResult) {
+    var error = queryResult.error;
+    if (error) throw error;
+    return children(queryResult);
+  }));
+}; // SafeQuery.defaultProps = {
+//     componentErrorName: 'SafeQuery',
+// };
+
+SafeQuery.propTypes = {
+  /** Название компонента в тексте с ошибкой */
+  componentErrorName: PropTypes__default["default"].string // children: PropTypes.func.isRequired,
+
+};
+
+exports.SafeQuery = SafeQuery;
+
+require('./style.css');

package/SafeQuery/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@prom-ui/core/SafeQuery",
+  "version": "0.0.24",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "@evo/errcatch": "^1.0.2"
+  }
+}

package/SafeQuery/style.css

@@ -0,0 +1,4 @@
+
+    .SafeQuery__root___RWb3q + .SafeQuery__root___RWb3q {
+        margin-top: 10px;
+    }

package/Scroll/package.json

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

package/ScrollControls/package.json

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

package/SideOverlay/package.json

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

package/SimpleSlider/package.json

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

package/Skeleton/package.json

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

package/Spinner/package.json

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

package/Text/package.json

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

package/TextEmoji/package.json

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

package/Tumbler/package.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.21",
+  "version": "0.0.24",
   "description": "core ui blocks",
   "scripts": {
     "prebuild": "node ./preBuild.js",
@@ -20,6 +20,7 @@
     "directory": "dist"
   },
   "devDependencies": {
+    "@apollo/client": "^3.6.5",
     "@prom-ui/core": "file:../core/src",
     "@prom-ui/hooks": "file:../hooks/src",
     "@prom-ui/icons": "file:../icons/src"
@@ -27,6 +28,7 @@
   "dependencies": {
     "@evo/emoji": "^0.2.0",
     "@evo/emoji-text": "^0.1.1",
+    "@evo/errcatch": "^1.0.2",
     "@prom-ui/hooks": "^0.0.3",
     "@prom-ui/icons": "^0.0.5",
     "classnames": "^2.3.1",
@@ -44,15 +46,23 @@
     "evokit-text": "^3.2.0",
     "intersection-observer": "^0.12.0",
     "react-easy-swipe": "^0.0.22",
+    "react-popper-tooltip": "2.10.1",
+    "react-responsive": "^8.1.0",
     "react-scrolllock": "^5.0.1",
     "react-transition-group": "^4.4.2",
     "ts-debounce": "^4.0.0",
     "ttag": "^1.7.24"
   },
   "peerDependencies": {
+    "@apollo/client": "*",
     "prop-types": "*",
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "90267b94713fb0491e356222a17c43e4f42f37ea"
+  "peerDependenciesMeta": {
+    "@apollo/client": {
+      "optional": true
+    }
+  },
+  "gitHead": "cad8a8b8433c057f5c01d75816050232094af394"
 }