@prom-ui/core 0.0.40 → 0.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/Body/package.json +1 -1
  2. package/Box/cjs/style.development.css +1 -1
  3. package/Box/cjs/style.production.css +1 -1
  4. package/Box/package.json +1 -1
  5. package/Button/package.json +1 -1
  6. package/ButtonPageUp/package.json +1 -1
  7. package/Checkbox/package.json +1 -1
  8. package/Flex/package.json +1 -1
  9. package/Grid/package.json +1 -1
  10. package/Icon/package.json +1 -1
  11. package/Image/package.json +1 -1
  12. package/ImageEmoji/package.json +1 -1
  13. package/Input/package.json +1 -1
  14. package/KeyPress/package.json +1 -1
  15. package/Line/package.json +1 -1
  16. package/Link/package.json +1 -1
  17. package/List/package.json +1 -1
  18. package/Media/package.json +1 -1
  19. package/OutsideClick/package.json +1 -1
  20. package/Overlay/cjs/index.development.js +2 -1
  21. package/Overlay/cjs/index.production.js +1 -1
  22. package/Overlay/cjs/style.development.css +1 -1
  23. package/Overlay/cjs/style.production.css +1 -1
  24. package/Overlay/package.json +1 -1
  25. package/Picture/package.json +1 -1
  26. package/PortableOverlay/cjs/style.development.css +1 -1
  27. package/PortableOverlay/cjs/style.production.css +1 -1
  28. package/PortableOverlay/package.json +1 -1
  29. package/Portal/package.json +1 -1
  30. package/Rating/package.json +1 -1
  31. package/SafeQuery/package.json +1 -1
  32. package/Scroll/package.json +1 -1
  33. package/ScrollControls/package.json +1 -1
  34. package/SideOverlay/package.json +1 -1
  35. package/SimpleSlider/package.json +1 -1
  36. package/Skeleton/package.json +1 -1
  37. package/Spinner/package.json +1 -1
  38. package/Text/package.json +1 -1
  39. package/TextEmoji/package.json +1 -1
  40. package/Tooltip/cjs/index.development.js +151 -0
  41. package/Tooltip/cjs/index.production.js +1 -0
  42. package/Tooltip/cjs/style.development.css +1 -0
  43. package/Tooltip/cjs/style.production.css +1 -0
  44. package/Tooltip/index.d.ts +80 -0
  45. package/Tooltip/index.js +7 -0
  46. package/Tooltip/package.json +14 -0
  47. package/Tumbler/package.json +1 -1
  48. package/package.json +3 -3
