@prom-ui/core 0.0.22 → 0.0.23

package/Body/package.json

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

package/Box/package.json

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

package/Button/package.json

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

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/OutsideClick/package.json

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

package/Picture/package.json

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

package/PortableOverlay/package.json

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

package/Portal/package.json

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

package/Rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Rating",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "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/{Tooltip → SafeQuery}/package.json

@@ -1,12 +1,12 @@
 {
-  "name": "@prom-ui/core/Tooltip",
-  "version": "0.0.22",
+  "name": "@prom-ui/core/SafeQuery",
+  "version": "0.0.23",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
     "*.css"
   ],
   "dependencies": {
-    "react-popper-tooltip": "2.10.1"
+    "@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.22",
+  "version": "0.0.23",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ScrollControls/package.json

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

package/SideOverlay/package.json

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

package/SimpleSlider/package.json

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

package/Skeleton/package.json

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

package/Spinner/package.json

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

package/Text/package.json

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

package/TextEmoji/package.json

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

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "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.22",
+  "version": "0.0.23",
   "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",
@@ -51,9 +53,15 @@
     "ttag": "^1.7.24"
   },
   "peerDependencies": {
+    "@apollo/client": "*",
     "prop-types": "*",
     "react": "*",
     "react-dom": "*"
   },
-  "gitHead": "9f1fe6e1762c7557b5dc3d1a43996e59eaa3adc3"
+  "peerDependenciesMeta": {
+    "@apollo/client": {
+      "optional": true
+    }
+  },
+  "gitHead": "0f474f29fb44db937145e449d9f75292721e938b"
 }

package/Tooltip/Popper/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export declare type tPlacement = 'auto' | 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start' | 'top-end' | 'right-end' | 'bottom-end' | 'left-end';
-export declare type tPopperProps = {
-    hideArrow?: boolean;
-    withPadding?: boolean;
-    theme: 'white' | 'black';
-    placement: tPlacement;
-    children?: React.ReactNode;
-    arrowProps?: any;
-    tooltipProps?: any;
-};
-export declare const Popper: React.FC<tPopperProps>;

package/Tooltip/Popper/index.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var PropTypes = require('prop-types');
-
-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);
-};
-
-var themeWhite = {"popper":"Tooltip-Popper__popper___QfuZ2","body":"Tooltip-Popper__body___ccixN","withPadding":"Tooltip-Popper__withPadding___NcotR Tooltip-Popper__body___ccixN","arrow":"Tooltip-Popper__arrow___EH4RM"};
-
-var themeBlack = {"popper":"Tooltip-Popper__popper___jz7P8","body":"Tooltip-Popper__body___ac26T","withPadding":"Tooltip-Popper__withPadding___mBCQj Tooltip-Popper__body___ac26T","arrow":"Tooltip-Popper__arrow___6fLZr"};
-
-var THEMES = {
-  white: themeWhite,
-  black: themeBlack
-};
-
-var getTheme = function (name) {
-  if (THEMES.hasOwnProperty(name)) {
-    return THEMES[name];
-  }
-
-  return THEMES.white;
-};
-
-var Popper = function (_a) {
-  var tooltipProps = _a.tooltipProps,
-      arrowProps = _a.arrowProps,
-      children = _a.children,
-      _b = _a.hideArrow,
-      hideArrow = _b === void 0 ? false : _b,
-      placement = _a.placement,
-      theme = _a.theme,
-      withPadding = _a.withPadding;
-  var css = getTheme(theme);
-  return React__default["default"].createElement("div", __assign({}, tooltipProps, {
-    className: css.popper,
-    "data-placement": placement
-  }), !hideArrow && React__default["default"].createElement("div", __assign({}, arrowProps, {
-    className: css.arrow
-  })), React__default["default"].createElement("div", {
-    className: withPadding ? css.withPadding : css.body
-  }, children));
-}; // Popper.defaultProps = {
-//     children: null,
-//     hideArrow: false,
-// };
-
-Popper.propTypes = {
-  // children: PropTypes.node,
-  hideArrow: PropTypes__default["default"].bool // onShow: PropTypes.func,
-  // theme: PropTypes.string.isRequired,
-
-};
-
-exports.Popper = Popper;
-
-require('./style.css');

package/Tooltip/Popper/package.json

@@ -1,9 +0,0 @@
-{
-  "name": "@prom-ui/core/Tooltip/Popper",
-  "version": "0.0.22",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ]
-}