@prom-ui/core 0.0.101 → 0.0.102-alpha.0

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 (253) hide show
  1. package/Avatar/cjs/index.development.js +0 -2
  2. package/Avatar/cjs/index.development.v2.js +151 -0
  3. package/Avatar/cjs/index.production.js +1 -1
  4. package/Avatar/cjs/index.production.v2.js +1 -0
  5. package/Avatar/cjs/style.development.v2.css +1 -0
  6. package/Avatar/cjs/style.production.v2.css +1 -0
  7. package/Avatar/index.js +14 -2
  8. package/Avatar/package.json +1 -1
  9. package/Body/cjs/index.development.js +0 -2
  10. package/Body/cjs/index.development.v2.js +12 -0
  11. package/Body/cjs/index.production.js +1 -1
  12. package/Body/cjs/index.production.v2.js +1 -0
  13. package/Body/cjs/style.development.v2.css +1 -0
  14. package/Body/cjs/style.production.v2.css +1 -0
  15. package/Body/index.js +14 -2
  16. package/Body/package.json +1 -1
  17. package/Box/cjs/index.development.js +0 -2
  18. package/Box/cjs/index.development.v2.js +18 -0
  19. package/Box/cjs/index.production.js +1 -1
  20. package/Box/cjs/index.production.v2.js +1 -0
  21. package/Box/cjs/style.development.v2.css +1 -0
  22. package/Box/cjs/style.production.v2.css +1 -0
  23. package/Box/index.js +14 -2
  24. package/Box/package.json +1 -1
  25. package/Button/cjs/index.development.js +0 -2
  26. package/Button/cjs/index.development.v2.js +93 -0
  27. package/Button/cjs/index.production.js +1 -1
  28. package/Button/cjs/index.production.v2.js +1 -0
  29. package/Button/cjs/style.development.v2.css +1 -0
  30. package/Button/cjs/style.production.v2.css +1 -0
  31. package/Button/index.js +14 -2
  32. package/Button/package.json +1 -1
  33. package/ButtonPageUp/cjs/index.development.v2.js +174 -0
  34. package/ButtonPageUp/cjs/index.production.v2.js +1 -0
  35. package/ButtonPageUp/index.js +2 -2
  36. package/ButtonPageUp/package.json +1 -1
  37. package/Checkbox/cjs/index.development.js +0 -2
  38. package/Checkbox/cjs/index.development.v2.js +109 -0
  39. package/Checkbox/cjs/index.production.js +1 -1
  40. package/Checkbox/cjs/index.production.v2.js +1 -0
  41. package/Checkbox/cjs/style.development.v2.css +1 -0
  42. package/Checkbox/cjs/style.production.v2.css +1 -0
  43. package/Checkbox/index.js +14 -2
  44. package/Checkbox/package.json +1 -1
  45. package/Flex/cjs/index.development.js +0 -2
  46. package/Flex/cjs/index.development.v2.js +23 -0
  47. package/Flex/cjs/index.production.js +1 -1
  48. package/Flex/cjs/index.production.v2.js +1 -0
  49. package/Flex/cjs/style.development.v2.css +1 -0
  50. package/Flex/cjs/style.production.v2.css +1 -0
  51. package/Flex/index.js +14 -2
  52. package/Flex/package.json +1 -1
  53. package/Grid/cjs/index.development.js +0 -2
  54. package/Grid/cjs/index.development.v2.js +23 -0
  55. package/Grid/cjs/index.production.js +1 -1
  56. package/Grid/cjs/index.production.v2.js +1 -0
  57. package/Grid/cjs/style.development.v2.css +1 -0
  58. package/Grid/cjs/style.production.v2.css +1 -0
  59. package/Grid/index.js +14 -2
  60. package/Grid/package.json +1 -1
  61. package/Icon/cjs/index.development.js +0 -2
  62. package/Icon/cjs/index.development.v2.js +39 -0
  63. package/Icon/cjs/index.production.js +1 -1
  64. package/Icon/cjs/index.production.v2.js +1 -0
  65. package/Icon/cjs/style.development.v2.css +1 -0
  66. package/Icon/cjs/style.production.v2.css +1 -0
  67. package/Icon/index.js +14 -2
  68. package/Icon/package.json +1 -1
  69. package/Image/cjs/index.development.js +0 -2
  70. package/Image/cjs/index.development.v2.js +18 -0
  71. package/Image/cjs/index.production.js +1 -1
  72. package/Image/cjs/index.production.v2.js +1 -0
  73. package/Image/cjs/style.development.v2.css +1 -0
  74. package/Image/cjs/style.production.v2.css +1 -0
  75. package/Image/index.js +14 -2
  76. package/Image/package.json +1 -1
  77. package/ImageEmoji/cjs/index.development.v2.js +90 -0
  78. package/ImageEmoji/cjs/index.production.v2.js +1 -0
  79. package/ImageEmoji/index.js +2 -2
  80. package/ImageEmoji/package.json +1 -1
  81. package/Input/cjs/index.development.js +0 -2
  82. package/Input/cjs/index.development.v2.js +37 -0
  83. package/Input/cjs/index.production.js +1 -1
  84. package/Input/cjs/index.production.v2.js +1 -0
  85. package/Input/cjs/style.development.v2.css +1 -0
  86. package/Input/cjs/style.production.v2.css +1 -0
  87. package/Input/index.js +14 -2
  88. package/Input/package.json +1 -1
  89. package/KeyPress/cjs/index.development.v2.js +56 -0
  90. package/KeyPress/cjs/index.production.v2.js +1 -0
  91. package/KeyPress/index.js +2 -2
  92. package/KeyPress/package.json +1 -1
  93. package/Line/cjs/index.development.js +0 -2
  94. package/Line/cjs/index.development.v2.js +18 -0
  95. package/Line/cjs/index.production.js +1 -1
  96. package/Line/cjs/index.production.v2.js +1 -0
  97. package/Line/cjs/style.development.v2.css +1 -0
  98. package/Line/cjs/style.production.v2.css +1 -0
  99. package/Line/index.js +14 -2
  100. package/Line/package.json +1 -1
  101. package/Link/cjs/index.development.js +0 -2
  102. package/Link/cjs/index.development.v2.js +20 -0
  103. package/Link/cjs/index.production.js +1 -1
  104. package/Link/cjs/index.production.v2.js +1 -0
  105. package/Link/cjs/style.development.v2.css +1 -0
  106. package/Link/cjs/style.production.v2.css +1 -0
  107. package/Link/index.js +14 -2
  108. package/Link/package.json +1 -1
  109. package/List/cjs/index.development.js +0 -2
  110. package/List/cjs/index.development.v2.js +23 -0
  111. package/List/cjs/index.production.js +1 -1
  112. package/List/cjs/index.production.v2.js +1 -0
  113. package/List/cjs/style.development.v2.css +1 -0
  114. package/List/cjs/style.production.v2.css +1 -0
  115. package/List/index.js +14 -2
  116. package/List/package.json +1 -1
  117. package/Media/cjs/index.development.v2.js +98 -0
  118. package/Media/cjs/index.production.v2.js +1 -0
  119. package/Media/index.js +2 -2
  120. package/Media/package.json +1 -1
  121. package/OutsideClick/cjs/index.development.v2.js +84 -0
  122. package/OutsideClick/cjs/index.production.v2.js +1 -0
  123. package/OutsideClick/index.js +2 -2
  124. package/OutsideClick/package.json +1 -1
  125. package/Overlay/cjs/index.development.js +0 -2
  126. package/Overlay/cjs/index.development.v2.js +473 -0
  127. package/Overlay/cjs/index.production.js +1 -1
  128. package/Overlay/cjs/index.production.v2.js +1 -0
  129. package/Overlay/cjs/style.development.v2.css +1 -0
  130. package/Overlay/cjs/style.production.v2.css +1 -0
  131. package/Overlay/index.js +14 -2
  132. package/Overlay/package.json +1 -1
  133. package/Picture/cjs/index.development.js +0 -2
  134. package/Picture/cjs/index.development.v2.js +23 -0
  135. package/Picture/cjs/index.production.js +1 -1
  136. package/Picture/cjs/index.production.v2.js +1 -0
  137. package/Picture/cjs/style.development.v2.css +1 -0
  138. package/Picture/cjs/style.production.v2.css +1 -0
  139. package/Picture/index.js +14 -2
  140. package/Picture/package.json +1 -1
  141. package/PortableOverlay/cjs/index.development.js +0 -2
  142. package/PortableOverlay/cjs/index.development.v2.js +109 -0
  143. package/PortableOverlay/cjs/index.production.js +1 -1
  144. package/PortableOverlay/cjs/index.production.v2.js +1 -0
  145. package/PortableOverlay/cjs/style.development.v2.css +1 -0
  146. package/PortableOverlay/cjs/style.production.v2.css +1 -0
  147. package/PortableOverlay/index.js +14 -2
  148. package/PortableOverlay/package.json +1 -1
  149. package/Portal/cjs/index.development.v2.js +57 -0
  150. package/Portal/cjs/index.production.v2.js +1 -0
  151. package/Portal/index.js +2 -2
  152. package/Portal/package.json +1 -1
  153. package/QRCode/cjs/index.development.js +0 -2
  154. package/QRCode/cjs/index.development.v2.js +50 -0
  155. package/QRCode/cjs/index.production.js +1 -1
  156. package/QRCode/cjs/index.production.v2.js +1 -0
  157. package/QRCode/cjs/style.development.v2.css +1 -0
  158. package/QRCode/cjs/style.production.v2.css +1 -0
  159. package/QRCode/index.js +14 -2
  160. package/QRCode/package.json +1 -1
  161. package/Rating/cjs/index.development.js +0 -2
  162. package/Rating/cjs/index.development.v2.js +105 -0
  163. package/Rating/cjs/index.production.js +1 -1
  164. package/Rating/cjs/index.production.v2.js +1 -0
  165. package/Rating/cjs/style.development.v2.css +1 -0
  166. package/Rating/cjs/style.production.v2.css +1 -0
  167. package/Rating/index.js +14 -2
  168. package/Rating/package.json +1 -1
  169. package/SafeQuery/cjs/index.development.js +0 -2
  170. package/SafeQuery/cjs/index.development.v2.js +179 -0
  171. package/SafeQuery/cjs/index.production.js +1 -1
  172. package/SafeQuery/cjs/index.production.v2.js +1 -0
  173. package/SafeQuery/cjs/style.development.v2.css +1 -0
  174. package/SafeQuery/cjs/style.production.v2.css +1 -0
  175. package/SafeQuery/index.js +14 -2
  176. package/SafeQuery/package.json +1 -1
  177. package/Scroll/cjs/index.development.js +0 -2
  178. package/Scroll/cjs/index.development.v2.js +38 -0
  179. package/Scroll/cjs/index.production.js +1 -1
  180. package/Scroll/cjs/index.production.v2.js +1 -0
  181. package/Scroll/cjs/style.development.v2.css +1 -0
  182. package/Scroll/cjs/style.production.v2.css +1 -0
  183. package/Scroll/index.js +14 -2
  184. package/Scroll/package.json +1 -1
  185. package/ScrollControls/cjs/index.development.js +0 -2
  186. package/ScrollControls/cjs/index.development.v2.js +241 -0
  187. package/ScrollControls/cjs/index.production.js +1 -1
  188. package/ScrollControls/cjs/index.production.v2.js +1 -0
  189. package/ScrollControls/cjs/style.development.v2.css +1 -0
  190. package/ScrollControls/cjs/style.production.v2.css +1 -0
  191. package/ScrollControls/index.js +14 -2
  192. package/ScrollControls/package.json +1 -1
  193. package/SideOverlay/cjs/index.development.js +0 -2
  194. package/SideOverlay/cjs/index.development.v2.js +208 -0
  195. package/SideOverlay/cjs/index.production.js +1 -1
  196. package/SideOverlay/cjs/index.production.v2.js +1 -0
  197. package/SideOverlay/cjs/style.development.v2.css +1 -0
  198. package/SideOverlay/cjs/style.production.v2.css +1 -0
  199. package/SideOverlay/index.js +14 -2
  200. package/SideOverlay/package.json +1 -1
  201. package/SimpleSlider/cjs/index.development.js +0 -2
  202. package/SimpleSlider/cjs/index.development.v2.js +433 -0
  203. package/SimpleSlider/cjs/index.production.js +1 -1
  204. package/SimpleSlider/cjs/index.production.v2.js +1 -0
  205. package/SimpleSlider/cjs/style.development.v2.css +1 -0
  206. package/SimpleSlider/cjs/style.production.v2.css +1 -0
  207. package/SimpleSlider/index.js +14 -2
  208. package/SimpleSlider/package.json +1 -1
  209. package/Skeleton/cjs/index.development.js +0 -2
  210. package/Skeleton/cjs/index.development.v2.js +101 -0
  211. package/Skeleton/cjs/index.production.js +1 -1
  212. package/Skeleton/cjs/index.production.v2.js +1 -0
  213. package/Skeleton/cjs/style.development.v2.css +1 -0
  214. package/Skeleton/cjs/style.production.v2.css +1 -0
  215. package/Skeleton/index.js +14 -2
  216. package/Skeleton/package.json +1 -1
  217. package/Spinner/cjs/index.development.js +0 -2
  218. package/Spinner/cjs/index.development.v2.js +83 -0
  219. package/Spinner/cjs/index.production.js +1 -1
  220. package/Spinner/cjs/index.production.v2.js +1 -0
  221. package/Spinner/cjs/style.development.v2.css +1 -0
  222. package/Spinner/cjs/style.production.v2.css +1 -0
  223. package/Spinner/index.js +14 -2
  224. package/Spinner/package.json +1 -1
  225. package/Text/cjs/index.development.js +0 -2
  226. package/Text/cjs/index.development.v2.js +18 -0
  227. package/Text/cjs/index.production.js +1 -1
  228. package/Text/cjs/index.production.v2.js +1 -0
  229. package/Text/cjs/style.development.v2.css +1 -0
  230. package/Text/cjs/style.production.v2.css +1 -0
  231. package/Text/index.js +14 -2
  232. package/Text/package.json +1 -1
  233. package/TextEmoji/cjs/index.development.v2.js +94 -0
  234. package/TextEmoji/cjs/index.production.v2.js +1 -0
  235. package/TextEmoji/index.js +2 -2
  236. package/TextEmoji/package.json +1 -1
  237. package/Tooltip/cjs/index.development.js +0 -2
  238. package/Tooltip/cjs/index.development.v2.js +149 -0
  239. package/Tooltip/cjs/index.production.js +1 -1
  240. package/Tooltip/cjs/index.production.v2.js +1 -0
  241. package/Tooltip/cjs/style.development.v2.css +1 -0
  242. package/Tooltip/cjs/style.production.v2.css +1 -0
  243. package/Tooltip/index.js +14 -2
  244. package/Tooltip/package.json +1 -1
  245. package/Tumbler/cjs/index.development.js +0 -2
  246. package/Tumbler/cjs/index.development.v2.js +108 -0
  247. package/Tumbler/cjs/index.production.js +1 -1
  248. package/Tumbler/cjs/index.production.v2.js +1 -0
  249. package/Tumbler/cjs/style.development.v2.css +1 -0
  250. package/Tumbler/cjs/style.production.v2.css +1 -0
  251. package/Tumbler/index.js +14 -2
  252. package/Tumbler/package.json +1 -1
  253. package/package.json +4 -4
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@evo/emoji-text"),r=require("@prom-ui/core/Text");function n(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 o=n(e),i=function(){return i=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},i.apply(this,arguments)};var a={small:11,default:13,big:15,h1:24,h2:22,h3:20,h4:18,h5:16,h6:14},c=o.forwardRef((function(e,n){var c=e.children,l=e.size,u=void 0===l?a.default:l,f=e.type,p=void 0===f?"apple":f,s=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","size","type"]);return o.createElement(r.Text,i({ref:n},s),o.createElement(t.EmojiText,{size:a[s["text-size"]]||u,type:p},c))}));exports.TextEmoji=c;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  if (process.env.NODE_ENV === 'production') {
4
- module.exports = require('./cjs/index.production.js');
4
+ module.exports = require('./cjs/index.production.js');
5
5
  } else {
6
- module.exports = require('./cjs/index.development.js');
6
+ module.exports = require('./cjs/index.development.js');
7
7
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/TextEmoji",
3
- "version": "0.0.101",
3
+ "version": "0.0.102-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -147,5 +147,3 @@ var Tooltip = function (_a) {
147
147
  };