package/Tooltip/index.d.ts ADDED
@@ -0,0 +1,80 @@
1
+ import * as React from 'react';
2
+ declare type TypeTrigger = 'click' | 'right-click' | 'hover' | 'focus';
3
+ declare type TypePlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
4
+ export declare type TooltipProps = {
5
+ /** Элемент триггера DOM */
6
+ children: React.ReactElement<any, any>;
7
+ /** Содержимое тултипа */
8
+ content: React.ReactNode;
9
+ /**
10
+ * Событие или события, вызывающие всплывающую подсказку. <br>
11
+ * `'click' | 'right-click' | 'hover' | 'focus'` <br>
12
+ */
13
+ trigger?: TypeTrigger | TypeTrigger[];
14
+ /**
15
+ * Предпочтительное размещение всплывающей подсказки.
16
+ * `'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';`
17
+ */
18
+ placement?: TypePlacement;
19
+ /** Тема */
20
+ theme?: 'white' | 'black';
21
+ /** Внутренний отступ подсказки, принимаем значение как в CSS */
22
+ padding?: string | number;
23
+ /** Ширина подсказки, принимаем значение как в CSS. */
24
+ width?: string | number;
25
+ /** CSS-свойство z-index */
26
+ zIndex?: string | number;
27
+ /**
28
+ * Если `true`, при наведении на всплывающую подсказку она останется открытой.
29
+ * <br>
30
+ * Это полезно, если вы хотите, чтобы пользователи могли взаимодействовать
31
+ * с содержимым всплывающей подсказки (выбирать и копировать текст, щелкать ссылку и т. д.).
32
+ * <br>
33
+ * В этом случае вы можете увеличить `delayHide` значение, чтобы дать пользователю больше времени на реакцию.
34
+ */
35
+ isInteractive?: boolean;
36
+ /** Начальное состояние видимости всплывающей подсказки при инициализации компонента. */
37
+ isDefaultVisible?: boolean;
38
+ /** Рендер в конец `<body>` */
39
+ isRenderPortal?: boolean;
40
+ /**
41
+ * Если `true`, закрывает всплывающую подсказку, <br>
42
+ * когда пользователь щелкает за пределами элемента триггера.
43
+ */
44
+ isCloseOnOutsideClick?: boolean;
45
+ /** Закрывать ли всплывающую подсказку, когда ее триггер выходит за границы. */
46
+ isCloseOnTriggerHidden?: boolean;
47
+ /**
48
+ * Состояние видимости всплывающей подсказки. <br>
49
+ * Используйте этот реквизит, если хотите контролировать состояние всплывающей подсказки. <br>
50
+ * Обратите внимание, что `delayShow` и `delayHide` не используются, <br>
51
+ * если всплывающая подсказка управляется. <br>
52
+ * Вы должны применить задержку к своему внешнему состоянию.
53
+ */
54
+ isVisible?: boolean;
55
+ /**
56
+ * Если `true`, всплывающая подсказка будет придерживаться позиции курсора.
57
+ */
58
+ isFollowCursor?: boolean;
59
+ /**
60
+ * Если `false`, элемент стрелки не будет отображаться.
61
+ */
62
+ isShowArrow?: boolean;
63
+ /**
64
+ * Вызывается с состоянием всплывающей подсказки, <br>
65
+ * когда видимость всплывающей подсказки изменяется.
66
+ */
67
+ onVisibleChange?: (visible: boolean) => void;
68
+ /** Задержка скрытия всплывающей подсказки `(мс)`. */
69
+ delayHide?: number;
70
+ /** Задержка показа всплывающей подсказки `(мс)`. */
71
+ delayShow?: number;
72
+ /**
73
+ * Всплывающая подсказка будет размещена на расстоянии 12 пикселей от элемента триггера
74
+ * <br>
75
+ * (чтобы оставить достаточно места для элемента стрелки).
76
+ */
77
+ offset?: [number, number];
78
+ };
79
+ export declare const Tooltip: React.FC<TooltipProps>;
80
+ export {};
package/Tooltip/index.js ADDED
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ if (process.env.NODE_ENV === 'production') {
4
+ module.exports = require('./cjs/index.production.js');
5
+ } else {
6
+ module.exports = require('./cjs/index.development.js');
7
+ }
package/Tooltip/package.json ADDED
@@ -0,0 +1,14 @@
1
+ {
2
+ "name": "@prom-ui/core/Tooltip",
3
+ "version": "0.0.50",
4
+ "main": "index.js",
5
+ "types": "index.d.ts",
6
+ "sideEffects": [
7
+ "*.css"
8
+ ],
9
+ "dependencies": {
10
+ "classnames": "^2.3.1",
11
+ "react-popper-tooltip": "^4.4.2",
12
+ "react-transition-group": "^4.4.2"
13
+ }
14
+ }
package/Tumbler/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Tumbler",
3
- "version": "0.0.40",
3
+ "version": "0.0.50",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@prom-ui/core",
3
3
  "author": "e.marchenko",
4
- "version": "0.0.40",
4
+ "version": "0.0.50",
5
5
  "description": "core ui blocks",
6
6
  "scripts": {
7
7
  "test": "jest",
@@ -42,7 +42,7 @@
42
42
  "evokit-text": "^3.2.0",
43
43
  "intersection-observer": "^0.12.0",
44
44
  "react-easy-swipe": "^0.0.22",
45
- "react-popper-tooltip": "2.10.1",
45
+ "react-popper-tooltip": "^4.4.2",
46
46
  "react-responsive": "^8.1.0",
47
47
  "react-scrolllock": "^5.0.1",
48
48
  "react-transition-group": "^4.4.2",
@@ -62,5 +62,5 @@
62
62
  "optional": true
63
63
  }
64
64
  },
65
- "gitHead": "779254d46558c0a3d212ac5eed071a386b18ef40"
65
+ "gitHead": "f8586923b8055abf8f5b0d88626e878b17362719"
66
66
  }