@prom-ui/core 1.0.0-alpha.3 → 1.0.0-alpha.5

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 (99) hide show
  1. package/Avatar/package.json +1 -1
  2. package/Backdrop/package.json +1 -1
  3. package/Body/cjs/index.development.js +10 -5
  4. package/Body/cjs/index.development.v2.js +10 -5
  5. package/Body/cjs/index.production.js +1 -1
  6. package/Body/cjs/index.production.v2.js +1 -1
  7. package/Body/index.d.ts +35 -2
  8. package/Body/package.json +1 -1
  9. package/BodyProvider/package.json +1 -1
  10. package/Box/package.json +1 -1
  11. package/Button/package.json +1 -1
  12. package/ButtonPageUp/package.json +1 -1
  13. package/Checkbox/package.json +1 -1
  14. package/Flex/cjs/index.development.js +6 -6
  15. package/Flex/cjs/index.development.v2.js +6 -6
  16. package/Flex/cjs/index.production.js +1 -1
  17. package/Flex/cjs/index.production.v2.js +1 -1
  18. package/Flex/index.d.ts +34 -2
  19. package/Flex/package.json +1 -1
  20. package/Grid/cjs/index.development.js +6 -6
  21. package/Grid/cjs/index.development.v2.js +6 -6
  22. package/Grid/cjs/index.production.js +1 -1
  23. package/Grid/cjs/index.production.v2.js +1 -1
  24. package/Grid/index.d.ts +46 -2
  25. package/Grid/package.json +1 -1
  26. package/Icon/package.json +1 -1
  27. package/Image/package.json +1 -1
  28. package/ImageEmoji/package.json +1 -1
  29. package/Input/package.json +1 -1
  30. package/InputField/package.json +1 -1
  31. package/KeyPress/package.json +1 -1
  32. package/Line/package.json +1 -1
  33. package/Link/package.json +1 -1
  34. package/List/cjs/index.development.js +6 -6
  35. package/List/cjs/index.development.v2.js +6 -6
  36. package/List/cjs/index.production.js +1 -1
  37. package/List/cjs/index.production.v2.js +1 -1
  38. package/List/index.d.ts +23 -2
  39. package/List/package.json +1 -1
  40. package/Media/package.json +1 -1
  41. package/OutsideClick/package.json +1 -1
  42. package/Overlay/package.json +1 -1
  43. package/Picture/cjs/index.development.js +5 -6
  44. package/Picture/cjs/index.development.v2.js +5 -6
  45. package/Picture/cjs/index.production.js +1 -1
  46. package/Picture/cjs/index.production.v2.js +1 -1
  47. package/Picture/index.d.ts +69 -2
  48. package/Picture/package.json +1 -1
  49. package/Portal/package.json +1 -1
  50. package/QRCode/package.json +1 -1
  51. package/Rating/package.json +1 -1
  52. package/SafeQuery/cjs/index.development.js +6 -5
  53. package/SafeQuery/cjs/index.development.v2.js +6 -5
  54. package/SafeQuery/index.d.ts +6 -9
  55. package/SafeQuery/package.json +1 -1
  56. package/Scroll/package.json +1 -1
  57. package/ScrollControls/index.d.ts +2 -2
  58. package/ScrollControls/package.json +1 -1
  59. package/SimpleSlider/package.json +1 -1
  60. package/Skeleton/package.json +1 -1
  61. package/Spinner/package.json +1 -1
  62. package/Text/package.json +1 -1
  63. package/TextEmoji/package.json +1 -1
  64. package/Tooltip/package.json +1 -1
  65. package/Tumbler/package.json +1 -1
  66. package/package.json +3 -4
  67. package/useDebounce/package.json +1 -1
  68. package/useIsMounted/package.json +1 -1
  69. package/useKeyPress/package.json +1 -1
  70. package/useMedia/package.json +1 -1
  71. package/useOutsideClick/package.json +1 -1
  72. package/usePortal/package.json +1 -1
  73. package/useScrollPosition/package.json +1 -1
  74. package/PortableOverlay/cjs/index.development.js +0 -110
  75. package/PortableOverlay/cjs/index.development.v2.js +0 -110
  76. package/PortableOverlay/cjs/index.production.js +0 -1
  77. package/PortableOverlay/cjs/index.production.v2.js +0 -1
  78. package/PortableOverlay/cjs/style.development.css +0 -1
  79. package/PortableOverlay/cjs/style.development.v2.css +0 -1
  80. package/PortableOverlay/cjs/style.production.css +0 -1
  81. package/PortableOverlay/cjs/style.production.v2.css +0 -1
  82. package/PortableOverlay/index.d.ts +0 -14
  83. package/PortableOverlay/index.js +0 -7
  84. package/PortableOverlay/index.v2.js +0 -7
  85. package/PortableOverlay/package.json +0 -12
  86. package/SideOverlay/blocks.d.ts +0 -14
  87. package/SideOverlay/cjs/index.development.js +0 -208
  88. package/SideOverlay/cjs/index.development.v2.js +0 -208
  89. package/SideOverlay/cjs/index.production.js +0 -1
  90. package/SideOverlay/cjs/index.production.v2.js +0 -1
  91. package/SideOverlay/cjs/style.development.css +0 -1
  92. package/SideOverlay/cjs/style.development.v2.css +0 -1
  93. package/SideOverlay/cjs/style.production.css +0 -1
  94. package/SideOverlay/cjs/style.production.v2.css +0 -1
  95. package/SideOverlay/index.d.ts +0 -46
  96. package/SideOverlay/index.js +0 -7
  97. package/SideOverlay/index.v2.js +0 -7
  98. package/SideOverlay/package.json +0 -14
  99. package/SideOverlay/utils.d.ts +0 -8