148
148
 
149
149
  exports.Tooltip = Tooltip;
150
-
151
- require('./style.development.css');
@@ -0,0 +1,149 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classNames = require('classnames');
7
+ var reactPopperTooltip = require('react-popper-tooltip');
8
+ var reactTransitionGroup = require('react-transition-group');
9
+ var Portal = require('@prom-ui/core/Portal');
10
+
11
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
+
13
+ function _interopNamespace(e) {
14
+ if (e && e.__esModule) return e;
15
+ var n = Object.create(null);
16
+ if (e) {
17
+ Object.keys(e).forEach(function (k) {
18
+ if (k !== 'default') {
19
+ var d = Object.getOwnPropertyDescriptor(e, k);
20
+ Object.defineProperty(n, k, d.get ? d : {
21
+ enumerable: true,
22
+ get: function () { return e[k]; }
23
+ });
24
+ }
25
+ });
26
+ }
27
+ n["default"] = e;
28
+ return Object.freeze(n);
29
+ }
30
+
31
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
32
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
33
+
34
+ /******************************************************************************
35
+ Copyright (c) Microsoft Corporation.
36
+
37
+ Permission to use, copy, modify, and/or distribute this software for any
38
+ purpose with or without fee is hereby granted.
39
+
40
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
41
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
42
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
43
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
44
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
45
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
46
+ PERFORMANCE OF THIS SOFTWARE.
47
+ ***************************************************************************** */
48
+
49
+ var __assign = function() {
50
+ __assign = Object.assign || function __assign(t) {
51
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
52
+ s = arguments[i];
53
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
54
+ }
55
+ return t;
56
+ };
57
+ return __assign.apply(this, arguments);
58
+ };
59
+
60
+ var css = {"content":"Tooltip__content___OAIu0","arrow":"Tooltip__arrow___zAGk6","animation":"Tooltip__animation___N9MJt","root":"Tooltip__root___Wl-Xm","white":"Tooltip__white___oB2Pd","black":"Tooltip__black___kSaUV","enter":"Tooltip__enter___t5jYJ","enterActive":"Tooltip__enterActive___A3Dwj","enterDone":"Tooltip__enterDone___-J0vk","exit":"Tooltip__exit___mHKey","exitActive":"Tooltip__exitActive___UibNa","exitDone":"Tooltip__exitDone___MIlrs"};
61
+
62
+ var Tooltip = function (_a) {
63
+ var children = _a.children,
64
+ content = _a.content,
65
+ isVisible = _a.isVisible,
66
+ onVisibleChange = _a.onVisibleChange,
67
+ _b = _a.isRenderPortal,
68
+ isRenderPortal = _b === void 0 ? true : _b,
69
+ _c = _a.isCloseOnOutsideClick,
70
+ isCloseOnOutsideClick = _c === void 0 ? true : _c,
71
+ _d = _a.isCloseOnTriggerHidden,
72
+ isCloseOnTriggerHidden = _d === void 0 ? true : _d,
73
+ _e = _a.isDefaultVisible,
74
+ isDefaultVisible = _e === void 0 ? false : _e,
75
+ _f = _a.isFollowCursor,
76
+ isFollowCursor = _f === void 0 ? false : _f,
77
+ _g = _a.isInteractive,
78
+ isInteractive = _g === void 0 ? false : _g,
79
+ _h = _a.isShowArrow,
80
+ isShowArrow = _h === void 0 ? true : _h,
81
+ _j = _a.delayHide,
82
+ delayHide = _j === void 0 ? 0 : _j,
83
+ _k = _a.delayShow,
84
+ delayShow = _k === void 0 ? 0 : _k,
85
+ _l = _a.trigger,
86
+ trigger = _l === void 0 ? 'hover' : _l,
87
+ _m = _a.placement,
88
+ placement = _m === void 0 ? 'auto' : _m,
89
+ _o = _a.theme,
90
+ theme = _o === void 0 ? 'white' : _o,
91
+ _p = _a.offset,
92
+ offset = _p === void 0 ? [0, 12] : _p,
93
+ _q = _a.padding,
94
+ padding = _q === void 0 ? 16 : _q,
95
+ _r = _a.width,
96
+ width = _r === void 0 ? 'auto' : _r,
97
+ _s = _a.zIndex,
98
+ zIndex = _s === void 0 ? 900 : _s;
99
+
100
+ var _t = reactPopperTooltip.usePopperTooltip({
101
+ trigger: trigger,
102
+ placement: placement,
103
+ delayHide: delayHide,
104
+ delayShow: delayShow,
105
+ onVisibleChange: onVisibleChange,
106
+ offset: offset,
107
+ defaultVisible: isDefaultVisible,
108
+ closeOnOutsideClick: isCloseOnOutsideClick,
109
+ closeOnTriggerHidden: isCloseOnTriggerHidden,
110
+ visible: isVisible,
111
+ followCursor: isFollowCursor,
112
+ interactive: isInteractive
113
+ }),
114
+ getArrowProps = _t.getArrowProps,
115
+ getTooltipProps = _t.getTooltipProps,
116
+ setTooltipRef = _t.setTooltipRef,
117
+ setTriggerRef = _t.setTriggerRef,
118
+ visible = _t.visible;
119
+
120
+ return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.cloneElement(children, {
121
+ ref: setTriggerRef
122
+ }), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
123
+ classNames: css,
124
+ timeout: 166,
125
+ in: visible,
126
+ unmountOnExit: true
127
+ }, React__namespace.createElement(Portal.Portal, {
128
+ isActive: isRenderPortal
129
+ }, React__namespace.createElement("div", __assign({
130
+ ref: setTooltipRef
131
+ }, getTooltipProps({
132
+ className: classNames__default["default"](css.root, css[theme]),
133
+ style: {
134
+ width: width,
135
+ zIndex: zIndex
136
+ }
137
+ })), React__namespace.createElement("div", {
138
+ className: classNames__default["default"](css.animation)
139
+ }, isShowArrow && React__namespace.createElement("div", __assign({}, getArrowProps({
140
+ className: css.arrow
141
+ }))), React__namespace.createElement("div", {
142
+ className: css.content,
143
+ style: {
144
+ padding: padding
145
+ }
146
+ }, content))))));
147
+ };
148
+
149
+ exports.Tooltip = Tooltip;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),i=require("react-popper-tooltip"),r=require("react-transition-group"),o=require("@prom-ui/core/Portal");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var l=a(e),s=n(t),c=function(){return c=Object.assign||function(e){for(var t,i=1,r=arguments.length;i<r;i++)for(var o in t=arguments[i])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},d={content:"M5WYU",arrow:"sHrj0",animation:"DYqdH",root:"Xkx-7",white:"_6gvS7",black:"e8sBo",enter:"amIjy",enterActive:"oLDm5",enterDone:"aZSAB",exit:"FtdvP",exitActive:"Vnj23",exitDone:"er4Mu"};exports.Tooltip=function(e){var t=e.children,n=e.content,a=e.isVisible,u=e.onVisibleChange,v=e.isRenderPortal,f=void 0===v||v,p=e.isCloseOnOutsideClick,m=void 0===p||p,g=e.isCloseOnTriggerHidden,b=void 0===g||g,O=e.isDefaultVisible,h=void 0!==O&&O,y=e.isFollowCursor,w=void 0!==y&&y,j=e.isInteractive,P=void 0!==j&&j,E=e.isShowArrow,x=void 0===E||E,C=e.delayHide,T=void 0===C?0:C,q=e.delayShow,S=void 0===q?0:q,A=e.trigger,D=void 0===A?"hover":A,H=e.placement,V=void 0===H?"auto":H,k=e.theme,N=void 0===k?"white":k,_=e.offset,I=void 0===_?[0,12]:_,M=e.padding,z=void 0===M?16:M,F=e.width,R=void 0===F?"auto":F,B=e.zIndex,Y=void 0===B?900:B,L=i.usePopperTooltip({trigger:D,placement:V,delayHide:T,delayShow:S,onVisibleChange:u,offset:I,defaultVisible:h,closeOnOutsideClick:m,closeOnTriggerHidden:b,visible:a,followCursor:w,interactive:P}),U=L.getArrowProps,W=L.getTooltipProps,X=L.setTooltipRef,Z=L.setTriggerRef,G=L.visible;return l.createElement(l.Fragment,null,l.cloneElement(t,{ref:Z}),l.createElement(r.CSSTransition,{classNames:d,timeout:166,in:G,unmountOnExit:!0},l.createElement(o.Portal,{isActive:f},l.createElement("div",c({ref:X},W({className:s.default(d.root,d[N]),style:{width:R,zIndex:Y}})),l.createElement("div",{className:s.default(d.animation)},x&&l.createElement("div",c({},U({className:d.arrow}))),l.createElement("div",{className:d.content,style:{padding:z}},n))))))},require("./style.production.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),i=require("react-popper-tooltip"),r=require("react-transition-group"),o=require("@prom-ui/core/Portal");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var l=a(e),s=n(t),c=function(){return c=Object.assign||function(e){for(var t,i=1,r=arguments.length;i<r;i++)for(var o in t=arguments[i])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},d={content:"M5WYU",arrow:"sHrj0",animation:"DYqdH",root:"Xkx-7",white:"_6gvS7",black:"e8sBo",enter:"amIjy",enterActive:"oLDm5",enterDone:"aZSAB",exit:"FtdvP",exitActive:"Vnj23",exitDone:"er4Mu"};exports.Tooltip=function(e){var t=e.children,n=e.content,a=e.isVisible,u=e.onVisibleChange,v=e.isRenderPortal,f=void 0===v||v,p=e.isCloseOnOutsideClick,m=void 0===p||p,g=e.isCloseOnTriggerHidden,b=void 0===g||g,O=e.isDefaultVisible,h=void 0!==O&&O,w=e.isFollowCursor,y=void 0!==w&&w,j=e.isInteractive,P=void 0!==j&&j,E=e.isShowArrow,x=void 0===E||E,C=e.delayHide,T=void 0===C?0:C,S=e.delayShow,q=void 0===S?0:S,A=e.trigger,D=void 0===A?"hover":A,H=e.placement,V=void 0===H?"auto":H,k=e.theme,N=void 0===k?"white":k,_=e.offset,I=void 0===_?[0,12]:_,M=e.padding,z=void 0===M?16:M,F=e.width,R=void 0===F?"auto":F,B=e.zIndex,Y=void 0===B?900:B,L=i.usePopperTooltip({trigger:D,placement:V,delayHide:T,delayShow:q,onVisibleChange:u,offset:I,defaultVisible:h,closeOnOutsideClick:m,closeOnTriggerHidden:b,visible:a,followCursor:y,interactive:P}),U=L.getArrowProps,W=L.getTooltipProps,X=L.setTooltipRef,Z=L.setTriggerRef,G=L.visible;return l.createElement(l.Fragment,null,l.cloneElement(t,{ref:Z}),l.createElement(r.CSSTransition,{classNames:d,timeout:166,in:G,unmountOnExit:!0},l.createElement(o.Portal,{isActive:f},l.createElement("div",c({ref:X},W({className:s.default(d.root,d[N]),style:{width:R,zIndex:Y}})),l.createElement("div",{className:s.default(d.animation)},x&&l.createElement("div",c({},U({className:d.arrow}))),l.createElement("div",{className:d.content,style:{padding:z}},n))))))};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),i=require("react-popper-tooltip"),r=require("react-transition-group"),o=require("@prom-ui/core/Portal");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var r=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,r.get?r:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var l=a(e),s=n(t),c=function(){return c=Object.assign||function(e){for(var t,i=1,r=arguments.length;i<r;i++)for(var o in t=arguments[i])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},d={content:"OAIu0",arrow:"zAGk6",animation:"N9MJt",root:"Wl-Xm",white:"oB2Pd",black:"kSaUV",enter:"t5jYJ",enterActive:"A3Dwj",enterDone:"-J0vk",exit:"mHKey",exitActive:"UibNa",exitDone:"MIlrs"};exports.Tooltip=function(e){var t=e.children,n=e.content,a=e.isVisible,u=e.onVisibleChange,v=e.isRenderPortal,f=void 0===v||v,p=e.isCloseOnOutsideClick,m=void 0===p||p,g=e.isCloseOnTriggerHidden,b=void 0===g||g,O=e.isDefaultVisible,h=void 0!==O&&O,w=e.isFollowCursor,y=void 0!==w&&w,j=e.isInteractive,P=void 0!==j&&j,E=e.isShowArrow,C=void 0===E||E,x=e.delayHide,A=void 0===x?0:x,T=e.delayShow,k=void 0===T?0:T,N=e.trigger,S=void 0===N?"hover":N,V=e.placement,q=void 0===V?"auto":V,D=e.theme,H=void 0===D?"white":D,I=e.offset,z=void 0===I?[0,12]:I,M=e.padding,_=void 0===M?16:M,J=e.width,R=void 0===J?"auto":J,F=e.zIndex,U=void 0===F?900:F,B=i.usePopperTooltip({trigger:S,placement:q,delayHide:A,delayShow:k,onVisibleChange:u,offset:z,defaultVisible:h,closeOnOutsideClick:m,closeOnTriggerHidden:b,visible:a,followCursor:y,interactive:P}),G=B.getArrowProps,K=B.getTooltipProps,W=B.setTooltipRef,X=B.setTriggerRef,Y=B.visible;return l.createElement(l.Fragment,null,l.cloneElement(t,{ref:X}),l.createElement(r.CSSTransition,{classNames:d,timeout:166,in:Y,unmountOnExit:!0},l.createElement(o.Portal,{isActive:f},l.createElement("div",c({ref:W},K({className:s.default(d.root,d[H]),style:{width:R,zIndex:U}})),l.createElement("div",{className:s.default(d.animation)},C&&l.createElement("div",c({},G({className:d.arrow}))),l.createElement("div",{className:d.content,style:{padding:_}},n))))))};
@@ -0,0 +1 @@
1
+ .Tooltip__content___OAIu0{box-sizing:border-box;position:relative;border-radius:inherit}.Tooltip__content___OAIu0:after{clear:both}.Tooltip__content___OAIu0:before,.Tooltip__content___OAIu0:after{content:"";display:table}.Tooltip__arrow___zAGk6{box-sizing:border-box;position:absolute;pointer-events:none;width:24px;height:24px;padding:calc(24px/3)}.Tooltip__arrow___zAGk6:after{content:"";display:block;width:calc(24px/3);height:calc(24px/3);border:var(--border)}.Tooltip__animation___N9MJt{position:relative;border-radius:inherit;transition:opacity 166ms cubic-bezier(.4,0,.2,1) 0ms,transform 133ms cubic-bezier(.4,0,.2,1) 0ms;will-change:transform,opacity;opacity:1;transform:scale(1)}.Tooltip__root___Wl-Xm{border-radius:var(--pds-round-m)}.Tooltip__root___Wl-Xm[data-popper-placement=top] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=top-start] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=top-end] .Tooltip__animation___N9MJt{transform-origin:center bottom}.Tooltip__root___Wl-Xm[data-popper-placement=top] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=top-start] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=top-end] .Tooltip__arrow___zAGk6{bottom:calc(24px/2*-1)}.Tooltip__root___Wl-Xm[data-popper-placement=top] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=top-start] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=top-end] .Tooltip__arrow___zAGk6:after{transform:scaleY(2) rotate(45deg);border-bottom-right-radius:var(--pds-round-xs)}.Tooltip__root___Wl-Xm[data-popper-placement=bottom] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=bottom-start] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=bottom-end] .Tooltip__animation___N9MJt{transform-origin:center top}.Tooltip__root___Wl-Xm[data-popper-placement=bottom] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=bottom-start] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=bottom-end] .Tooltip__arrow___zAGk6{top:calc(24px/2*-1)}.Tooltip__root___Wl-Xm[data-popper-placement=bottom] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=bottom-start] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=bottom-end] .Tooltip__arrow___zAGk6:after{transform:scaleY(2) rotate(45deg);border-top-left-radius:var(--pds-round-xs)}.Tooltip__root___Wl-Xm[data-popper-placement=right] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=right-start] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=right-end] .Tooltip__animation___N9MJt{transform-origin:center left}.Tooltip__root___Wl-Xm[data-popper-placement=right] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=right-start] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=right-end] .Tooltip__arrow___zAGk6{left:calc(24px/2*-1)}.Tooltip__root___Wl-Xm[data-popper-placement=right] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=right-start] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=right-end] .Tooltip__arrow___zAGk6:after{transform:scaleX(2) rotate(45deg);border-bottom-left-radius:var(--pds-round-xs)}.Tooltip__root___Wl-Xm[data-popper-placement=left] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=left-start] .Tooltip__animation___N9MJt,.Tooltip__root___Wl-Xm[data-popper-placement=left-end] .Tooltip__animation___N9MJt{transform-origin:center right}.Tooltip__root___Wl-Xm[data-popper-placement=left] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=left-start] .Tooltip__arrow___zAGk6,.Tooltip__root___Wl-Xm[data-popper-placement=left-end] .Tooltip__arrow___zAGk6{right:calc(24px/2*-1)}.Tooltip__root___Wl-Xm[data-popper-placement=left] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=left-start] .Tooltip__arrow___zAGk6:after,.Tooltip__root___Wl-Xm[data-popper-placement=left-end] .Tooltip__arrow___zAGk6:after{transform:scaleX(2) rotate(45deg);border-top-right-radius:var(--pds-round-xs)}.Tooltip__white___oB2Pd .Tooltip__animation___N9MJt{box-shadow:0 0 10px rgba(147,148,156,.3)}.Tooltip__white___oB2Pd .Tooltip__content___OAIu0{color:var(--black-900);background:var(--white)}.Tooltip__white___oB2Pd .Tooltip__arrow___zAGk6:after{background:var(--white);box-shadow:0 0 10px rgba(147,148,156,.3)}.Tooltip__black___kSaUV .Tooltip__content___OAIu0{color:var(--white);background:var(--black-900)}.Tooltip__black___kSaUV .Tooltip__arrow___zAGk6:after{background:var(--black-900)}.Tooltip__enter___t5jYJ .Tooltip__animation___N9MJt{opacity:0;transform:scale(.94)}.Tooltip__enterActive___A3Dwj .Tooltip__animation___N9MJt,.Tooltip__enterDone___-J0vk .Tooltip__animation___N9MJt{opacity:1;transform:scale(1)}.Tooltip__exit___mHKey .Tooltip__animation___N9MJt{opacity:1;transform:scale(1)}.Tooltip__exitActive___UibNa .Tooltip__animation___N9MJt,.Tooltip__exitDone___MIlrs .Tooltip__animation___N9MJt{opacity:0;transform:scale(.94)}
@@ -0,0 +1 @@
1
+ .OAIu0{box-sizing:border-box;position:relative;border-radius:inherit}.OAIu0:after{clear:both}.OAIu0:before,.OAIu0:after{content:"";display:table}.zAGk6{box-sizing:border-box;position:absolute;pointer-events:none;width:24px;height:24px;padding:calc(24px/3)}.zAGk6:after{content:"";display:block;width:calc(24px/3);height:calc(24px/3);border:var(--border)}.N9MJt{position:relative;border-radius:inherit;transition:opacity 166ms cubic-bezier(.4,0,.2,1) 0ms,transform 133ms cubic-bezier(.4,0,.2,1) 0ms;will-change:transform,opacity;opacity:1;transform:scale(1)}.Wl-Xm{border-radius:var(--pds-round-m)}.Wl-Xm[data-popper-placement=top] .N9MJt,.Wl-Xm[data-popper-placement=top-start] .N9MJt,.Wl-Xm[data-popper-placement=top-end] .N9MJt{transform-origin:center bottom}.Wl-Xm[data-popper-placement=top] .zAGk6,.Wl-Xm[data-popper-placement=top-start] .zAGk6,.Wl-Xm[data-popper-placement=top-end] .zAGk6{bottom:calc(24px/2*-1)}.Wl-Xm[data-popper-placement=top] .zAGk6:after,.Wl-Xm[data-popper-placement=top-start] .zAGk6:after,.Wl-Xm[data-popper-placement=top-end] .zAGk6:after{transform:scaleY(2) rotate(45deg);border-bottom-right-radius:var(--pds-round-xs)}.Wl-Xm[data-popper-placement=bottom] .N9MJt,.Wl-Xm[data-popper-placement=bottom-start] .N9MJt,.Wl-Xm[data-popper-placement=bottom-end] .N9MJt{transform-origin:center top}.Wl-Xm[data-popper-placement=bottom] .zAGk6,.Wl-Xm[data-popper-placement=bottom-start] .zAGk6,.Wl-Xm[data-popper-placement=bottom-end] .zAGk6{top:calc(24px/2*-1)}.Wl-Xm[data-popper-placement=bottom] .zAGk6:after,.Wl-Xm[data-popper-placement=bottom-start] .zAGk6:after,.Wl-Xm[data-popper-placement=bottom-end] .zAGk6:after{transform:scaleY(2) rotate(45deg);border-top-left-radius:var(--pds-round-xs)}.Wl-Xm[data-popper-placement=right] .N9MJt,.Wl-Xm[data-popper-placement=right-start] .N9MJt,.Wl-Xm[data-popper-placement=right-end] .N9MJt{transform-origin:center left}.Wl-Xm[data-popper-placement=right] .zAGk6,.Wl-Xm[data-popper-placement=right-start] .zAGk6,.Wl-Xm[data-popper-placement=right-end] .zAGk6{left:calc(24px/2*-1)}.Wl-Xm[data-popper-placement=right] .zAGk6:after,.Wl-Xm[data-popper-placement=right-start] .zAGk6:after,.Wl-Xm[data-popper-placement=right-end] .zAGk6:after{transform:scaleX(2) rotate(45deg);border-bottom-left-radius:var(--pds-round-xs)}.Wl-Xm[data-popper-placement=left] .N9MJt,.Wl-Xm[data-popper-placement=left-start] .N9MJt,.Wl-Xm[data-popper-placement=left-end] .N9MJt{transform-origin:center right}.Wl-Xm[data-popper-placement=left] .zAGk6,.Wl-Xm[data-popper-placement=left-start] .zAGk6,.Wl-Xm[data-popper-placement=left-end] .zAGk6{right:calc(24px/2*-1)}.Wl-Xm[data-popper-placement=left] .zAGk6:after,.Wl-Xm[data-popper-placement=left-start] .zAGk6:after,.Wl-Xm[data-popper-placement=left-end] .zAGk6:after{transform:scaleX(2) rotate(45deg);border-top-right-radius:var(--pds-round-xs)}.oB2Pd .N9MJt{box-shadow:0 0 10px rgba(147,148,156,.3)}.oB2Pd .OAIu0{color:var(--black-900);background:var(--white)}.oB2Pd .zAGk6:after{background:var(--white);box-shadow:0 0 10px rgba(147,148,156,.3)}.kSaUV .OAIu0{color:var(--white);background:var(--black-900)}.kSaUV .zAGk6:after{background:var(--black-900)}.t5jYJ .N9MJt{opacity:0;transform:scale(.94)}.A3Dwj .N9MJt,.-J0vk .N9MJt{opacity:1;transform:scale(1)}.mHKey .N9MJt{opacity:1;transform:scale(1)}.UibNa .N9MJt,.MIlrs .N9MJt{opacity:0;transform:scale(.94)}
package/Tooltip/index.js CHANGED
@@ -1,7 +1,19 @@
1
1
  'use strict';
