@prom-ui/core 0.0.31 → 0.0.41
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.
- package/Body/package.json +1 -1
- package/Box/package.json +1 -1
- package/Button/package.json +1 -1
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/package.json +1 -1
- package/Flex/package.json +1 -1
- package/Grid/package.json +1 -1
- package/Icon/package.json +1 -1
- package/Image/package.json +1 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Line/package.json +1 -1
- package/Link/package.json +1 -1
- package/List/package.json +1 -1
- package/Media/package.json +1 -1
- package/OutsideClick/package.json +1 -1
- package/Overlay/blocks.d.ts +27 -0
- package/Overlay/cjs/index.development.js +262 -0
- package/Overlay/cjs/index.production.js +1 -0
- package/Overlay/cjs/style.development.css +1 -0
- package/Overlay/cjs/style.production.css +1 -0
- package/Overlay/index.d.ts +48 -0
- package/Overlay/index.js +7 -0
- package/Overlay/package.json +15 -0
- package/Overlay/utils.d.ts +8 -0
- package/Picture/package.json +1 -1
- package/PortableOverlay/package.json +1 -1
- package/Portal/package.json +1 -1
- package/Rating/cjs/index.development.js +2 -2
- package/Rating/cjs/index.production.js +1 -1
- package/Rating/package.json +1 -1
- package/SafeQuery/package.json +1 -1
- package/Scroll/package.json +1 -1
- package/ScrollControls/package.json +1 -1
- package/SideOverlay/package.json +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/package.json +1 -1
- package/Spinner/package.json +1 -1
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tumbler/package.json +1 -1
- package/package.json +3 -2
package/Body/package.json
CHANGED
package/Box/package.json
CHANGED
package/Button/package.json
CHANGED
package/Checkbox/package.json
CHANGED
package/Flex/package.json
CHANGED
package/Grid/package.json
CHANGED
package/Icon/package.json
CHANGED
package/Image/package.json
CHANGED
package/ImageEmoji/package.json
CHANGED
package/Input/package.json
CHANGED
package/KeyPress/package.json
CHANGED
package/Line/package.json
CHANGED
package/Link/package.json
CHANGED
package/List/package.json
CHANGED
package/Media/package.json
CHANGED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const Root: any;
|
|
3
|
+
export declare const Backdrop: any;
|
|
4
|
+
export declare const Popup: any;
|
|
5
|
+
export declare const OverlayContent: any;
|
|
6
|
+
export declare const OverlayBody: any;
|
|
7
|
+
declare type AnimateProps = {
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
open?: boolean;
|
|
10
|
+
onEnter?: () => void;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
declare type OverlayHeaderProps = {
|
|
14
|
+
isShowPrevButton?: boolean;
|
|
15
|
+
isShowCloseButton?: boolean;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
title?: React.ReactNode;
|
|
18
|
+
onClose?: (e: any) => void;
|
|
19
|
+
onPrev?: (e: any) => void;
|
|
20
|
+
};
|
|
21
|
+
declare type OverlayFooterProps = {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
};
|
|
24
|
+
export declare const Animate: React.FC<AnimateProps>;
|
|
25
|
+
export declare const OverlayHeader: React.FC<OverlayHeaderProps>;
|
|
26
|
+
export declare const OverlayFooter: React.FC<OverlayFooterProps>;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,262 @@
|
|
|
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 ttag = require('ttag');
|
|
10
|
+
var evokit = require('evokit');
|
|
11
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
12
|
+
var Text = require('@prom-ui/core/Text');
|
|
13
|
+
var Button = require('@prom-ui/core/Button');
|
|
14
|
+
var Icon = require('@prom-ui/core/Icon');
|
|
15
|
+
var Close = require('@prom-ui/icons/Close');
|
|
16
|
+
var ArrowBack = require('@prom-ui/icons/ArrowBack');
|
|
17
|
+
|
|
18
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
+
|
|
20
|
+
function _interopNamespace(e) {
|
|
21
|
+
if (e && e.__esModule) return e;
|
|
22
|
+
var n = Object.create(null);
|
|
23
|
+
if (e) {
|
|
24
|
+
Object.keys(e).forEach(function (k) {
|
|
25
|
+
if (k !== 'default') {
|
|
26
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
27
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function () { return e[k]; }
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
n["default"] = e;
|
|
35
|
+
return Object.freeze(n);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
39
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
40
|
+
var ScrollLock__default = /*#__PURE__*/_interopDefaultLegacy(ScrollLock);
|
|
41
|
+
|
|
42
|
+
/******************************************************************************
|
|
43
|
+
Copyright (c) Microsoft Corporation.
|
|
44
|
+
|
|
45
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
46
|
+
purpose with or without fee is hereby granted.
|
|
47
|
+
|
|
48
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
49
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
50
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
51
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
52
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
53
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
54
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
55
|
+
***************************************************************************** */
|
|
56
|
+
|
|
57
|
+
var __assign = function() {
|
|
58
|
+
__assign = Object.assign || function __assign(t) {
|
|
59
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
60
|
+
s = arguments[i];
|
|
61
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
62
|
+
}
|
|
63
|
+
return t;
|
|
64
|
+
};
|
|
65
|
+
return __assign.apply(this, arguments);
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
function __rest(s, e) {
|
|
69
|
+
var t = {};
|
|
70
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
71
|
+
t[p] = s[p];
|
|
72
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
73
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
74
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
75
|
+
t[p[i]] = s[p[i]];
|
|
76
|
+
}
|
|
77
|
+
return t;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
function __makeTemplateObject(cooked, raw) {
|
|
81
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
82
|
+
return cooked;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
var css = {"root":"Overlay__root___v0oYp","backdrop":"Overlay__backdrop___RvRWz","popup":"Overlay__popup___elIqJ","popup_placement_top":"Overlay__popup_placement_top___Llv4b","popup_placement_bottom":"Overlay__popup_placement_bottom___DJyNc","popup_placement_right":"Overlay__popup_placement_right___4DX3c","popup_placement_left":"Overlay__popup_placement_left___OwkR7","body":"Overlay__body___fvbis","content":"Overlay__content___5qQ0k","header":"Overlay__header___LIk9z","header__grid":"Overlay__header__grid___SShy4","header__item":"Overlay__header__item___9fUzS","header__title":"Overlay__header__title___Vuilz Overlay__header__item___9fUzS","header__action":"Overlay__header__action___c-A8d Overlay__header__item___9fUzS","header__actionButton":"Overlay__header__actionButton___yYG24","header__actionIcon":"Overlay__header__actionIcon___La2ok","footer":"Overlay__footer___3Ca-G","enter":"Overlay__enter___OjeZp","exit":"Overlay__exit___HiHMU","enterActive":"Overlay__enterActive___Ne-Vn","exitActive":"Overlay__exitActive___6f7f1"};
|
|
86
|
+
|
|
87
|
+
var BLOCKS_PRESET = {
|
|
88
|
+
css: css,
|
|
89
|
+
b: ''
|
|
90
|
+
};
|
|
91
|
+
var Root = evokit.createBlock('div', 'root', [], BLOCKS_PRESET);
|
|
92
|
+
var Backdrop = evokit.createBlock('div', 'backdrop', [], BLOCKS_PRESET);
|
|
93
|
+
var Popup = evokit.createBlock('div', 'popup', ['placement'], BLOCKS_PRESET);
|
|
94
|
+
var OverlayContent = evokit.createBlock('div', 'content', [], BLOCKS_PRESET);
|
|
95
|
+
var OverlayBody = evokit.createBlock('div', 'body', [], BLOCKS_PRESET);
|
|
96
|
+
var Animate = function (_a) {
|
|
97
|
+
var _b = _a.open,
|
|
98
|
+
open = _b === void 0 ? false : _b,
|
|
99
|
+
children = _a.children,
|
|
100
|
+
_c = _a.enabled,
|
|
101
|
+
enabled = _c === void 0 ? true : _c,
|
|
102
|
+
onEnter = _a.onEnter;
|
|
103
|
+
return React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
|
|
104
|
+
in: open,
|
|
105
|
+
timeout: enabled ? 225 : 0,
|
|
106
|
+
classNames: css,
|
|
107
|
+
unmountOnExit: true,
|
|
108
|
+
onEnter: onEnter
|
|
109
|
+
}, children);
|
|
110
|
+
};
|
|
111
|
+
var OverlayHeader = function (_a) {
|
|
112
|
+
var isShowPrevButton = _a.isShowPrevButton,
|
|
113
|
+
isShowCloseButton = _a.isShowCloseButton,
|
|
114
|
+
children = _a.children,
|
|
115
|
+
title = _a.title,
|
|
116
|
+
onClose = _a.onClose,
|
|
117
|
+
onPrev = _a.onPrev;
|
|
118
|
+
return React__default["default"].createElement("div", {
|
|
119
|
+
className: css.header
|
|
120
|
+
}, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
|
|
121
|
+
className: css.header__grid
|
|
122
|
+
}, React__default["default"].createElement("div", {
|
|
123
|
+
className: css.header__action
|
|
124
|
+
}, isShowPrevButton && React__default["default"].createElement(Button.Button, {
|
|
125
|
+
className: css.header__actionButton,
|
|
126
|
+
"button-theme": 'black-inherit',
|
|
127
|
+
type: 'button',
|
|
128
|
+
onClick: onPrev,
|
|
129
|
+
"aria-label": ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"]))),
|
|
130
|
+
"data-qaid": 'prev'
|
|
131
|
+
}, React__default["default"].createElement(Icon.Icon, {
|
|
132
|
+
"icon-as": ArrowBack.ArrowBack,
|
|
133
|
+
className: css.header__actionIcon
|
|
134
|
+
}))), React__default["default"].createElement("div", {
|
|
135
|
+
className: css.header__title
|
|
136
|
+
}, typeof title === 'string' ? React__default["default"].createElement(Text.Text, {
|
|
137
|
+
"text-align": 'center',
|
|
138
|
+
"text-size": 'h4',
|
|
139
|
+
"text-wrap": 'ellipsis',
|
|
140
|
+
"text-weight": 'bold',
|
|
141
|
+
"data-qaid": 'title'
|
|
142
|
+
}, title) : title), React__default["default"].createElement("div", {
|
|
143
|
+
className: css.header__action
|
|
144
|
+
}, isShowCloseButton && onClose && React__default["default"].createElement(Button.Button, {
|
|
145
|
+
className: css.header__actionButton,
|
|
146
|
+
"button-theme": 'black-inherit',
|
|
147
|
+
type: 'button',
|
|
148
|
+
onClick: onClose,
|
|
149
|
+
"aria-label": ttag.t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
|
|
150
|
+
"data-qaid": 'close'
|
|
151
|
+
}, React__default["default"].createElement(Icon.Icon, {
|
|
152
|
+
"icon-as": Close.Close,
|
|
153
|
+
className: css.header__actionIcon
|
|
154
|
+
})))));
|
|
155
|
+
};
|
|
156
|
+
var OverlayFooter = function (_a) {
|
|
157
|
+
var children = _a.children;
|
|
158
|
+
return React__default["default"].createElement("div", {
|
|
159
|
+
className: css.footer
|
|
160
|
+
}, children);
|
|
161
|
+
};
|
|
162
|
+
var templateObject_1, templateObject_2;
|
|
163
|
+
|
|
164
|
+
var getPopupStyle = function (placement, size) {
|
|
165
|
+
if (['top', 'bottom'].includes(placement)) {
|
|
166
|
+
return {
|
|
167
|
+
height: size
|
|
168
|
+
};
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
return {
|
|
172
|
+
width: size
|
|
173
|
+
};
|
|
174
|
+
};
|
|
175
|
+
|
|
176
|
+
var Overlay = function (_a) {
|
|
177
|
+
var children = _a.children,
|
|
178
|
+
onClose = _a.onClose,
|
|
179
|
+
onOpen = _a.onOpen,
|
|
180
|
+
onPrev = _a.onPrev,
|
|
181
|
+
isOpen = _a.isOpen,
|
|
182
|
+
_b = _a.isShowCloseButton,
|
|
183
|
+
isShowCloseButton = _b === void 0 ? true : _b,
|
|
184
|
+
_c = _a.isShowPrevButton,
|
|
185
|
+
isShowPrevButton = _c === void 0 ? false : _c,
|
|
186
|
+
_d = _a.isCloseOnEscape,
|
|
187
|
+
isCloseOnEscape = _d === void 0 ? true : _d,
|
|
188
|
+
_e = _a.isAnimated,
|
|
189
|
+
isAnimated = _e === void 0 ? true : _e,
|
|
190
|
+
_f = _a.isCloseOutsideClick,
|
|
191
|
+
isCloseOutsideClick = _f === void 0 ? true : _f,
|
|
192
|
+
_g = _a.isRenderPortal,
|
|
193
|
+
isRenderPortal = _g === void 0 ? true : _g,
|
|
194
|
+
_h = _a.isScrollLock,
|
|
195
|
+
isScrollLock = _h === void 0 ? true : _h,
|
|
196
|
+
_j = _a.isScrollLockTouch,
|
|
197
|
+
isScrollLockTouch = _j === void 0 ? true : _j,
|
|
198
|
+
header = _a.header,
|
|
199
|
+
footer = _a.footer,
|
|
200
|
+
_k = _a.padding,
|
|
201
|
+
padding = _k === void 0 ? '20px 20px 20px 20px' : _k,
|
|
202
|
+
title = _a.title,
|
|
203
|
+
_l = _a.placement,
|
|
204
|
+
placement = _l === void 0 ? 'right' : _l,
|
|
205
|
+
_m = _a.size,
|
|
206
|
+
size = _m === void 0 ? 400 : _m,
|
|
207
|
+
_o = _a.zIndex,
|
|
208
|
+
zIndex = _o === void 0 ? 5000 : _o,
|
|
209
|
+
contentRef = _a.contentRef,
|
|
210
|
+
dataQaId = _a.dataQaId,
|
|
211
|
+
props = __rest(_a, ["children", "onClose", "onOpen", "onPrev", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isAnimated", "isCloseOutsideClick", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "zIndex", "contentRef", "dataQaId"]);
|
|
212
|
+
|
|
213
|
+
var ScrollableWrapper = isScrollLockTouch ? ScrollLock.TouchScrollable : React__namespace.Fragment;
|
|
214
|
+
return React__namespace.createElement(Animate, {
|
|
215
|
+
open: isOpen,
|
|
216
|
+
onEnter: function () {
|
|
217
|
+
onOpen && onOpen();
|
|
218
|
+
},
|
|
219
|
+
enabled: isAnimated
|
|
220
|
+
}, React__namespace.createElement(Portal.Portal, {
|
|
221
|
+
isActive: isRenderPortal
|
|
222
|
+
}, React__namespace.createElement(Root, __assign({
|
|
223
|
+
role: 'presentation',
|
|
224
|
+
style: {
|
|
225
|
+
zIndex: zIndex
|
|
226
|
+
}
|
|
227
|
+
}, props), React__namespace.createElement(ScrollLock__default["default"], {
|
|
228
|
+
isActive: isScrollLock
|
|
229
|
+
}), React__namespace.createElement(KeyPress.KeyPress, {
|
|
230
|
+
isActive: isCloseOnEscape,
|
|
231
|
+
code: 'Escape',
|
|
232
|
+
onKeyDown: onClose
|
|
233
|
+
}), React__namespace.createElement(Backdrop, {
|
|
234
|
+
"aria-hidden": true,
|
|
235
|
+
onClick: function (e) {
|
|
236
|
+
if (isCloseOutsideClick && onClose) {
|
|
237
|
+
onClose(e);
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
}), React__namespace.createElement(Popup, {
|
|
241
|
+
"popup-placement": placement,
|
|
242
|
+
"aria-modal": true,
|
|
243
|
+
role: 'dialog',
|
|
244
|
+
style: getPopupStyle(placement, size),
|
|
245
|
+
"data-qaid": dataQaId
|
|
246
|
+
}, React__namespace.createElement(OverlayBody, null, React__namespace.createElement(OverlayHeader, {
|
|
247
|
+
isShowCloseButton: isShowCloseButton,
|
|
248
|
+
isShowPrevButton: isShowPrevButton,
|
|
249
|
+
onClose: onClose,
|
|
250
|
+
onPrev: onPrev,
|
|
251
|
+
title: title
|
|
252
|
+
}, header), React__namespace.createElement(ScrollableWrapper, null, React__namespace.createElement(OverlayContent, {
|
|
253
|
+
ref: contentRef,
|
|
254
|
+
style: {
|
|
255
|
+
padding: padding
|
|
256
|
+
}
|
|
257
|
+
}, children)), React__namespace.createElement(OverlayFooter, null, footer))))));
|
|
258
|
+
};
|
|
259
|
+
|
|
260
|
+
exports.Overlay = Overlay;
|
|
261
|
+
|
|
262
|
+
require('./style.development.css');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),o=require("@prom-ui/core/Portal"),n=require("ttag"),a=require("evokit"),i=require("react-transition-group"),c=require("@prom-ui/core/Text"),l=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),u=require("@prom-ui/icons/Close"),s=require("@prom-ui/icons/ArrowBack");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var m=p(e),v=f(e),h=p(t),_=function(){return _=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},_.apply(this,arguments)};function b(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var y,E,O={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",body:"fvbis",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:O,b:""},g=a.createBlock("div","root",[],k),P=a.createBlock("div","backdrop",[],k),w=a.createBlock("div","popup",["placement"],k),S=a.createBlock("div","content",[],k),B=a.createBlock("div","body",[],k),C=function(e){var t=e.open,r=void 0!==t&&t,o=e.children,n=e.enabled,a=void 0===n||n,c=e.onEnter;return m.default.createElement(i.CSSTransition,{in:r,timeout:a?225:0,classNames:O,unmountOnExit:!0,onEnter:c},o)},x=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,i=e.onClose,p=e.onPrev;return m.default.createElement("div",{className:O.header},void 0!==o?o:m.default.createElement("div",{className:O.header__grid},m.default.createElement("div",{className:O.header__action},t&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:p,"aria-label":n.t(y||(y=b(["Назад"],["Назад"]))),"data-qaid":"prev"},m.default.createElement(d.Icon,{"icon-as":s.ArrowBack,className:O.header__actionIcon}))),m.default.createElement("div",{className:O.header__title},"string"==typeof a?m.default.createElement(c.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},a):a),m.default.createElement("div",{className:O.header__action},r&&i&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":n.t(E||(E=b(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},m.default.createElement(d.Icon,{"icon-as":u.Close,className:O.header__actionIcon})))))},q=function(e){var t=e.children;return m.default.createElement("div",{className:O.footer},t)},j=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.Overlay=function(e){var n=e.children,a=e.onClose,i=e.onOpen,c=e.onPrev,l=e.isOpen,d=e.isShowCloseButton,u=void 0===d||d,s=e.isShowPrevButton,p=void 0!==s&&s,f=e.isCloseOnEscape,m=void 0===f||f,b=e.isAnimated,y=void 0===b||b,E=e.isCloseOutsideClick,O=void 0===E||E,k=e.isRenderPortal,I=void 0===k||k,z=e.isScrollLock,N=void 0===z||z,A=e.isScrollLockTouch,L=void 0===A||A,R=e.header,T=e.footer,D=e.padding,U=void 0===D?"20px 20px 20px 20px":D,K=e.title,M=e.placement,Q=void 0===M?"right":M,G=e.size,H=void 0===G?400:G,J=e.zIndex,V=void 0===J?5e3:J,Y=e.contentRef,F=e.dataQaId,W=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(e,["children","onClose","onOpen","onPrev","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isAnimated","isCloseOutsideClick","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","zIndex","contentRef","dataQaId"]),X=L?t.TouchScrollable:v.Fragment;return v.createElement(C,{open:l,onEnter:function(){i&&i()},enabled:y},v.createElement(o.Portal,{isActive:I},v.createElement(g,_({role:"presentation",style:{zIndex:V}},W),v.createElement(h.default,{isActive:N}),v.createElement(r.KeyPress,{isActive:m,code:"Escape",onKeyDown:a}),v.createElement(P,{"aria-hidden":!0,onClick:function(e){O&&a&&a(e)}}),v.createElement(w,{"popup-placement":Q,"aria-modal":!0,role:"dialog",style:j(Q,H),"data-qaid":F},v.createElement(B,null,v.createElement(x,{isShowCloseButton:u,isShowPrevButton:p,onClose:a,onPrev:c,title:K},R),v.createElement(X,null,v.createElement(S,{ref:Y,style:{padding:U}},n)),v.createElement(q,null,T))))))},require("./style.production.css");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{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}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc,.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{transform:none;will-change:transform}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0;max-height:90%}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0;max-width:90%}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__body___fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}.Overlay__content___5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{box-sizing:border-box;flex:0}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{box-sizing:border-box;flex:0}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz,.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enter___OjeZp .Overlay__backdrop___RvRWz{opacity:0}.Overlay__enter___OjeZp .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exit___HiHMU .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__exit___HiHMU .Overlay__popup_placement_top___Llv4b,.Overlay__exit___HiHMU .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_left___OwkR7,.Overlay__exit___HiHMU .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{opacity:0}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b{transform:translateY(calc(-100% - 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c{transform:translateX(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc{transform:translateY(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transform:translateX(calc(-100% - 80px))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{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}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Llv4b,.DJyNc,._4DX3c,.OwkR7{transform:none;will-change:transform}.Llv4b,.DJyNc{right:0;left:0;max-height:90%}._4DX3c,.OwkR7{top:0;bottom:0;max-width:90%}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}._5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{box-sizing:border-box;flex:0}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{box-sizing:border-box;flex:0}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .RvRWz,._6f7f1 .RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Ne-Vn .Llv4b,._6f7f1 .Llv4b,.Ne-Vn ._4DX3c,._6f7f1 ._4DX3c,.Ne-Vn .DJyNc,._6f7f1 .DJyNc,.Ne-Vn .OwkR7,._6f7f1 .OwkR7{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.OjeZp .RvRWz{opacity:0}.OjeZp .Llv4b{transform:translateY(-100%)}.OjeZp ._4DX3c{transform:translateX(100%)}.OjeZp .DJyNc{transform:translateY(100%)}.OjeZp .OwkR7{transform:translateX(-100%)}.Ne-Vn .RvRWz{opacity:.5}.Ne-Vn .Llv4b,.Ne-Vn .DJyNc{transform:translateY(0)}.Ne-Vn .OwkR7,.Ne-Vn ._4DX3c{transform:translateX(0)}.HiHMU .RvRWz{opacity:.5}.HiHMU .Llv4b,.HiHMU .DJyNc{transform:translateY(0)}.HiHMU .OwkR7,.HiHMU ._4DX3c{transform:translateX(0)}._6f7f1 .RvRWz{opacity:0}._6f7f1 .Llv4b{transform:translateY(calc(-100% - 80px))}._6f7f1 ._4DX3c{transform:translateX(calc(100% + 80px))}._6f7f1 .DJyNc{transform:translateY(calc(100% + 80px))}._6f7f1 .OwkR7{transform:translateX(calc(-100% - 80px))}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare type OverlayProps = React.ComponentProps<"div"> & {
|
|
3
|
+
/** Состояние, открыто или нет */
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
/** Заголовок */
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
/** Отображение кнопки закрытия (крестик) */
|
|
8
|
+
isShowCloseButton?: boolean;
|
|
9
|
+
/** Отображение кнопки назад (стрелка) */
|
|
10
|
+
isShowPrevButton?: boolean;
|
|
11
|
+
/** Разрешает закрыть попап по клавише `Escape` */
|
|
12
|
+
isCloseOnEscape?: boolean;
|
|
13
|
+
/** Рендер в конец `<body>` */
|
|
14
|
+
isRenderPortal?: boolean;
|
|
15
|
+
/** Разрешает закрытие при клике на свободное пространство (затемнение документа) */
|
|
16
|
+
isCloseOutsideClick?: boolean;
|
|
17
|
+
/** Включает/отключает анимацию открытия/скрытия шторки */
|
|
18
|
+
isAnimated?: boolean;
|
|
19
|
+
/** Запрещает прокрутку `<body>` */
|
|
20
|
+
isScrollLock?: boolean;
|
|
21
|
+
/** Запрещает прокрутку `<body>` для iOS */
|
|
22
|
+
isScrollLockTouch?: boolean;
|
|
23
|
+
/** React children */
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
/** React children header block */
|
|
26
|
+
header?: React.ReactNode;
|
|
27
|
+
/** React children footer block */
|
|
28
|
+
footer?: React.ReactNode;
|
|
29
|
+
/** Срабатывает когда попап открыт */
|
|
30
|
+
onOpen?: () => void;
|
|
31
|
+
/** Handle для закрытия попапа */
|
|
32
|
+
onClose: (e: any) => void;
|
|
33
|
+
/** Событие при нажатии кнопки назад */
|
|
34
|
+
onPrev?: (e: any) => void;
|
|
35
|
+
/** Расположение */
|
|
36
|
+
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
37
|
+
/** Внутренние отступы */
|
|
38
|
+
padding?: string | number;
|
|
39
|
+
/** Ширина или высота взависимости от placement */
|
|
40
|
+
size?: string | number;
|
|
41
|
+
/** Размещением по z-оси */
|
|
42
|
+
zIndex?: string | number;
|
|
43
|
+
/** HTML Атрибут `data-qaid` для автотестов */
|
|
44
|
+
/** `ref` для блока с контентом */
|
|
45
|
+
contentRef?: React.RefObject<HTMLElement>;
|
|
46
|
+
dataQaId?: string;
|
|
47
|
+
};
|
|
48
|
+
export declare const Overlay: React.FC<OverlayProps>;
|
package/Overlay/index.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@prom-ui/core/Overlay",
|
|
3
|
+
"version": "0.0.41",
|
|
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
|
+
"ttag": "^1.7.24"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
declare type tPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
2
|
+
declare type tSize = string | number;
|
|
3
|
+
declare type tGetPopupStyle = {
|
|
4
|
+
height?: tSize;
|
|
5
|
+
width?: tSize;
|
|
6
|
+
};
|
|
7
|
+
export declare const getPopupStyle: (placement: tPlacement, size: tSize) => tGetPopupStyle;
|
|
8
|
+
export {};
|
package/Picture/package.json
CHANGED
package/Portal/package.json
CHANGED
|
@@ -82,7 +82,7 @@ var Rating = React__namespace.forwardRef(function (_a, ref) {
|
|
|
82
82
|
return React__namespace.createElement(RatingBlock, __assign({}, props, {
|
|
83
83
|
ref: ref,
|
|
84
84
|
"rating-size": size,
|
|
85
|
-
viewBox: '0 0
|
|
85
|
+
viewBox: '0 0 120 24',
|
|
86
86
|
tabIndex: -1,
|
|
87
87
|
focusable: false
|
|
88
88
|
}), React__namespace.createElement("defs", null, React__namespace.createElement("linearGradient", {
|
|
@@ -95,7 +95,7 @@ var Rating = React__namespace.forwardRef(function (_a, ref) {
|
|
|
95
95
|
stopColor: 'var(--black-400)'
|
|
96
96
|
}))), React__namespace.createElement("path", {
|
|
97
97
|
fill: "url(#".concat(gradientId, ")"),
|
|
98
|
-
d: '
|
|
98
|
+
d: 'M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L\n 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09\n 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036\n 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003\n 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C\n 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438\n 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963\n 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896\n 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36\n 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308\n 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883\n 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L\n 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L\n 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117\n 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91\n 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138\n 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102\n 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L\n 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C\n 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763\n 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561\n 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792\n 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098\n 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931\n 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692\n C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C\n 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439\n 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2\n 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704\n 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L\n 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475\n 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108\n 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359\n 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036\n 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L\n 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237\n 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878\n 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L\n 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896\n 113.475 22 113.138 22 Z'
|
|
99
99
|
}));
|
|
100
100
|
});
|
|
101
101
|
Rating.displayName = 'Rating';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("evokit");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var r=t(e),a=function(){return a=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},a.apply(this,arguments)};var o=n.createBlock("svg","rating",["size"],{css:{"ek-rating":"fJb0G","ek-rating_size_small":"YZP0u","ek-rating_size_default":"X0xeh","ek-rating_size_big":"fQ-Lk"}}),C=r.forwardRef((function(e,n){var t=e.value,C=void 0===t?0:t,i=e.percent,c=void 0===i?0:i,L=e.size,l=void 0===L?"default":L,s=function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t}(e,["value","percent","size"]),f=Math.round(c>0?c:C/5*100),u="pds-rating-gradient-".concat(f);return r.createElement(o,a({},s,{ref:n,"rating-size":l,viewBox:"0 0 120 24",tabIndex:-1,focusable:!1}),r.createElement("defs",null,r.createElement("linearGradient",{id:u},r.createElement("stop",{offset:"".concat(f,"%"),stopColor:"var(--violet-500)"}),r.createElement("stop",{offset:"".concat(f,"%"),stopColor:"var(--black-400)"}))),r.createElement("path",{fill:"url(#".concat(u,")"),d:"M 17.138 22 C 16.863 22 16.588 21.931 16.335 21.792 L 12 19.405 L\n 7.665 21.792 C 7.102 22.1 6.428 22.063 5.902 21.692 C 5.359 21.308 5.09\n 20.658 5.199 19.994 L 6.037 14.877 L 2.4939999999999998 11.26 C 2.036\n 10.792 1.883 10.113 2.092 9.488 C 2.2960000000000003 8.878 2.8120000000000003\n 8.438 3.439 8.343 L 8.297 7.604 L 10.479 2.974 C 10.763 2.374 11.345 2 12 2 C\n 12.654 2 13.237 2.374 13.52 2.974 L 15.703 7.604 L 20.561 8.343 C 21.187 8.438\n 21.704 8.878 21.908 9.488 C 22.117 10.113 21.964 10.792 21.508 11.258 L 17.963\n 14.877 L 18.802 19.995 C 18.91 20.658 18.641 21.308 18.098 21.692 C 17.809 21.896\n 17.475 22 17.138 22 Z M 41.138 22 C 40.863 22 40.588 21.931 40.335 21.792 L 36\n 19.405 L 31.665 21.792 C 31.102 22.1 30.428 22.063 29.902 21.692 C 29.359 21.308\n 29.09 20.658 29.199 19.994 L 30.037 14.877 L 26.494 11.26 C 26.036 10.792 25.883\n 10.113 26.092 9.488 C 26.296 8.878 26.812 8.438 27.439 8.343 L 32.297 7.604 L\n 34.479 2.974 C 34.763 2.374 35.345 2 36 2 C 36.654 2 37.237 2.374 37.52 2.974 L\n 39.703 7.604 L 44.561 8.343 C 45.187 8.438 45.704 8.878 45.908 9.488 C 46.117\n 10.113 45.964 10.792 45.508 11.258 L 41.963 14.877 L 42.802 19.995 C 42.91\n 20.658 42.641 21.308 42.098 21.692 C 41.809 21.896 41.475 22 41.138 22 Z M 65.138\n 22 C 64.863 22 64.588 21.931 64.335 21.792 L 60 19.405 L 55.665 21.792 C 55.102\n 22.1 54.428 22.063 53.902 21.692 C 53.359 21.308 53.09 20.658 53.199 19.994 L\n 54.037 14.877 L 50.494 11.26 C 50.036 10.792 49.883 10.113 50.092 9.488 C\n 50.296 8.878 50.812 8.438 51.439 8.343 L 56.297 7.604 L 58.479 2.974 C 58.763\n 2.374 59.345 2 60 2 C 60.654 2 61.237 2.374 61.52 2.974 L 63.703 7.604 L 68.561\n 8.343 C 69.187 8.438 69.704 8.878 69.908 9.488 C 70.117 10.113 69.964 10.792\n 69.508 11.258 L 65.963 14.877 L 66.802 19.995 C 66.91 20.658 66.641 21.308 66.098\n 21.692 C 65.809 21.896 65.475 22 65.138 22 Z M 89.138 22 C 88.863 22 88.588 21.931\n 88.335 21.792 L 84 19.405 L 79.665 21.792 C 79.102 22.1 78.428 22.063 77.902 21.692\n C 77.359 21.308 77.09 20.658 77.199 19.994 L 78.037 14.877 L 74.494 11.26 C\n 74.036 10.792 73.883 10.113 74.092 9.488 C 74.296 8.878 74.812 8.438 75.439\n 8.343 L 80.297 7.604 L 82.479 2.974 C 82.763 2.374 83.345 2 84 2 C 84.654 2\n 85.237 2.374 85.52 2.974 L 87.703 7.604 L 92.561 8.343 C 93.187 8.438 93.704\n 8.878 93.908 9.488 C 94.117 10.113 93.964 10.792 93.508 11.258 L 89.963 14.877 L\n 90.802 19.995 C 90.91 20.658 90.641 21.308 90.098 21.692 C 89.809 21.896 89.475\n 22 89.138 22 Z M 113.138 22 C 112.863 22 112.588 21.931 112.335 21.792 L 108\n 19.405 L 103.665 21.792 C 103.102 22.1 102.428 22.063 101.902 21.692 C 101.359\n 21.308 101.09 20.658 101.199 19.994 L 102.037 14.877 L 98.494 11.26 C 98.036\n 10.792 97.883 10.113 98.092 9.488 C 98.296 8.878 98.812 8.438 99.439 8.343 L\n 104.297 7.604 L 106.479 2.974 C 106.763 2.374 107.345 2 108 2 C 108.654 2 109.237\n 2.374 109.52 2.974 L 111.703 7.604 L 116.561 8.343 C 117.187 8.438 117.704 8.878\n 117.908 9.488 C 118.117 10.113 117.964 10.792 117.508 11.258 L 113.963 14.877 L\n 114.802 19.995 C 114.91 20.658 114.641 21.308 114.098 21.692 C 113.809 21.896\n 113.475 22 113.138 22 Z"}))}));C.displayName="Rating",exports.Rating=C,require("./style.production.css");
|
package/Rating/package.json
CHANGED
package/SafeQuery/package.json
CHANGED
package/Scroll/package.json
CHANGED
package/SideOverlay/package.json
CHANGED
package/Skeleton/package.json
CHANGED
package/Spinner/package.json
CHANGED
package/Text/package.json
CHANGED
package/TextEmoji/package.json
CHANGED
package/Tumbler/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prom-ui/core",
|
|
3
3
|
"author": "e.marchenko",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.41",
|
|
5
5
|
"description": "core ui blocks",
|
|
6
6
|
"scripts": {
|
|
7
|
+
"test": "jest",
|
|
7
8
|
"prebuild": "node ./preBuild.js",
|
|
8
9
|
"build": "NODE_ENV=development rollup --config ./rollup.config.js",
|
|
9
10
|
"postbuild": "NODE_ENV=production rollup --config ./rollup.config.js",
|
|
@@ -61,5 +62,5 @@
|
|
|
61
62
|
"optional": true
|
|
62
63
|
}
|
|
63
64
|
},
|
|
64
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "f4dd793b86ee8e7df9cf48cfabdb91ee0717b5ba"
|
|
65
66
|
}
|