@@ -1,208 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var ScrollLock = require('react-scrolllock');
7
- var KeyPress = require('@prom-ui/core/KeyPress');
8
- var Portal = require('@prom-ui/core/Portal');
9
- var BodyProvider = require('@prom-ui/core/BodyProvider');
10
- var evokit = require('evokit');
11
- var reactTransitionGroup = require('react-transition-group');
12
-
13
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
14
-
15
- function _interopNamespaceCompat(e) {
16
- if (e && typeof e === 'object' && 'default' in e) return e;
17
- var n = Object.create(null);
18
- if (e) {
19
- Object.keys(e).forEach(function (k) {
20
- if (k !== 'default') {
21
- var d = Object.getOwnPropertyDescriptor(e, k);
22
- Object.defineProperty(n, k, d.get ? d : {
23
- enumerable: true,
24
- get: function () { return e[k]; }
25
- });
26
- }
27
- });
28
- }
29
- n.default = e;
30
- return Object.freeze(n);
31
- }
32
-
33
- var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
34
- var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
35
-
36
- /******************************************************************************
37
- Copyright (c) Microsoft Corporation.
38
-
39
- Permission to use, copy, modify, and/or distribute this software for any
40
- purpose with or without fee is hereby granted.
41
-
42
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
43
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
44
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
45
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
46
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
47
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
48
- PERFORMANCE OF THIS SOFTWARE.
49
- ***************************************************************************** */
50
-
51
- var __assign = function() {
52
- __assign = Object.assign || function __assign(t) {
53
- for (var s, i = 1, n = arguments.length; i < n; i++) {
54
- s = arguments[i];
55
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
56
- }
57
- return t;
58
- };
59
- return __assign.apply(this, arguments);
60
- };
61
-
62
- function __rest(s, e) {
63
- var t = {};
64
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
65
- t[p] = s[p];
66
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
67
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
68
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
69
- t[p[i]] = s[p[i]];
70
- }
71
- return t;
72
- }
73
-
74
- function __makeTemplateObject(cooked, raw) {
75
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
76
- return cooked;
77
- }
78
-
79
- var css = {"root":"SideOverlay__root___0hSa2","backdrop":"SideOverlay__backdrop___wUZLN","popup":"SideOverlay__popup___Ulqfh","content":"SideOverlay__content___N1Cdb","close":"SideOverlay__close___D-QIP","popup_placement_top":"SideOverlay__popup_placement_top___qJTjO","popup_placement_bottom":"SideOverlay__popup_placement_bottom___TDEZ7","popup_placement_right":"SideOverlay__popup_placement_right___xZVWW","popup_placement_left":"SideOverlay__popup_placement_left___ywgfV","enter":"SideOverlay__enter___5IZPy","exit":"SideOverlay__exit___N9pJ7","enterActive":"SideOverlay__enterActive___SiX-q","exitActive":"SideOverlay__exitActive___oRVo0"};
80
-
81
- var BLOCKS_PRESET = {
82
- css: css,
83
- b: ''
84
- };
85
- var Root = evokit.createBlock('div', 'root', [], BLOCKS_PRESET);
86
- var Backdrop = evokit.createBlock('div', 'backdrop', [], BLOCKS_PRESET);
87
- var Popup = evokit.createBlock('div', 'popup', ['placement'], BLOCKS_PRESET);
88
- var Content = evokit.createBlock('div', 'content', [], BLOCKS_PRESET);
89
- var Close = evokit.createBlock('button', 'close', [], BLOCKS_PRESET);
90
- var Animate = function (_a) {
91
- var _b = _a.open,
92
- open = _b === void 0 ? false : _b,
93
- children = _a.children,
94
- _c = _a.enabled,
95
- enabled = _c === void 0 ? true : _c,
96
- onEnter = _a.onEnter;
97
- return React__namespace.default.createElement(reactTransitionGroup.CSSTransition, {
98
- in: open,
99
- timeout: enabled ? 225 : 0,
100
- classNames: css,
101
- unmountOnExit: true,
102
- onEnter: onEnter
103
- }, children);
104
- };
105
-
106
- var getPopupStyle = function (placement, size) {
107
- if (['top', 'bottom'].includes(placement)) {
108
- return {
109
- height: size
110
- };
111
- }
112
- return {
113
- width: size
114
- };
115
- };
116
-
117
- var SideOverlay = function (_a) {
118
- var children = _a.children,
119
- _b = _a.classNames,
120
- classNames = _b === void 0 ? {} : _b,
121
- onClose = _a.onClose,
122
- onOpen = _a.onOpen,
123
- _c = _a.open,
124
- open = _c === void 0 ? false : _c,
125
- _d = _a.padding,
126
- padding = _d === void 0 ? '45px 30px 30px 30px' : _d,
127
- _e = _a.placement,
128
- placement = _e === void 0 ? 'left' : _e,
129
- _f = _a.size,
130
- size = _f === void 0 ? 400 : _f,
131
- _g = _a.useCloseButton,
132
- useCloseButton = _g === void 0 ? true : _g,
133
- _h = _a.useEscapeClose,
134
- useEscapeClose = _h === void 0 ? true : _h,
135
- _j = _a.useOutsideClose,
136
- useOutsideClose = _j === void 0 ? true : _j,
137
- _k = _a.usePortal,
138
- usePortal = _k === void 0 ? true : _k,
139
- _l = _a.useScrollLock,
140
- useScrollLock = _l === void 0 ? true : _l,
141
- _m = _a.useTouchScrollable,
142
- useTouchScrollable = _m === void 0 ? true : _m,
143
- _o = _a.zIndex,
144
- zIndex = _o === void 0 ? 5000 : _o,
145
- dataQaId = _a.dataQaId,
146
- contentRef = _a.contentRef,
147
- _p = _a.animationEnabled,
148
- animationEnabled = _p === void 0 ? true : _p,
149
- props = __rest(_a, ["children", "classNames", "onClose", "onOpen", "open", "padding", "placement", "size", "useCloseButton", "useEscapeClose", "useOutsideClose", "usePortal", "useScrollLock", "useTouchScrollable", "zIndex", "dataQaId", "contentRef", "animationEnabled"]);
150
- var t = BodyProvider.useBodyLocale().t;
151
- return React__namespace.createElement(Animate, {
152
- open: open,
153
- onEnter: function () {
154
- onOpen && onOpen();
155
- },
156
- enabled: animationEnabled
157
- }, React__namespace.createElement(Portal.Portal, {
158
- isActive: usePortal
159
- }, React__namespace.createElement(Root, __assign({
160
- role: 'presentation',
161
- style: {
162
- zIndex: zIndex
163
- },
164
- className: classNames.Root
165
- }, props), React__namespace.createElement(ScrollLock__default.default, {
166
- isActive: useScrollLock
167
- }), React__namespace.createElement(KeyPress.KeyPress, {
168
- isActive: useEscapeClose,
169
- code: 'Escape',
170
- onKeyDown: onClose
171
- }), React__namespace.createElement(Backdrop, {
172
- className: classNames.Backdrop,
173
- "aria-hidden": true,
174
- onClick: function (e) {
175
- if (useOutsideClose && onClose) {
176
- onClose(e);
177
- }
178
- }
179
- }), React__namespace.createElement(Popup, {
180
- "popup-placement": placement,
181
- className: classNames.Popup,
182
- style: getPopupStyle(placement, size),
183
- "data-qaid": dataQaId
184
- }, useCloseButton && onClose && React__namespace.createElement(Close, {
185
- className: classNames.Close,
186
- type: 'button',
187
- onClick: onClose,
188
- "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
189
- "data-qaid": 'close'
190
- }), useTouchScrollable ? React__namespace.createElement(ScrollLock.TouchScrollable, null, React__namespace.createElement(Content, {
191
- ref: contentRef,
192
- className: classNames.Content,
193
- style: {
194
- padding: padding
195
- }
196
- }, children)) : React__namespace.createElement(Content, {
197
- ref: contentRef,
198
- className: classNames.Content,
199
- style: {
200
- padding: padding
201
- }
202
- }, children)))));
203
- };
204
- var templateObject_1;
205
-
206
- exports.SideOverlay = SideOverlay;
207
-
208
- require('./style.development.v2.css');
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),o=require("@prom-ui/core/KeyPress"),r=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/BodyProvider"),a=require("evokit"),c=require("react-transition-group");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=i(e),u=l(t),p=function(){return p=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},p.apply(this,arguments)};var d,f={root:"zoSc7",backdrop:"v5Neh",popup:"LsB4w",content:"D9ezA",close:"aiN5k",popup_placement_top:"BSFf7",popup_placement_bottom:"k1gGY",popup_placement_right:"w9HUr",popup_placement_left:"DWBxa",enter:"ukL-B",exit:"QE5yq",enterActive:"VPRAq",exitActive:"FhiSX"},m={css:f,b:""},v=a.createBlock("div","root",[],m),b=a.createBlock("div","backdrop",[],m),y=a.createBlock("div","popup",["placement"],m),O=a.createBlock("div","content",[],m),E=a.createBlock("button","close",[],m),h=function(e){var t=e.open,o=void 0!==t&&t,r=e.children,n=e.enabled,a=void 0===n||n,l=e.onEnter;return s.default.createElement(c.CSSTransition,{in:o,timeout:a?225:0,classNames:f,unmountOnExit:!0,onEnter:l},r)},k=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.SideOverlay=function(e){var a,c,l=e.children,i=e.classNames,f=void 0===i?{}:i,m=e.onClose,P=e.onOpen,g=e.open,j=void 0!==g&&g,x=e.padding,B=void 0===x?"45px 30px 30px 30px":x,C=e.placement,S=void 0===C?"left":C,q=e.size,w=void 0===q?400:q,N=e.useCloseButton,_=void 0===N||N,z=e.useEscapeClose,A=void 0===z||z,I=e.useOutsideClose,L=void 0===I||I,D=e.usePortal,R=void 0===D||D,T=e.useScrollLock,K=void 0===T||T,Q=e.useTouchScrollable,F=void 0===Q||Q,G=e.zIndex,H=void 0===G?5e3:G,M=e.dataQaId,U=e.contentRef,V=e.animationEnabled,W=void 0===V||V,X=function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}(e,["children","classNames","onClose","onOpen","open","padding","placement","size","useCloseButton","useEscapeClose","useOutsideClose","usePortal","useScrollLock","useTouchScrollable","zIndex","dataQaId","contentRef","animationEnabled"]),Y=n.useBodyLocale().t;return s.createElement(h,{open:j,onEnter:function(){P&&P()},enabled:W},s.createElement(r.Portal,{isActive:R},s.createElement(v,p({role:"presentation",style:{zIndex:H},className:f.Root},X),s.createElement(u.default,{isActive:K}),s.createElement(o.KeyPress,{isActive:A,code:"Escape",onKeyDown:m}),s.createElement(b,{className:f.Backdrop,"aria-hidden":!0,onClick:function(e){L&&m&&m(e)}}),s.createElement(y,{"popup-placement":S,className:f.Popup,style:k(S,w),"data-qaid":M},_&&m&&s.createElement(E,{className:f.Close,type:"button",onClick:m,"aria-label":Y(d||(a=["Закрыть"],c=["Закрыть"],Object.defineProperty?Object.defineProperty(a,"raw",{value:c}):a.raw=c,d=a)),"data-qaid":"close"}),F?s.createElement(t.TouchScrollable,null,s.createElement(O,{ref:U,className:f.Content,style:{padding:B}},l)):s.createElement(O,{ref:U,className:f.Content,style:{padding:B}},l)))))},require("./style.production.css");
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),o=require("@prom-ui/core/KeyPress"),r=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/BodyProvider"),a=require("evokit"),c=require("react-transition-group");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=i(e),p=l(t),u=function(){return u=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},u.apply(this,arguments)};var d,f={root:"_0hSa2",backdrop:"wUZLN",popup:"Ulqfh",content:"N1Cdb",close:"D-QIP",popup_placement_top:"qJTjO",popup_placement_bottom:"TDEZ7",popup_placement_right:"xZVWW",popup_placement_left:"ywgfV",enter:"_5IZPy",exit:"N9pJ7",enterActive:"SiX-q",exitActive:"oRVo0"},m={css:f,b:""},v=a.createBlock("div","root",[],m),b=a.createBlock("div","backdrop",[],m),y=a.createBlock("div","popup",["placement"],m),O=a.createBlock("div","content",[],m),E=a.createBlock("button","close",[],m),h=function(e){var t=e.open,o=void 0!==t&&t,r=e.children,n=e.enabled,a=void 0===n||n,l=e.onEnter;return s.default.createElement(c.CSSTransition,{in:o,timeout:a?225:0,classNames:f,unmountOnExit:!0,onEnter:l},r)},P=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.SideOverlay=function(e){var a,c,l=e.children,i=e.classNames,f=void 0===i?{}:i,m=e.onClose,j=e.onOpen,g=e.open,k=void 0!==g&&g,x=e.padding,C=void 0===x?"45px 30px 30px 30px":x,q=e.placement,N=void 0===q?"left":q,S=e.size,_=void 0===S?400:S,w=e.useCloseButton,B=void 0===w||w,I=e.useEscapeClose,z=void 0===I||I,T=e.useOutsideClose,A=void 0===T||T,D=e.usePortal,L=void 0===D||D,R=e.useScrollLock,Z=void 0===R||R,K=e.useTouchScrollable,Q=void 0===K||K,V=e.zIndex,J=void 0===V?5e3:V,U=e.dataQaId,W=e.contentRef,M=e.animationEnabled,X=void 0===M||M,F=function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}(e,["children","classNames","onClose","onOpen","open","padding","placement","size","useCloseButton","useEscapeClose","useOutsideClose","usePortal","useScrollLock","useTouchScrollable","zIndex","dataQaId","contentRef","animationEnabled"]),G=n.useBodyLocale().t;return s.createElement(h,{open:k,onEnter:function(){j&&j()},enabled:X},s.createElement(r.Portal,{isActive:L},s.createElement(v,u({role:"presentation",style:{zIndex:J},className:f.Root},F),s.createElement(p.default,{isActive:Z}),s.createElement(o.KeyPress,{isActive:z,code:"Escape",onKeyDown:m}),s.createElement(b,{className:f.Backdrop,"aria-hidden":!0,onClick:function(e){A&&m&&m(e)}}),s.createElement(y,{"popup-placement":N,className:f.Popup,style:P(N,_),"data-qaid":U},B&&m&&s.createElement(E,{className:f.Close,type:"button",onClick:m,"aria-label":G(d||(a=["Закрыть"],c=["Закрыть"],Object.defineProperty?Object.defineProperty(a,"raw",{value:c}):a.raw=c,d=a)),"data-qaid":"close"}),Q?s.createElement(t.TouchScrollable,null,s.createElement(O,{ref:W,className:f.Content,style:{padding:C}},l)):s.createElement(O,{ref:W,className:f.Content,style:{padding:C}},l)))))},require("./style.production.v2.css");
@@ -1 +0,0 @@
1
- .SideOverlay__root___zoSc7{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.SideOverlay__backdrop___v5Neh{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.SideOverlay__popup___LsB4w{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.SideOverlay__content___D9ezA{width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.SideOverlay__close___aiN5k{position:absolute;right:0;top:0;font-size:30px;line-height:24px;color:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;cursor:pointer;border:0;padding:0;font-weight:400;width:24px;height:24px;margin:10px}.SideOverlay__close___aiN5k::after{content:"×"}.SideOverlay__popup_placement_top___BSFf7,.SideOverlay__popup_placement_bottom___k1gGY,.SideOverlay__popup_placement_right___w9HUr,.SideOverlay__popup_placement_left___DWBxa{transform:none;will-change:transform}.SideOverlay__popup_placement_top___BSFf7,.SideOverlay__popup_placement_bottom___k1gGY{right:0;left:0;max-height:90%}.SideOverlay__popup_placement_right___w9HUr,.SideOverlay__popup_placement_left___DWBxa{top:0;bottom:0;max-width:90%}.SideOverlay__popup_placement_top___BSFf7{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.SideOverlay__popup_placement_bottom___k1gGY{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1)}.SideOverlay__popup_placement_right___w9HUr{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1)}.SideOverlay__popup_placement_left___DWBxa{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1)}.SideOverlay__enter___ukL-B,.SideOverlay__exit___QE5yq{pointer-events:auto}.SideOverlay__enterActive___VPRAq,.SideOverlay__exitActive___FhiSX{pointer-events:none}.SideOverlay__enterActive___VPRAq .SideOverlay__backdrop___v5Neh,.SideOverlay__exitActive___FhiSX .SideOverlay__backdrop___v5Neh{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_top___BSFf7,.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_top___BSFf7,.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_right___w9HUr,.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_right___w9HUr,.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_bottom___k1gGY,.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_bottom___k1gGY,.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_left___DWBxa,.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_left___DWBxa{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.SideOverlay__enter___ukL-B .SideOverlay__backdrop___v5Neh{opacity:0}.SideOverlay__enter___ukL-B .SideOverlay__popup_placement_top___BSFf7{transform:translateY(-100%)}.SideOverlay__enter___ukL-B .SideOverlay__popup_placement_right___w9HUr{transform:translateX(100%)}.SideOverlay__enter___ukL-B .SideOverlay__popup_placement_bottom___k1gGY{transform:translateY(100%)}.SideOverlay__enter___ukL-B .SideOverlay__popup_placement_left___DWBxa{transform:translateX(-100%)}.SideOverlay__enterActive___VPRAq .SideOverlay__backdrop___v5Neh{opacity:.5}.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_top___BSFf7,.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_bottom___k1gGY{transform:translateY(0)}.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_left___DWBxa,.SideOverlay__enterActive___VPRAq .SideOverlay__popup_placement_right___w9HUr{transform:translateX(0)}.SideOverlay__exit___QE5yq .SideOverlay__backdrop___v5Neh{opacity:.5}.SideOverlay__exit___QE5yq .SideOverlay__popup_placement_top___BSFf7,.SideOverlay__exit___QE5yq .SideOverlay__popup_placement_bottom___k1gGY{transform:translateY(0)}.SideOverlay__exit___QE5yq .SideOverlay__popup_placement_left___DWBxa,.SideOverlay__exit___QE5yq .SideOverlay__popup_placement_right___w9HUr{transform:translateX(0)}.SideOverlay__exitActive___FhiSX .SideOverlay__backdrop___v5Neh{opacity:0}.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_top___BSFf7{transform:translateY(-100%)}.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_right___w9HUr{transform:translateX(100%)}.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_bottom___k1gGY{transform:translateY(100%)}.SideOverlay__exitActive___FhiSX .SideOverlay__popup_placement_left___DWBxa{transform:translateX(-100%)}
@@ -1 +0,0 @@
1
- .SideOverlay__root___0hSa2{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.SideOverlay__backdrop___wUZLN{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.SideOverlay__popup___Ulqfh{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.SideOverlay__content___N1Cdb{width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.SideOverlay__close___D-QIP{position:absolute;right:0;top:0;font-size:30px;line-height:24px;color:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;cursor:pointer;border:0;padding:0;font-weight:400;width:24px;height:24px;margin:10px}.SideOverlay__close___D-QIP::after{content:"×"}.SideOverlay__popup_placement_top___qJTjO,.SideOverlay__popup_placement_bottom___TDEZ7,.SideOverlay__popup_placement_right___xZVWW,.SideOverlay__popup_placement_left___ywgfV{transform:none;will-change:transform}.SideOverlay__popup_placement_top___qJTjO,.SideOverlay__popup_placement_bottom___TDEZ7{right:0;left:0;max-height:90%}.SideOverlay__popup_placement_right___xZVWW,.SideOverlay__popup_placement_left___ywgfV{top:0;bottom:0;max-width:90%}.SideOverlay__popup_placement_top___qJTjO{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.SideOverlay__popup_placement_bottom___TDEZ7{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1)}.SideOverlay__popup_placement_right___xZVWW{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1)}.SideOverlay__popup_placement_left___ywgfV{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1)}.SideOverlay__enter___5IZPy,.SideOverlay__exit___N9pJ7{pointer-events:auto}.SideOverlay__enterActive___SiX-q,.SideOverlay__exitActive___oRVo0{pointer-events:none}.SideOverlay__enterActive___SiX-q .SideOverlay__backdrop___wUZLN,.SideOverlay__exitActive___oRVo0 .SideOverlay__backdrop___wUZLN{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_top___qJTjO,.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_top___qJTjO,.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_right___xZVWW,.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_right___xZVWW,.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_bottom___TDEZ7,.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_bottom___TDEZ7,.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_left___ywgfV,.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_left___ywgfV{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.SideOverlay__enter___5IZPy .SideOverlay__backdrop___wUZLN{opacity:0}.SideOverlay__enter___5IZPy .SideOverlay__popup_placement_top___qJTjO{transform:translateY(-100%)}.SideOverlay__enter___5IZPy .SideOverlay__popup_placement_right___xZVWW{transform:translateX(100%)}.SideOverlay__enter___5IZPy .SideOverlay__popup_placement_bottom___TDEZ7{transform:translateY(100%)}.SideOverlay__enter___5IZPy .SideOverlay__popup_placement_left___ywgfV{transform:translateX(-100%)}.SideOverlay__enterActive___SiX-q .SideOverlay__backdrop___wUZLN{opacity:.5}.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_top___qJTjO,.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_bottom___TDEZ7{transform:translateY(0)}.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_left___ywgfV,.SideOverlay__enterActive___SiX-q .SideOverlay__popup_placement_right___xZVWW{transform:translateX(0)}.SideOverlay__exit___N9pJ7 .SideOverlay__backdrop___wUZLN{opacity:.5}.SideOverlay__exit___N9pJ7 .SideOverlay__popup_placement_top___qJTjO,.SideOverlay__exit___N9pJ7 .SideOverlay__popup_placement_bottom___TDEZ7{transform:translateY(0)}.SideOverlay__exit___N9pJ7 .SideOverlay__popup_placement_left___ywgfV,.SideOverlay__exit___N9pJ7 .SideOverlay__popup_placement_right___xZVWW{transform:translateX(0)}.SideOverlay__exitActive___oRVo0 .SideOverlay__backdrop___wUZLN{opacity:0}.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_top___qJTjO{transform:translateY(-100%)}.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_right___xZVWW{transform:translateX(100%)}.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_bottom___TDEZ7{transform:translateY(100%)}.SideOverlay__exitActive___oRVo0 .SideOverlay__popup_placement_left___ywgfV{transform:translateX(-100%)}
@@ -1 +0,0 @@
1
- .zoSc7{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.v5Neh{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.LsB4w{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.D9ezA{width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.aiN5k{position:absolute;right:0;top:0;font-size:30px;line-height:24px;color:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;cursor:pointer;border:0;padding:0;font-weight:400;width:24px;height:24px;margin:10px}.aiN5k::after{content:"×"}.BSFf7,.k1gGY,.w9HUr,.DWBxa{transform:none;will-change:transform}.BSFf7,.k1gGY{right:0;left:0;max-height:90%}.w9HUr,.DWBxa{top:0;bottom:0;max-width:90%}.BSFf7{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.k1gGY{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1)}.w9HUr{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1)}.DWBxa{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1)}.ukL-B,.QE5yq{pointer-events:auto}.VPRAq,.FhiSX{pointer-events:none}.VPRAq .v5Neh,.FhiSX .v5Neh{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.VPRAq .BSFf7,.FhiSX .BSFf7,.VPRAq .w9HUr,.FhiSX .w9HUr,.VPRAq .k1gGY,.FhiSX .k1gGY,.VPRAq .DWBxa,.FhiSX .DWBxa{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.ukL-B .v5Neh{opacity:0}.ukL-B .BSFf7{transform:translateY(-100%)}.ukL-B .w9HUr{transform:translateX(100%)}.ukL-B .k1gGY{transform:translateY(100%)}.ukL-B .DWBxa{transform:translateX(-100%)}.VPRAq .v5Neh{opacity:.5}.VPRAq .BSFf7,.VPRAq .k1gGY{transform:translateY(0)}.VPRAq .DWBxa,.VPRAq .w9HUr{transform:translateX(0)}.QE5yq .v5Neh{opacity:.5}.QE5yq .BSFf7,.QE5yq .k1gGY{transform:translateY(0)}.QE5yq .DWBxa,.QE5yq .w9HUr{transform:translateX(0)}.FhiSX .v5Neh{opacity:0}.FhiSX .BSFf7{transform:translateY(-100%)}.FhiSX .w9HUr{transform:translateX(100%)}.FhiSX .k1gGY{transform:translateY(100%)}.FhiSX .DWBxa{transform:translateX(-100%)}
@@ -1 +0,0 @@
1
- ._0hSa2{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.wUZLN{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.Ulqfh{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.N1Cdb{width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.D-QIP{position:absolute;right:0;top:0;font-size:30px;line-height:24px;color:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;cursor:pointer;border:0;padding:0;font-weight:400;width:24px;height:24px;margin:10px}.D-QIP::after{content:"×"}.qJTjO,.TDEZ7,.xZVWW,.ywgfV{transform:none;will-change:transform}.qJTjO,.TDEZ7{right:0;left:0;max-height:90%}.xZVWW,.ywgfV{top:0;bottom:0;max-width:90%}.qJTjO{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1)}.TDEZ7{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1)}.xZVWW{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1)}.ywgfV{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1)}._5IZPy,.N9pJ7{pointer-events:auto}.SiX-q,.oRVo0{pointer-events:none}.SiX-q .wUZLN,.oRVo0 .wUZLN{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.SiX-q .qJTjO,.oRVo0 .qJTjO,.SiX-q .xZVWW,.oRVo0 .xZVWW,.SiX-q .TDEZ7,.oRVo0 .TDEZ7,.SiX-q .ywgfV,.oRVo0 .ywgfV{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}._5IZPy .wUZLN{opacity:0}._5IZPy .qJTjO{transform:translateY(-100%)}._5IZPy .xZVWW{transform:translateX(100%)}._5IZPy .TDEZ7{transform:translateY(100%)}._5IZPy .ywgfV{transform:translateX(-100%)}.SiX-q .wUZLN{opacity:.5}.SiX-q .qJTjO,.SiX-q .TDEZ7{transform:translateY(0)}.SiX-q .ywgfV,.SiX-q .xZVWW{transform:translateX(0)}.N9pJ7 .wUZLN{opacity:.5}.N9pJ7 .qJTjO,.N9pJ7 .TDEZ7{transform:translateY(0)}.N9pJ7 .ywgfV,.N9pJ7 .xZVWW{transform:translateX(0)}.oRVo0 .wUZLN{opacity:0}.oRVo0 .qJTjO{transform:translateY(-100%)}.oRVo0 .xZVWW{transform:translateX(100%)}.oRVo0 .TDEZ7{transform:translateY(100%)}.oRVo0 .ywgfV{transform:translateX(-100%)}
@@ -1,46 +0,0 @@
1
- import * as React from 'react';
2
- export type SideOverlayProps = React.ComponentProps<'div'> & {
3
- /** Включает/отключает анимацию открытия/скрытия шторки */
4
- animationEnabled?: boolean;
5
- /** Состояние, открыто или нет */
6
- open?: boolean;
7
- /** React children */
8
- children: React.ReactNode;
9
- /** Кастомные классы */
10
- classNames?: {
11
- Root?: string;
12
- Backdrop?: string;
13
- Popup?: string;
14
- Content?: string;
15
- Close?: string;
16
- };
17
- /** Срабатывает когда попап открыт */
18
- onOpen?: () => void;
19
- /** Handle для закрытия попапа */
20
- onClose?: (arg: any) => void;
21
- /** Внутренние отступы */
22
- padding?: string | number;
23
- /** Расположение */
24
- placement?: 'top' | 'right' | 'bottom' | 'left';
25
- /** Ширина или высота взависимости от placement */
26
- size?: string | number;
27
- /** Отображение кнопки закрытия (крестик) */
28
- useCloseButton?: boolean;
29
- /** Разрешает закрыть попап по клавише `Escape` */
30
- useEscapeClose?: boolean;
31
- /** Разрешает закрытие при клике на свободное пространство (затемнение документа) */
32
- useOutsideClose?: boolean;
33
- /** Рендер в конец `<body>` */
34
- usePortal?: boolean;
35
- /** Запрещает прокрутку `<body>` */
36
- useScrollLock?: boolean;
37
- /** Запрещает прокрутку `<body>` для ios */
38
- useTouchScrollable?: boolean;
39
- /** Размещением по z-оси */
40
- zIndex?: string | number;
41
- /** HTML Атрибут `data-qaid` для автотестов */
42
- dataQaId?: string;
43
- /** `ref` для блока с контентом */
44
- contentRef?: React.RefObject<HTMLElement>;
45
- };
46
- export declare const SideOverlay: React.FC<SideOverlayProps>;
@@ -1,7 +0,0 @@
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
- }
@@ -1,7 +0,0 @@
1
- 'use strict';
2
-
3
- if (process.env.NODE_ENV === 'production') {
4
- module.exports = require('./cjs/index.production.v2.js');
5
- } else {
6
- module.exports = require('./cjs/index.development.v2.js');
7
- }
@@ -1,14 +0,0 @@
1
- {
2
- "name": "@prom-ui/core/SideOverlay",
3
- "version": "1.0.0-alpha.3",
4
- "main": "index.js",
5
- "types": "index.d.ts",
6
- "sideEffects": [
7
- "*.css"
8
- ],
9
- "dependencies": {
10
- "evokit": "^3.2.3",
11
- "react-scrolllock": "^5.0.1",
12
- "react-transition-group": "^4.4.2"
13
- }
14
- }
@@ -1,8 +0,0 @@
1
- type tPlacement = 'top' | 'right' | 'bottom' | 'left';
2
- type tSize = string | number;
3
- type tGetPopupStyle = {
4
- height?: tSize;
5
- width?: tSize;
6
- };
7
- export declare const getPopupStyle: (placement: tPlacement, size: tSize) => tGetPopupStyle;
8
- export {};