2
2
 
3
3
  if (process.env.NODE_ENV === 'production') {
4
- module.exports = require('./cjs/index.production.js');
4
+ if (process.env.PROM_UI_CSS_HASH === 'v2') {
5
+ module.exports = require('./cjs/index.production.v2.js');
6
+ require('./cjs/style.production.v2.js');
7
+ } else {
8
+ module.exports = require('./cjs/index.production.js');
9
+ require('./cjs/style.production.js');
10
+ }
5
11
  } else {
6
- module.exports = require('./cjs/index.development.js');
12
+ if (process.env.PROM_UI_CSS_HASH === 'v2') {
13
+ module.exports = require('./cjs/index.development.v2.js');
14
+ require('./cjs/style.development.v2.js');
15
+ } else {
16
+ module.exports = require('./cjs/index.development.js');
17
+ require('./cjs/style.development.js');
18
+ }
7
19
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Tooltip",
3
- "version": "0.0.101",
3
+ "version": "0.0.102-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -106,5 +106,3 @@ var Tumbler = React__namespace.forwardRef(function (_a, ref) {
106
106
  });
107
107
 
108
108
  exports.Tumbler = Tumbler;
109
-
110
- require('./style.development.css');
@@ -0,0 +1,108 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var reactTransitionGroup = require('react-transition-group');
7
+ var classNames = require('classnames');
8
+ var Spinner = require('@prom-ui/core/Spinner');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ function _interopNamespace(e) {
13
+ if (e && e.__esModule) return e;
14
+ var n = Object.create(null);
15
+ if (e) {
16
+ Object.keys(e).forEach(function (k) {
17
+ if (k !== 'default') {
18
+ var d = Object.getOwnPropertyDescriptor(e, k);
19
+ Object.defineProperty(n, k, d.get ? d : {
20
+ enumerable: true,
21
+ get: function () { return e[k]; }
22
+ });
23
+ }
24
+ });
25
+ }
26
+ n["default"] = e;
27
+ return Object.freeze(n);
28
+ }
29
+
30
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
31
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
32
+
33
+ /******************************************************************************
34
+ Copyright (c) Microsoft Corporation.
35
+
36
+ Permission to use, copy, modify, and/or distribute this software for any
37
+ purpose with or without fee is hereby granted.
38
+
39
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
40
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
41
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
42
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
43
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
44
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
45
+ PERFORMANCE OF THIS SOFTWARE.
46
+ ***************************************************************************** */
47
+
48
+ var __assign = function() {
49
+ __assign = Object.assign || function __assign(t) {
50
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
51
+ s = arguments[i];
52
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
53
+ }
54
+ return t;
55
+ };
56
+ return __assign.apply(this, arguments);
57
+ };
58
+
59
+ function __rest(s, e) {
60
+ var t = {};
61
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
62
+ t[p] = s[p];
63
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
64
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
65
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
66
+ t[p[i]] = s[p[i]];
67
+ }
68
+ return t;
69
+ }
70
+
71
+ var css = {"root":"Tumbler__root___tbqBR","view":"Tumbler__view___mdLlw","viewCircle":"Tumbler__viewCircle___2fnqc","input":"Tumbler__input___7lx3h","inputLoading":"Tumbler__inputLoading___KyFmD","spinner":"Tumbler__spinner___2VatE","spinnerEnterActive":"Tumbler__spinnerEnterActive___CL5Zt","spinnerEnterDone":"Tumbler__spinnerEnterDone___-3a-o","spinnerExitActive":"Tumbler__spinnerExitActive___MjHhx","spinnerExitDone":"Tumbler__spinnerExitDone___zzBA4"};
72
+
73
+ var Tumbler = React__namespace.forwardRef(function (_a, ref) {
74
+ var _b;
75
+
76
+ var className = _a.className,
77
+ _c = _a.loading,
78
+ loading = _c === void 0 ? false : _c,
79
+ _d = _a.type,
80
+ type = _d === void 0 ? 'checkbox' : _d,
81
+ props = __rest(_a, ["className", "loading", "type"]);
82
+
83
+ return React__namespace.createElement("div", {
84
+ className: classNames__default["default"](css.root, className)
85
+ }, React__namespace.createElement("input", __assign({
86
+ ref: ref,
87
+ className: classNames__default["default"](css.input, (_b = {}, _b[css.inputLoading] = loading, _b)),
88
+ type: type
89
+ }, props)), React__namespace.createElement("div", {
90
+ className: css.view
91
+ }, React__namespace.createElement("div", {
92
+ className: css.viewCircle
93
+ }, React__namespace.createElement(reactTransitionGroup.CSSTransition, {
94
+ in: loading,
95
+ timeout: 100,
96
+ classNames: {
97
+ enterActive: css.spinnerEnterActive,
98
+ enterDone: css.spinnerEnterDone,
99
+ exitActive: css.spinnerExitActive,
100
+ exitDone: css.spinnerExitDone
101
+ },
102
+ unmountOnExit: true
103
+ }, React__namespace.createElement(Spinner.Spinner, {
104
+ className: css.spinner
105
+ })))));
106
+ });
107
+
108
+ exports.Tumbler = Tumbler;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),n=require("@prom-ui/core/Spinner");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(e),i=a(r),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};var u="_17yYC",s="w66K2",f="xvJqd",p="Kg91O",m="y1iJD",y="CNMl7",d="C2P5b",v="cgEXP",O="k-mzv",b="XD0-8",g=c.forwardRef((function(e,r){var a,o=e.className,g=e.loading,j=void 0!==g&&g,E=e.type,x=void 0===E?"checkbox":E,N=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 a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["className","loading","type"]);return c.createElement("div",{className:i.default(u,o)},c.createElement("input",l({ref:r,className:i.default(p,(a={},a[m]=j,a)),type:x},N)),c.createElement("div",{className:s},c.createElement("div",{className:f},c.createElement(t.CSSTransition,{in:j,timeout:100,classNames:{enterActive:d,enterDone:v,exitActive:O,exitDone:b},unmountOnExit:!0},c.createElement(n.Spinner,{className:y})))))}));exports.Tumbler=g,require("./style.production.css");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),n=require("@prom-ui/core/Spinner");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(e),i=a(r),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};var u="_17yYC",s="w66K2",f="xvJqd",p="Kg91O",m="y1iJD",y="CNMl7",d="C2P5b",v="cgEXP",O="k-mzv",b="XD0-8",g=c.forwardRef((function(e,r){var a,o=e.className,g=e.loading,j=void 0!==g&&g,E=e.type,x=void 0===E?"checkbox":E,N=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 a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["className","loading","type"]);return c.createElement("div",{className:i.default(u,o)},c.createElement("input",l({ref:r,className:i.default(p,(a={},a[m]=j,a)),type:x},N)),c.createElement("div",{className:s},c.createElement("div",{className:f},c.createElement(t.CSSTransition,{in:j,timeout:100,classNames:{enterActive:d,enterDone:v,exitActive:O,exitDone:b},unmountOnExit:!0},c.createElement(n.Spinner,{className:y})))))}));exports.Tumbler=g;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),r=require("classnames"),n=require("@prom-ui/core/Spinner");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 c=o(e),i=a(r),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};var u="tbqBR",s="mdLlw",f="_2fnqc",p="_7lx3h",m="KyFmD",d="_2VatE",y="CL5Zt",b="_-3a-o",O="MjHhx",v="zzBA4",j=c.forwardRef((function(e,r){var a,o=e.className,j=e.loading,g=void 0!==j&&j,x=e.type,E=void 0===x?"checkbox":x,h=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 a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["className","loading","type"]);return c.createElement("div",{className:i.default(u,o)},c.createElement("input",l({ref:r,className:i.default(p,(a={},a[m]=g,a)),type:E},h)),c.createElement("div",{className:s},c.createElement("div",{className:f},c.createElement(t.CSSTransition,{in:g,timeout:100,classNames:{enterActive:y,enterDone:b,exitActive:O,exitDone:v},unmountOnExit:!0},c.createElement(n.Spinner,{className:d})))))}));exports.Tumbler=j;
@@ -0,0 +1 @@
1
+ .Tumbler__root___tbqBR{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.Tumbler__view___mdLlw{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}.Tumbler__viewCircle___2fnqc{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}.Tumbler__input___7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}.Tumbler__input___7lx3h:disabled{cursor:default}.Tumbler__input___7lx3h:focus-visible+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw{background-color:var(--violet-50)}.Tumbler__input___7lx3h:checked+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw{background-color:var(--black-200)}.Tumbler__input___7lx3h:disabled+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.Tumbler__inputLoading___KyFmD{pointer-events:none;cursor:default}.Tumbler__spinner___2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.Tumbler__spinnerEnterActive___CL5Zt,.Tumbler__spinnerEnterDone___-3a-o{opacity:1}.Tumbler__spinnerExitActive___MjHhx,.Tumbler__spinnerExitDone___zzBA4{opacity:0}@media (hover){.Tumbler__input___7lx3h:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--black-500)}.Tumbler__input___7lx3h:checked:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--violet-500)}.Tumbler__input___7lx3h:disabled:hover+.Tumbler__view___mdLlw .Tumbler__viewCircle___2fnqc{border-color:var(--black-400)}}
@@ -0,0 +1 @@
1
+ .tbqBR{position:relative;display:block;width:34px;height:20px;padding:3px 0;box-sizing:border-box;margin:calc((var(--pds-line-height) - 20px)/2)0;flex-shrink:0}.mdLlw{height:100%;border-radius:1em;background:var(--black-400);transition:background-color 120ms ease-in-out}._2fnqc{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:100%;transform:translateX(0);display:flex;align-items:center;justify-content:center;color:var(--violet-500);background:var(--white);border:1px var(--black-400) solid;box-shadow:1px 1px 4px 0 var(--black-400);transition:120ms ease-in-out;transition-property:background-color,border-color,transform}._7lx3h{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer}._7lx3h:disabled{cursor:default}._7lx3h:focus-visible+.mdLlw ._2fnqc{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}._7lx3h:checked+.mdLlw{background-color:var(--violet-50)}._7lx3h:checked+.mdLlw ._2fnqc{transform:translateX(14px);color:var(--white);background-color:var(--violet-500);border-color:var(--violet-500)}._7lx3h:disabled+.mdLlw{background-color:var(--black-200)}._7lx3h:disabled+.mdLlw ._2fnqc{box-shadow:none;color:var(--violet-500);background-color:var(--black-400);border-color:var(--black-400)}.KyFmD{pointer-events:none;cursor:default}._2VatE{opacity:0;transition:opacity 100ms ease-in-out;width:1em;height:1em}.CL5Zt,._-3a-o{opacity:1}.MjHhx,.zzBA4{opacity:0}@media (hover){._7lx3h:hover+.mdLlw ._2fnqc{border-color:var(--black-500)}._7lx3h:checked:hover+.mdLlw ._2fnqc{border-color:var(--violet-500)}._7lx3h:disabled:hover+.mdLlw ._2fnqc{border-color:var(--black-400)}}
package/Tumbler/index.js CHANGED
@@ -1,7 +1,19 @@
1
1
  'use strict';
2
2
 
3
3
  if (process.env.NODE_ENV === 'production') {
4
- module.exports = require('./cjs/index.production.js');
4
+ if (process.env.PROM_UI_CSS_HASH === 'v2') {
5
+ module.exports = require('./cjs/index.production.v2.js');
6
+ require('./cjs/style.production.v2.js');
7
+ } else {
8
+ module.exports = require('./cjs/index.production.js');
9
+ require('./cjs/style.production.js');
10
+ }
5
11
  } else {
6
- module.exports = require('./cjs/index.development.js');
12
+ if (process.env.PROM_UI_CSS_HASH === 'v2') {
13
+ module.exports = require('./cjs/index.development.v2.js');
14
+ require('./cjs/style.development.v2.js');
15
+ } else {
16
+ module.exports = require('./cjs/index.development.js');
17
+ require('./cjs/style.development.js');
18
+ }
7
19
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@prom-ui/core/Tumbler",
3
- "version": "0.0.101",
3
+ "version": "0.0.102-alpha.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@prom-ui/core",
3
3
  "author": "e.marchenko",
4
- "version": "0.0.101",
4
+ "version": "0.0.102-alpha.0",
5
5
  "description": "core ui blocks",
6
6
  "scripts": {
7
7
  "test": "jest",
8
8
  "prebuild": "node ./preBuild.js",
9
- "build": "NODE_ENV=development rollup --config ./rollup.config.js",
10
- "postbuild": "NODE_ENV=production rollup --config ./rollup.config.js",
9
+ "build": "NODE_ENV=development rollup --config ./rollup.config.js && NODE_ENV=development CSS_HASH=v2 rollup --config ./rollup.config.js",
10
+ "postbuild": "NODE_ENV=production rollup --config ./rollup.config.js && NODE_ENV=production CSS_HASH=v2 rollup --config ./rollup.config.js",
11
11
  "prepublishOnly": "npm run build"
12
12
  },
13
13
  "repository": {
@@ -63,5 +63,5 @@
63
63
  "optional": true
64
64
  }
65
65
  },
66
- "gitHead": "1638fa16fdb8ccf0aea2e5378df855a79600a626"
66
+ "gitHead": "036ea427481d20af868c4bae3f238612324bd2db"
67
67
  }