@prom-ui/core 1.18.0 → 1.19.1
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/Avatar/package.json +1 -1
- package/Backdrop/package.json +1 -1
- package/Badge/package.json +1 -1
- package/Body/package.json +1 -1
- package/BodyContext/package.json +1 -1
- package/BodyProvider/cjs/index.development.js +18 -18
- package/BodyProvider/cjs/index.development.v2.js +18 -18
- package/BodyProvider/cjs/index.production.js +1 -1
- package/BodyProvider/cjs/index.production.v2.js +1 -1
- package/BodyProvider/package.json +1 -1
- package/BodyScrollLock/package.json +1 -1
- package/Box/cjs/index.development.js +1 -1
- package/Box/cjs/index.development.v2.js +1 -1
- package/Box/cjs/index.production.js +1 -1
- package/Box/cjs/index.production.v2.js +1 -1
- package/Box/cjs/style.development.css +1 -1
- package/Box/cjs/style.development.v2.css +1 -1
- package/Box/cjs/style.production.css +1 -1
- package/Box/cjs/style.production.v2.css +1 -1
- package/Box/index.d.ts +2 -2
- package/Box/package.json +1 -1
- package/Button/package.json +1 -1
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/cjs/index.development.js +9 -4
- package/Checkbox/cjs/index.development.v2.js +9 -4
- package/Checkbox/cjs/index.production.js +1 -1
- package/Checkbox/cjs/index.production.v2.js +1 -1
- package/Checkbox/cjs/style.development.css +1 -1
- package/Checkbox/cjs/style.development.v2.css +1 -1
- package/Checkbox/cjs/style.production.css +1 -1
- package/Checkbox/cjs/style.production.v2.css +1 -1
- package/Checkbox/index.d.ts +1 -0
- package/Checkbox/package.json +1 -1
- package/ContextMenu/cjs/index.development.js +262 -0
- package/ContextMenu/cjs/index.development.v2.js +262 -0
- package/ContextMenu/cjs/index.production.js +1 -0
- package/ContextMenu/cjs/index.production.v2.js +1 -0
- package/ContextMenu/cjs/style.development.css +1 -0
- package/ContextMenu/cjs/style.development.v2.css +1 -0
- package/ContextMenu/cjs/style.production.css +1 -0
- package/ContextMenu/cjs/style.production.v2.css +1 -0
- package/ContextMenu/index.d.ts +25 -0
- package/ContextMenu/index.js +7 -0
- package/ContextMenu/index.v2.js +7 -0
- package/ContextMenu/package.json +12 -0
- package/ErrorCatch/ErrorCatch.d.ts +30 -0
- package/ErrorCatch/cjs/index.development.js +367 -0
- package/ErrorCatch/cjs/index.development.v2.js +367 -0
- package/ErrorCatch/cjs/index.production.js +1 -0
- package/ErrorCatch/cjs/index.production.v2.js +1 -0
- package/ErrorCatch/cjs/style.development.css +1 -0
- package/ErrorCatch/cjs/style.development.v2.css +1 -0
- package/ErrorCatch/cjs/style.production.css +1 -0
- package/ErrorCatch/cjs/style.production.v2.css +1 -0
- package/ErrorCatch/components/ErrorView.d.ts +7 -0
- package/ErrorCatch/index.d.ts +4 -0
- package/ErrorCatch/index.js +7 -0
- package/ErrorCatch/index.v2.js +7 -0
- package/ErrorCatch/package.json +9 -0
- package/ErrorCatch/utils.d.ts +4 -0
- package/ErrorCatch/withErrorCatch.d.ts +3 -0
- 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/cjs/style.development.css +1 -1
- package/Input/cjs/style.development.v2.css +1 -1
- package/Input/cjs/style.production.css +1 -1
- package/Input/cjs/style.production.v2.css +1 -1
- package/Input/package.json +1 -1
- package/InputField/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Label/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/Modal/cjs/index.development.js +2 -2
- package/Modal/cjs/index.development.v2.js +2 -2
- package/Modal/cjs/index.production.js +1 -1
- package/Modal/cjs/index.production.v2.js +1 -1
- package/Modal/package.json +1 -1
- package/OutsideClick/package.json +1 -1
- package/Overlay/cjs/index.development.js +6 -6
- package/Overlay/cjs/index.development.v2.js +6 -6
- package/Overlay/cjs/index.production.js +1 -1
- package/Overlay/cjs/index.production.v2.js +1 -1
- package/Overlay/package.json +1 -2
- package/PhotoGallery/cjs/index.development.js +4 -1
- package/PhotoGallery/cjs/index.development.v2.js +4 -1
- package/PhotoGallery/cjs/index.production.js +1 -1
- package/PhotoGallery/cjs/index.production.v2.js +1 -1
- package/PhotoGallery/cjs/style.development.css +1 -1
- package/PhotoGallery/cjs/style.development.v2.css +1 -1
- package/PhotoGallery/cjs/style.production.css +1 -1
- package/PhotoGallery/cjs/style.production.v2.css +1 -1
- package/PhotoGallery/index.d.ts +1 -1
- package/PhotoGallery/package.json +1 -1
- package/Picture/cjs/index.development.js +1 -1
- package/Picture/cjs/index.development.v2.js +1 -1
- package/Picture/cjs/index.production.js +1 -1
- package/Picture/cjs/index.production.v2.js +1 -1
- package/Picture/cjs/style.development.css +1 -1
- package/Picture/cjs/style.development.v2.css +1 -1
- package/Picture/cjs/style.production.css +1 -1
- package/Picture/cjs/style.production.v2.css +1 -1
- package/Picture/index.d.ts +1 -1
- package/Picture/package.json +1 -1
- package/Portal/package.json +1 -1
- package/Progress/cjs/index.development.js +3 -9
- package/Progress/cjs/index.development.v2.js +3 -9
- package/Progress/cjs/index.production.js +1 -1
- package/Progress/cjs/index.production.v2.js +1 -1
- package/Progress/package.json +1 -1
- package/QRCode/package.json +1 -1
- package/Rating/package.json +1 -1
- package/RatingSelect/package.json +1 -1
- package/SafeQuery/cjs/index.development.js +3 -157
- package/SafeQuery/cjs/index.development.v2.js +3 -157
- package/SafeQuery/cjs/index.production.js +1 -1
- package/SafeQuery/cjs/index.production.v2.js +1 -1
- package/SafeQuery/package.json +2 -5
- package/Scroll/package.json +1 -1
- package/ScrollControls/ScrollControlsButton.d.ts +2 -2
- package/ScrollControls/cjs/index.development.js +4 -4
- package/ScrollControls/cjs/index.development.v2.js +4 -4
- package/ScrollControls/cjs/index.production.js +1 -1
- package/ScrollControls/cjs/index.production.v2.js +1 -1
- package/ScrollControls/index.d.ts +5 -4
- package/ScrollControls/package.json +1 -1
- package/SimpleSlider/cjs/style.development.css +1 -1
- package/SimpleSlider/cjs/style.development.v2.css +1 -1
- package/SimpleSlider/cjs/style.production.css +1 -1
- package/SimpleSlider/cjs/style.production.v2.css +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/package.json +1 -1
- package/SnackBar/package.json +1 -1
- package/SnackBarManager/package.json +1 -1
- package/Spinner/package.json +1 -1
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tooltip/cjs/index.development.js +1 -1
- package/Tooltip/cjs/index.development.v2.js +1 -1
- package/Tooltip/cjs/index.production.js +1 -1
- package/Tooltip/cjs/index.production.v2.js +1 -1
- package/Tooltip/package.json +1 -1
- package/Tumbler/cjs/style.development.css +1 -1
- package/Tumbler/cjs/style.development.v2.css +1 -1
- package/Tumbler/cjs/style.production.css +1 -1
- package/Tumbler/cjs/style.production.v2.css +1 -1
- package/Tumbler/package.json +1 -1
- package/Viewport/cjs/index.development.js +113 -0
- package/Viewport/cjs/index.development.v2.js +113 -0
- package/Viewport/cjs/index.production.js +1 -0
- package/Viewport/cjs/index.production.v2.js +1 -0
- package/Viewport/index.d.ts +15 -0
- package/Viewport/index.js +7 -0
- package/Viewport/index.v2.js +7 -0
- package/Viewport/package.json +9 -0
- package/package.json +3 -3
- package/useBodyTTag/package.json +1 -1
- package/useBrowserLayoutEffect/package.json +1 -1
- package/useDebounce/package.json +1 -1
- package/useForwardRef/package.json +1 -1
- package/useId/package.json +1 -1
- package/useInView/cjs/index.development.js +15 -0
- package/useInView/cjs/index.development.v2.js +15 -0
- package/useInView/cjs/index.production.js +1 -0
- package/useInView/cjs/index.production.v2.js +1 -0
- package/useInView/index.d.ts +9 -0
- package/useInView/index.js +7 -0
- package/useInView/index.v2.js +7 -0
- package/useInView/package.json +13 -0
- package/useIsMounted/package.json +1 -1
- package/useKeyPress/package.json +1 -1
- package/useMedia/package.json +1 -1
- package/useOutsideClick/package.json +1 -1
- package/usePortal/package.json +1 -1
- package/useScrollPosition/package.json +1 -1
- package/useSnackBar/package.json +1 -1
- package/SafeQuery/cjs/style.development.css +0 -1
- package/SafeQuery/cjs/style.development.v2.css +0 -1
- package/SafeQuery/cjs/style.production.css +0 -1
- package/SafeQuery/cjs/style.production.v2.css +0 -1
- package/SafeQuery/components/Error.d.ts +0 -7
|
@@ -4,11 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var components = require('@apollo/client/react/components');
|
|
7
|
-
var
|
|
8
|
-
var Box = require('@prom-ui/core/Box');
|
|
9
|
-
var Button = require('@prom-ui/core/Button');
|
|
10
|
-
var Text = require('@prom-ui/core/Text');
|
|
11
|
-
var useBodyTTag = require('@prom-ui/core/useBodyTTag');
|
|
7
|
+
var ErrorCatch = require('@prom-ui/core/ErrorCatch');
|
|
12
8
|
|
|
13
9
|
function _interopNamespaceCompat(e) {
|
|
14
10
|
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
@@ -30,33 +26,6 @@ function _interopNamespaceCompat(e) {
|
|
|
30
26
|
|
|
31
27
|
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
32
28
|
|
|
33
|
-
function _iterableToArrayLimit(arr, i) {
|
|
34
|
-
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
35
|
-
if (null != _i) {
|
|
36
|
-
var _s,
|
|
37
|
-
_e,
|
|
38
|
-
_x,
|
|
39
|
-
_r,
|
|
40
|
-
_arr = [],
|
|
41
|
-
_n = !0,
|
|
42
|
-
_d = !1;
|
|
43
|
-
try {
|
|
44
|
-
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
45
|
-
if (Object(_i) !== _i) return;
|
|
46
|
-
_n = !1;
|
|
47
|
-
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
48
|
-
} catch (err) {
|
|
49
|
-
_d = !0, _e = err;
|
|
50
|
-
} finally {
|
|
51
|
-
try {
|
|
52
|
-
if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
|
|
53
|
-
} finally {
|
|
54
|
-
if (_d) throw _e;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
return _arr;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
29
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
61
30
|
if (source == null) return {};
|
|
62
31
|
var target = {};
|
|
@@ -84,108 +53,6 @@ function _objectWithoutProperties(source, excluded) {
|
|
|
84
53
|
}
|
|
85
54
|
return target;
|
|
86
55
|
}
|
|
87
|
-
function _taggedTemplateLiteral(strings, raw) {
|
|
88
|
-
if (!raw) {
|
|
89
|
-
raw = strings.slice(0);
|
|
90
|
-
}
|
|
91
|
-
return Object.freeze(Object.defineProperties(strings, {
|
|
92
|
-
raw: {
|
|
93
|
-
value: Object.freeze(raw)
|
|
94
|
-
}
|
|
95
|
-
}));
|
|
96
|
-
}
|
|
97
|
-
function _slicedToArray(arr, i) {
|
|
98
|
-
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
99
|
-
}
|
|
100
|
-
function _arrayWithHoles(arr) {
|
|
101
|
-
if (Array.isArray(arr)) return arr;
|
|
102
|
-
}
|
|
103
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
104
|
-
if (!o) return;
|
|
105
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
106
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
107
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
108
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
109
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
110
|
-
}
|
|
111
|
-
function _arrayLikeToArray(arr, len) {
|
|
112
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
113
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
114
|
-
return arr2;
|
|
115
|
-
}
|
|
116
|
-
function _nonIterableRest() {
|
|
117
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
var css = {"root":"SafeQuery__root___IHinP"};
|
|
121
|
-
|
|
122
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
123
|
-
var SafeQueryError = function SafeQueryError(_ref) {
|
|
124
|
-
var componentErrorName = _ref.componentErrorName,
|
|
125
|
-
onReload = _ref.onReload;
|
|
126
|
-
var _useBodyTTag = useBodyTTag.useBodyTTag(),
|
|
127
|
-
t = _useBodyTTag.t;
|
|
128
|
-
var _useState = React.useState(false),
|
|
129
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
130
|
-
isHidden = _useState2[0],
|
|
131
|
-
setHidden = _useState2[1];
|
|
132
|
-
if (isHidden) {
|
|
133
|
-
return null;
|
|
134
|
-
}
|
|
135
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
136
|
-
if (typeof window === 'undefined') return null;
|
|
137
|
-
return /*#__PURE__*/React__namespace.default.createElement(Box.Box, {
|
|
138
|
-
className: css.root,
|
|
139
|
-
"box-background": "red-500",
|
|
140
|
-
"box-padding": ['s m', 'm@large l@large'],
|
|
141
|
-
"box-position": "relative",
|
|
142
|
-
"box-round": "m",
|
|
143
|
-
"data-qaid": "err_catch_trace"
|
|
144
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Box.Box, {
|
|
145
|
-
"box-margin-right": "5xl"
|
|
146
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Text.Text, {
|
|
147
|
-
"text-color": "white"
|
|
148
|
-
}, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u0412\u043E\u0437\u043D\u0438\u043A\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430:"]))), ' ', /*#__PURE__*/React__namespace.default.createElement(Text.Text, {
|
|
149
|
-
"text-weight": "bold",
|
|
150
|
-
style: {
|
|
151
|
-
fontFamily: 'Consolas, "Liberation Mono", Menlo, monospace',
|
|
152
|
-
userSelect: 'all'
|
|
153
|
-
}
|
|
154
|
-
}, componentErrorName))), /*#__PURE__*/React__namespace.default.createElement(Box.Box, {
|
|
155
|
-
"box-position": "absolute center-right",
|
|
156
|
-
"box-margin-right": "s"
|
|
157
|
-
}, /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
|
|
158
|
-
"button-padding": "xxs",
|
|
159
|
-
"button-theme": "white-inherit",
|
|
160
|
-
onClick: onReload,
|
|
161
|
-
title: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C"])))
|
|
162
|
-
}, /*#__PURE__*/React__namespace.default.createElement("svg", {
|
|
163
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
164
|
-
viewBox: "0 0 18 18",
|
|
165
|
-
width: 18,
|
|
166
|
-
height: 18
|
|
167
|
-
}, /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
168
|
-
fill: "#fff",
|
|
169
|
-
d: "M9 13.5c-2.49 0-4.5-2.01-4.5-4.5S6.51 4.5 9 4.5c1.24 0 2.36.52 3.17 1.33L10 8h5V3l-1.76 1.76C12.15 3.68 10.66 3 9 3 5.69 3 3.01 5.69 3.01 9S5.69 15 9 15c2.97 0 5.43-2.16 5.9-5h-1.52c-.46 2-2.24 3.5-4.38 3.5z"
|
|
170
|
-
}))), /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
|
|
171
|
-
"button-padding": "xxs",
|
|
172
|
-
"button-theme": "white-inherit",
|
|
173
|
-
onClick: function onClick() {
|
|
174
|
-
return setHidden(true);
|
|
175
|
-
},
|
|
176
|
-
title: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\u0421\u043A\u0440\u044B\u0442\u044C"])))
|
|
177
|
-
}, /*#__PURE__*/React__namespace.default.createElement("svg", {
|
|
178
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
179
|
-
viewBox: "0 0 24 24",
|
|
180
|
-
width: 18,
|
|
181
|
-
height: 18
|
|
182
|
-
}, /*#__PURE__*/React__namespace.default.createElement("path", {
|
|
183
|
-
fill: "#fff",
|
|
184
|
-
d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
|
|
185
|
-
})))));
|
|
186
|
-
}
|
|
187
|
-
return null;
|
|
188
|
-
};
|
|
189
56
|
|
|
190
57
|
var _excluded = ["componentErrorName", "children"];
|
|
191
58
|
var SafeQuery = function SafeQuery(_ref) {
|
|
@@ -193,27 +60,8 @@ var SafeQuery = function SafeQuery(_ref) {
|
|
|
193
60
|
componentErrorName = _ref$componentErrorNa === void 0 ? 'SafeQuery' : _ref$componentErrorNa,
|
|
194
61
|
children = _ref.children,
|
|
195
62
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
isReload = _React$useState2[0],
|
|
199
|
-
setReload = _React$useState2[1];
|
|
200
|
-
React__namespace.useEffect(function () {
|
|
201
|
-
if (isReload) {
|
|
202
|
-
setReload(false);
|
|
203
|
-
}
|
|
204
|
-
}, [isReload]);
|
|
205
|
-
if (isReload) {
|
|
206
|
-
return null;
|
|
207
|
-
}
|
|
208
|
-
var errorComponent = /*#__PURE__*/React__namespace.createElement(SafeQueryError, {
|
|
209
|
-
componentErrorName: componentErrorName,
|
|
210
|
-
onReload: function onReload() {
|
|
211
|
-
return setReload(true);
|
|
212
|
-
}
|
|
213
|
-
});
|
|
214
|
-
return /*#__PURE__*/React__namespace.createElement(errcatch.ErrCatch, {
|
|
215
|
-
name: componentErrorName,
|
|
216
|
-
errorComponent: errorComponent
|
|
63
|
+
return /*#__PURE__*/React__namespace.createElement(ErrorCatch.ErrorCatch, {
|
|
64
|
+
name: componentErrorName
|
|
217
65
|
}, /*#__PURE__*/React__namespace.createElement(components.Query, props, function (queryResult) {
|
|
218
66
|
var error = queryResult.error;
|
|
219
67
|
if (error) throw error;
|
|
@@ -223,5 +71,3 @@ var SafeQuery = function SafeQuery(_ref) {
|
|
|
223
71
|
SafeQuery.displayName = 'SafeQuery';
|
|
224
72
|
|
|
225
73
|
exports.SafeQuery = SafeQuery;
|
|
226
|
-
|
|
227
|
-
require('./style.development.v2.css');
|
|
@@ -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"),r=require("@apollo/client/react/components"),t=require("@prom-ui/core/ErrorCatch");function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=n(e);function c(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var u=["componentErrorName","children"],a=function(e){var n=e.componentErrorName,a=void 0===n?"SafeQuery":n,i=e.children,f=c(e,u);return o.createElement(t.ErrorCatch,{name:a},o.createElement(r.Query,f,(function(e){var r=e.error;if(r)throw r;return i(e)})))};a.displayName="SafeQuery",exports.SafeQuery=a;
|
|
@@ -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"),r=require("@apollo/client/react/components"),t=require("@prom-ui/core/ErrorCatch");function n(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=n(e);function c(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var u=["componentErrorName","children"],a=function(e){var n=e.componentErrorName,a=void 0===n?"SafeQuery":n,i=e.children,f=c(e,u);return o.createElement(t.ErrorCatch,{name:a},o.createElement(r.Query,f,(function(e){var r=e.error;if(r)throw r;return i(e)})))};a.displayName="SafeQuery",exports.SafeQuery=a;
|
package/SafeQuery/package.json
CHANGED
package/Scroll/package.json
CHANGED
|
@@ -3,8 +3,8 @@ export type ScrollControlsButtonProps = {
|
|
|
3
3
|
hideOnDisabled?: boolean;
|
|
4
4
|
children?: any;
|
|
5
5
|
isActive?: boolean;
|
|
6
|
-
onClickNext?:
|
|
7
|
-
onClickPrev?:
|
|
6
|
+
onClickNext?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
|
+
onClickPrev?: React.MouseEventHandler<HTMLButtonElement>;
|
|
8
8
|
zIndex?: number;
|
|
9
9
|
scrollRef: React.RefObject<HTMLElement>;
|
|
10
10
|
};
|
|
@@ -219,15 +219,15 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
|
|
|
219
219
|
}
|
|
220
220
|
});
|
|
221
221
|
};
|
|
222
|
-
var handleOnClickPrev = function handleOnClickPrev() {
|
|
222
|
+
var handleOnClickPrev = function handleOnClickPrev(e) {
|
|
223
223
|
if (typeof onClickPrev === 'function') {
|
|
224
|
-
onClickPrev();
|
|
224
|
+
onClickPrev(e);
|
|
225
225
|
}
|
|
226
226
|
updateScrollLeft(DIRECTION_PREV);
|
|
227
227
|
};
|
|
228
|
-
var handleOnClickNext = function handleOnClickNext() {
|
|
228
|
+
var handleOnClickNext = function handleOnClickNext(e) {
|
|
229
229
|
if (typeof onClickNext === 'function') {
|
|
230
|
-
onClickNext();
|
|
230
|
+
onClickNext(e);
|
|
231
231
|
}
|
|
232
232
|
updateScrollLeft(DIRECTION_NEXT);
|
|
233
233
|
};
|
|
@@ -219,15 +219,15 @@ var ScrollControlsButton = function ScrollControlsButton(_ref) {
|
|
|
219
219
|
}
|
|
220
220
|
});
|
|
221
221
|
};
|
|
222
|
-
var handleOnClickPrev = function handleOnClickPrev() {
|
|
222
|
+
var handleOnClickPrev = function handleOnClickPrev(e) {
|
|
223
223
|
if (typeof onClickPrev === 'function') {
|
|
224
|
-
onClickPrev();
|
|
224
|
+
onClickPrev(e);
|
|
225
225
|
}
|
|
226
226
|
updateScrollLeft(DIRECTION_PREV);
|
|
227
227
|
};
|
|
228
|
-
var handleOnClickNext = function handleOnClickNext() {
|
|
228
|
+
var handleOnClickNext = function handleOnClickNext(e) {
|
|
229
229
|
if (typeof onClickNext === 'function') {
|
|
230
|
-
onClickNext();
|
|
230
|
+
onClickNext(e);
|
|
231
231
|
}
|
|
232
232
|
updateScrollLeft(DIRECTION_NEXT);
|
|
233
233
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),r=require("@prom-ui/core/useForwardRef"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),l=require("@prom-ui/icons/Left"),u=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)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 f=a(e),s=c(t);function d(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,u=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(f){a=!0,o=f}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw o}}return u}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return y(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var h,O,g="mOlOq",j="_3uXYG _8-zJW",w="L0VTc _8-zJW",x="_8BNAe",N="_1GCww",S="lzBzL",E="StbVV",C=function(t){var r=t.scrollRef,c=t.hideOnDisabled,a=void 0!==c&&c,b=t.isActive,v=void 0===b||b,y=t.onClickNext,g=t.onClickPrev,E=t.zIndex,C=t.children,k=i.useBodyTTag().t,I=e.useRef(null),P=p(e.useState({prev:!1,next:!1}),2),z=P[0],A=P[1],q=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.scrollWidth,i=t.clientWidth,l=(Number.isInteger(e)?e:n)||0;A({prev:l>1,next:l<o-i-1})}},T=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.clientWidth*e;requestAnimationFrame((function(){var e=n+o;q(e),r.current&&r.current.scrollTo({left:e,behavior:"smooth"})}))}},B=function(){clearTimeout(I.current||0),I.current=setTimeout(q,100)};return e.useEffect((function(){return r.current&&v&&(requestAnimationFrame((function(){q()})),r.current.addEventListener("scroll",B)),function(){r.current&&v&&r.current.removeEventListener("scroll",B)}}),[v,C]),v&&(z.prev||z.next)?f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:s.default(j,d({},x,!z.prev)),style:{zIndex:E}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(){"function"==typeof g&&g(),T(-1)},disabled:!z.prev,title:k(h||(h=m(["Назад"])))},f.default.createElement(o.Icon,{className:S,"icon-events":"none","icon-as":l.SvgLeft}))),f.default.createElement("div",{className:s.default(w,d({},x,!z.next)),style:{zIndex:E}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(){"function"==typeof y&&y(),T(1)},disabled:!z.next,title:k(O||(O=m(["Далее"])))},f.default.createElement(o.Icon,{className:S,"icon-events":"none","icon-as":u.SvgRight})))):null};C.displayName="ScrollControlsButton";var k=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],I=f.forwardRef((function(e,t){var n=e.children,o=e.className,i=e.hideOnDisabled,l=void 0===i||i,u=e.isActive,c=void 0===u||u,a=e.onClickNext,m=e.onClickPrev,p=e.showOnHover,y=void 0!==p&&p,h=e.zIndex,O=v(e,k),j=r.useForwardRef(t,null);return f.createElement("div",b({className:s.default(g,o,d({},E,y))},O),n(j),f.createElement(C,{scrollRef:j,hideOnDisabled:l,isActive:c,onClickNext:a,onClickPrev:m,zIndex:h},n))}));I.displayName="ScrollControls",exports.ScrollControls=I,require("./style.production.css");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),r=require("@prom-ui/core/useForwardRef"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),l=require("@prom-ui/icons/Left"),u=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)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 f=a(e),s=c(t);function d(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,u=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);c=!0);}catch(f){a=!0,o=f}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw o}}return u}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return y(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var h,O,g="mOlOq",j="_3uXYG _8-zJW",w="L0VTc _8-zJW",x="_8BNAe",N="_1GCww",S="lzBzL",E="StbVV",C=function(t){var r=t.scrollRef,c=t.hideOnDisabled,a=void 0!==c&&c,b=t.isActive,v=void 0===b||b,y=t.onClickNext,g=t.onClickPrev,E=t.zIndex,C=t.children,k=i.useBodyTTag().t,I=e.useRef(null),P=p(e.useState({prev:!1,next:!1}),2),z=P[0],A=P[1],q=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.scrollWidth,i=t.clientWidth,l=(Number.isInteger(e)?e:n)||0;A({prev:l>1,next:l<o-i-1})}},T=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.clientWidth*e;requestAnimationFrame((function(){var e=n+o;q(e),r.current&&r.current.scrollTo({left:e,behavior:"smooth"})}))}},B=function(){clearTimeout(I.current||0),I.current=setTimeout(q,100)};return e.useEffect((function(){return r.current&&v&&(requestAnimationFrame((function(){q()})),r.current.addEventListener("scroll",B)),function(){r.current&&v&&r.current.removeEventListener("scroll",B)}}),[v,C]),v&&(z.prev||z.next)?f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:s.default(j,d({},x,!z.prev)),style:{zIndex:E}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(e){"function"==typeof g&&g(e),T(-1)},disabled:!z.prev,title:k(h||(h=m(["Назад"])))},f.default.createElement(o.Icon,{className:S,"icon-events":"none","icon-as":l.SvgLeft}))),f.default.createElement("div",{className:s.default(w,d({},x,!z.next)),style:{zIndex:E}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(e){"function"==typeof y&&y(e),T(1)},disabled:!z.next,title:k(O||(O=m(["Далее"])))},f.default.createElement(o.Icon,{className:S,"icon-events":"none","icon-as":u.SvgRight})))):null};C.displayName="ScrollControlsButton";var k=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],I=f.forwardRef((function(e,t){var n=e.children,o=e.className,i=e.hideOnDisabled,l=void 0===i||i,u=e.isActive,c=void 0===u||u,a=e.onClickNext,m=e.onClickPrev,p=e.showOnHover,y=void 0!==p&&p,h=e.zIndex,O=v(e,k),j=r.useForwardRef(t,null);return f.createElement("div",b({className:s.default(g,o,d({},E,y))},O),n(j),f.createElement(C,{scrollRef:j,hideOnDisabled:l,isActive:c,onClickNext:a,onClickPrev:m,zIndex:h},n))}));I.displayName="ScrollControls",exports.ScrollControls=I,require("./style.production.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),r=require("@prom-ui/core/useForwardRef"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Left"),l=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)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 f=a(e),s=c(t);function d(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,l=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(f){a=!0,o=f}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(a)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return y(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var h,g,O="_5xFyd",j="PY-Co _1fL6b",w="u2XoF _1fL6b",x="AZbdb",N="zw-fa",E="z7X7-",P="PVtmJ",S=function(t){var r=t.scrollRef,c=t.hideOnDisabled,a=void 0!==c&&c,b=t.isActive,v=void 0===b||b,y=t.onClickNext,O=t.onClickPrev,P=t.zIndex,S=t.children,C=i.useBodyTTag().t,k=e.useRef(null),I=p(e.useState({prev:!1,next:!1}),2),A=I[0],q=I[1],z=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.scrollWidth,i=t.clientWidth,u=(Number.isInteger(e)?e:n)||0;q({prev:u>1,next:u<o-i-1})}},T=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.clientWidth*e;requestAnimationFrame((function(){var e=n+o;z(e),r.current&&r.current.scrollTo({left:e,behavior:"smooth"})}))}},L=function(){clearTimeout(k.current||0),k.current=setTimeout(z,100)};return e.useEffect((function(){return r.current&&v&&(requestAnimationFrame((function(){z()})),r.current.addEventListener("scroll",L)),function(){r.current&&v&&r.current.removeEventListener("scroll",L)}}),[v,S]),v&&(A.prev||A.next)?f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:s.default(j,d({},x,!A.prev)),style:{zIndex:P}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(){"function"==typeof O&&O(),T(-1)},disabled:!A.prev,title:C(h||(h=m(["Назад"])))},f.default.createElement(o.Icon,{className:E,"icon-events":"none","icon-as":u.SvgLeft}))),f.default.createElement("div",{className:s.default(w,d({},x,!A.next)),style:{zIndex:P}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(){"function"==typeof y&&y(),T(1)},disabled:!A.next,title:C(g||(g=m(["Далее"])))},f.default.createElement(o.Icon,{className:E,"icon-events":"none","icon-as":l.SvgRight})))):null};S.displayName="ScrollControlsButton";var C=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],k=f.forwardRef((function(e,t){var n=e.children,o=e.className,i=e.hideOnDisabled,u=void 0===i||i,l=e.isActive,c=void 0===l||l,a=e.onClickNext,m=e.onClickPrev,p=e.showOnHover,y=void 0!==p&&p,h=e.zIndex,g=v(e,C),j=r.useForwardRef(t,null);return f.createElement("div",b({className:s.default(O,o,d({},P,y))},g),n(j),f.createElement(S,{scrollRef:j,hideOnDisabled:u,isActive:c,onClickNext:a,onClickPrev:m,zIndex:h},n))}));k.displayName="ScrollControls",exports.ScrollControls=k,require("./style.production.v2.css");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),r=require("@prom-ui/core/useForwardRef"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),u=require("@prom-ui/icons/Left"),l=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)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 f=a(e),s=c(t);function d(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,l=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(f){a=!0,o=f}finally{try{if(!c&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(a)throw o}}return l}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return y(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var h,g,O="_5xFyd",j="PY-Co _1fL6b",w="u2XoF _1fL6b",x="AZbdb",N="zw-fa",E="z7X7-",P="PVtmJ",S=function(t){var r=t.scrollRef,c=t.hideOnDisabled,a=void 0!==c&&c,b=t.isActive,v=void 0===b||b,y=t.onClickNext,O=t.onClickPrev,P=t.zIndex,S=t.children,C=i.useBodyTTag().t,k=e.useRef(null),I=p(e.useState({prev:!1,next:!1}),2),A=I[0],q=I[1],z=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.scrollWidth,i=t.clientWidth,u=(Number.isInteger(e)?e:n)||0;q({prev:u>1,next:u<o-i-1})}},T=function(e){if(r.current){var t=r.current,n=t.scrollLeft,o=t.clientWidth*e;requestAnimationFrame((function(){var e=n+o;z(e),r.current&&r.current.scrollTo({left:e,behavior:"smooth"})}))}},L=function(){clearTimeout(k.current||0),k.current=setTimeout(z,100)};return e.useEffect((function(){return r.current&&v&&(requestAnimationFrame((function(){z()})),r.current.addEventListener("scroll",L)),function(){r.current&&v&&r.current.removeEventListener("scroll",L)}}),[v,S]),v&&(A.prev||A.next)?f.default.createElement(f.default.Fragment,null,f.default.createElement("div",{className:s.default(j,d({},x,!A.prev)),style:{zIndex:P}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(e){"function"==typeof O&&O(e),T(-1)},disabled:!A.prev,title:C(h||(h=m(["Назад"])))},f.default.createElement(o.Icon,{className:E,"icon-events":"none","icon-as":u.SvgLeft}))),f.default.createElement("div",{className:s.default(w,d({},x,!A.next)),style:{zIndex:P}},f.default.createElement(n.Button,{"button-theme":"white","button-padding":"none","button-round":"full","button-width":"1-1","button-height":"1-1","button-blackhole":"scroll-button",type:"button",className:a?N:void 0,onClick:function(e){"function"==typeof y&&y(e),T(1)},disabled:!A.next,title:C(g||(g=m(["Далее"])))},f.default.createElement(o.Icon,{className:E,"icon-events":"none","icon-as":l.SvgRight})))):null};S.displayName="ScrollControlsButton";var C=["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex"],k=f.forwardRef((function(e,t){var n=e.children,o=e.className,i=e.hideOnDisabled,u=void 0===i||i,l=e.isActive,c=void 0===l||l,a=e.onClickNext,m=e.onClickPrev,p=e.showOnHover,y=void 0!==p&&p,h=e.zIndex,g=v(e,C),j=r.useForwardRef(t,null);return f.createElement("div",b({className:s.default(O,o,d({},P,y))},g),n(j),f.createElement(S,{scrollRef:j,hideOnDisabled:u,isActive:c,onClickNext:a,onClickPrev:m,zIndex:h},n))}));k.displayName="ScrollControls",exports.ScrollControls=k,require("./style.production.v2.css");
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { type ScrollControlsButtonProps } from './ScrollControlsButton';
|
|
2
3
|
export type ScrollControlsProps = Omit<React.ComponentProps<'div'>, 'children'> & {
|
|
3
4
|
/** Принимает children как функцию, `(scrollRef) =>` */
|
|
4
5
|
children: (ref: React.MutableRefObject<null>) => JSX.Element | null;
|
|
5
6
|
/** Показывать кнопки при наведении */
|
|
6
7
|
showOnHover?: boolean;
|
|
7
8
|
/** Скрыть кнопку если не активная */
|
|
8
|
-
hideOnDisabled?:
|
|
9
|
+
hideOnDisabled?: ScrollControlsButtonProps['hideOnDisabled'];
|
|
9
10
|
/** Если передать `false` компонент перестанет работать */
|
|
10
|
-
isActive?:
|
|
11
|
-
onClickNext?:
|
|
12
|
-
onClickPrev?:
|
|
11
|
+
isActive?: ScrollControlsButtonProps['isActive'];
|
|
12
|
+
onClickNext?: ScrollControlsButtonProps['onClickNext'];
|
|
13
|
+
onClickPrev?: ScrollControlsButtonProps['onClickPrev'];
|
|
13
14
|
/** Устанавливает z-index кнопкам */
|
|
14
15
|
zIndex?: number;
|
|
15
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.SimpleSlider__root___WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___94Eq7{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___LXJjI::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___LXJjI:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___I5yQD:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___I5yQD:active,.SimpleSlider__buttonCommon___I5yQD:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___UqTOk{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___BbLNv{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___89h6n{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___v-ZWk:before{opacity:.5}.SimpleSlider__dotsItem___cbWCu{display:block;position:relative}.SimpleSlider__dotsItem___cbWCu+.SimpleSlider__dotsItem___cbWCu{margin-left:6px}.SimpleSlider__dotsButton___7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___7N4yb:hover{background:var(--black-500)}.SimpleSlider__dotsButton___7N4yb:disabled{background:var(--
|
|
1
|
+
.SimpleSlider__root___WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___94Eq7{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___LXJjI::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___LXJjI:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___I5yQD:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___I5yQD:active,.SimpleSlider__buttonCommon___I5yQD:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___UqTOk{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___BbLNv{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___89h6n{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___v-ZWk:before{opacity:.5}.SimpleSlider__dotsItem___cbWCu{display:block;position:relative}.SimpleSlider__dotsItem___cbWCu+.SimpleSlider__dotsItem___cbWCu{margin-left:6px}.SimpleSlider__dotsButton___7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___7N4yb:hover{background:var(--black-500)}.SimpleSlider__dotsButton___7N4yb:disabled{background:var(--violet-500)}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk:disabled{opacity:.3}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv:disabled{opacity:.3}.SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J{opacity:1;transform:translate(-50%,0)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.SimpleSlider__root___bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___7TgGX{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___gHpEr::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___gHpEr:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___cQvz3:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___cQvz3:active,.SimpleSlider__buttonCommon___cQvz3:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___543BF{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___uU4Gw{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___LD9ov{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___fybKk:before{opacity:.5}.SimpleSlider__dotsItem___d4JnV{display:block;position:relative}.SimpleSlider__dotsItem___d4JnV+.SimpleSlider__dotsItem___d4JnV{margin-left:6px}.SimpleSlider__dotsButton___UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___UPQSI:hover{background:var(--black-500)}.SimpleSlider__dotsButton___UPQSI:disabled{background:var(--
|
|
1
|
+
.SimpleSlider__root___bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___7TgGX{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___gHpEr::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___gHpEr:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___cQvz3:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___cQvz3:active,.SimpleSlider__buttonCommon___cQvz3:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___543BF{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___uU4Gw{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___LD9ov{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___fybKk:before{opacity:.5}.SimpleSlider__dotsItem___d4JnV{display:block;position:relative}.SimpleSlider__dotsItem___d4JnV+.SimpleSlider__dotsItem___d4JnV{margin-left:6px}.SimpleSlider__dotsButton___UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___UPQSI:hover{background:var(--black-500)}.SimpleSlider__dotsButton___UPQSI:disabled{background:var(--violet-500)}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonPrev___543BF{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonNext___uU4Gw{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverDots___q4PLm .SimpleSlider__dots___GA591{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF:disabled{opacity:.3}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw:disabled{opacity:.3}.SimpleSlider__showOnHoverDots___q4PLm:hover .SimpleSlider__dots___GA591{opacity:1;transform:translate(-50%,0)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.LXJjI::-moz-focus-inner{border-style:none}.LXJjI:focus:not(:focus-visible){outline:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.I5yQD:hover{background:var(--black-50)}.I5yQD:active,.I5yQD:focus-visible{background:var(--black-100)}.UqTOk{left:var(--pds-spacing-m)}.BbLNv{right:var(--pds-spacing-m)}._89h6n{fill:currentColor;width:24px;height:24px}.E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.v-ZWk:before{opacity:.5}.cbWCu{display:block;position:relative}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--
|
|
1
|
+
.WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.LXJjI::-moz-focus-inner{border-style:none}.LXJjI:focus:not(:focus-visible){outline:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.I5yQD:hover{background:var(--black-50)}.I5yQD:active,.I5yQD:focus-visible{background:var(--black-100)}.UqTOk{left:var(--pds-spacing-m)}.BbLNv{right:var(--pds-spacing-m)}._89h6n{fill:currentColor;width:24px;height:24px}.E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.v-ZWk:before{opacity:.5}.cbWCu{display:block;position:relative}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--violet-500)}.yssoj .UqTOk{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.yssoj .BbLNv{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.ig5DV .E7g4J{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.yssoj:hover .UqTOk{opacity:1;transform:translate(0,-50%)}.yssoj:hover .UqTOk:disabled{opacity:.3}.yssoj:hover .BbLNv{opacity:1;transform:translate(0,-50%)}.yssoj:hover .BbLNv:disabled{opacity:.3}.ig5DV:hover .E7g4J{opacity:1;transform:translate(-50%,0)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._7TgGX{position:relative;display:block;flex:1;min-width:0}.gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.gHpEr::-moz-focus-inner{border-style:none}.gHpEr:focus:not(:focus-visible){outline:0}.cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.cQvz3:hover{background:var(--black-50)}.cQvz3:active,.cQvz3:focus-visible{background:var(--black-100)}._543BF{left:var(--pds-spacing-m)}.uU4Gw{right:var(--pds-spacing-m)}.LD9ov{fill:currentColor;width:24px;height:24px}.GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.fybKk:before{opacity:.5}.d4JnV{display:block;position:relative}.d4JnV+.d4JnV{margin-left:6px}.UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.UPQSI:hover{background:var(--black-500)}.UPQSI:disabled{background:var(--
|
|
1
|
+
.bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._7TgGX{position:relative;display:block;flex:1;min-width:0}.gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.gHpEr::-moz-focus-inner{border-style:none}.gHpEr:focus:not(:focus-visible){outline:0}.cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.cQvz3:hover{background:var(--black-50)}.cQvz3:active,.cQvz3:focus-visible{background:var(--black-100)}._543BF{left:var(--pds-spacing-m)}.uU4Gw{right:var(--pds-spacing-m)}.LD9ov{fill:currentColor;width:24px;height:24px}.GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.fybKk:before{opacity:.5}.d4JnV{display:block;position:relative}.d4JnV+.d4JnV{margin-left:6px}.UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.UPQSI:hover{background:var(--black-500)}.UPQSI:disabled{background:var(--violet-500)}._0cn-k ._543BF{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}._0cn-k .uU4Gw{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.q4PLm .GA591{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){._0cn-k:hover ._543BF{opacity:1;transform:translate(0,-50%)}._0cn-k:hover ._543BF:disabled{opacity:.3}._0cn-k:hover .uU4Gw{opacity:1;transform:translate(0,-50%)}._0cn-k:hover .uU4Gw:disabled{opacity:.3}.q4PLm:hover .GA591{opacity:1;transform:translate(-50%,0)}}
|
package/Skeleton/package.json
CHANGED
package/SnackBar/package.json
CHANGED
package/Spinner/package.json
CHANGED
package/Text/package.json
CHANGED
package/TextEmoji/package.json
CHANGED
|
@@ -85,7 +85,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
85
85
|
_ref$width = _ref.width,
|
|
86
86
|
width = _ref$width === void 0 ? 'auto' : _ref$width,
|
|
87
87
|
_ref$zIndex = _ref.zIndex,
|
|
88
|
-
zIndex = _ref$zIndex === void 0 ?
|
|
88
|
+
zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex;
|
|
89
89
|
var _usePopperTooltip = reactPopperTooltip.usePopperTooltip({
|
|
90
90
|
trigger: trigger,
|
|
91
91
|
placement: placement,
|
|
@@ -85,7 +85,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
85
85
|
_ref$width = _ref.width,
|
|
86
86
|
width = _ref$width === void 0 ? 'auto' : _ref$width,
|
|
87
87
|
_ref$zIndex = _ref.zIndex,
|
|
88
|
-
zIndex = _ref$zIndex === void 0 ?
|
|
88
|
+
zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex;
|
|
89
89
|
var _usePopperTooltip = reactPopperTooltip.usePopperTooltip({
|
|
90
90
|
trigger: trigger,
|
|
91
91
|
placement: placement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),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&&"object"==typeof e&&"default"in e)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);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},d.apply(this,arguments)}var c={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"},u=function(e){var t=e.children,n=e.content,a=e.isVisible,u=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,y=void 0===b||b,O=e.isDefaultVisible,h=void 0!==O&&O,w=e.isFollowCursor,j=void 0!==w&&w,P=e.isInteractive,x=void 0!==P&&P,E=e.isShowArrow,C=void 0===E||E,T=e.delayHide,q=void 0===T?0:T,S=e.delayShow,A=void 0===S?0:S,D=e.trigger,H=void 0===D?"hover":D,N=e.placement,V=void 0===N?"auto":N,k=e.theme,I=void 0===k?"white":k,z=e.offset,F=void 0===z?[0,12]:z,M=e.padding,R=void 0===M?16:M,_=e.width,B=void 0===_?"auto":_,Y=e.zIndex,L=void 0===Y?
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),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&&"object"==typeof e&&"default"in e)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);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},d.apply(this,arguments)}var c={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"},u=function(e){var t=e.children,n=e.content,a=e.isVisible,u=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,y=void 0===b||b,O=e.isDefaultVisible,h=void 0!==O&&O,w=e.isFollowCursor,j=void 0!==w&&w,P=e.isInteractive,x=void 0!==P&&P,E=e.isShowArrow,C=void 0===E||E,T=e.delayHide,q=void 0===T?0:T,S=e.delayShow,A=void 0===S?0:S,D=e.trigger,H=void 0===D?"hover":D,N=e.placement,V=void 0===N?"auto":N,k=e.theme,I=void 0===k?"white":k,z=e.offset,F=void 0===z?[0,12]:z,M=e.padding,R=void 0===M?16:M,_=e.width,B=void 0===_?"auto":_,Y=e.zIndex,L=void 0===Y?5e3:Y,U=i.usePopperTooltip({trigger:H,placement:V,delayHide:q,delayShow:A,onVisibleChange:u,offset:F,defaultVisible:h,closeOnOutsideClick:g,closeOnTriggerHidden:y,visible:a,followCursor:j,interactive:x}),W=U.getArrowProps,X=U.getTooltipProps,Z=U.setTooltipRef,G=U.setTriggerRef,J=U.visible;return l.createElement(l.Fragment,null,l.cloneElement(t,{ref:G}),l.createElement(r.CSSTransition,{classNames:c,timeout:166,in:J,unmountOnExit:!0},l.createElement(o.Portal,{isActive:p},l.createElement("div",d({ref:Z},X({className:s.default(c.root,c[I],null==v?void 0:v.root),style:{width:B,zIndex:L}})),l.createElement("div",{className:s.default(c.animation,null==v?void 0:v.animation)},C&&l.createElement("div",W({className:s.default(c.arrow,null==v?void 0:v.arrow)})),l.createElement("div",{className:s.default(c.content,null==v?void 0:v.content),style:{padding:R}},n))))))};u.displayName="Tooltip",exports.Tooltip=u,require("./style.production.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),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 l(e){if(e&&"object"==typeof e&&"default"in e)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 a=l(e),s=n(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},d.apply(this,arguments)}var c={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"},u=function(e){var t=e.children,n=e.content,l=e.isVisible,u=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,O=void 0===b||b,y=e.isDefaultVisible,w=void 0!==y&&y,h=e.isFollowCursor,j=void 0!==h&&h,P=e.isInteractive,E=void 0!==P&&P,x=e.isShowArrow,C=void 0===x||x,T=e.delayHide,A=void 0===T?0:T,N=e.delayShow,k=void 0===N?0:N,q=e.trigger,S=void 0===q?"hover":q,V=e.placement,D=void 0===V?"auto":V,H=e.theme,I=void 0===H?"white":H,z=e.offset,J=void 0===z?[0,12]:z,M=e.padding,R=void 0===M?16:M,F=e.width,U=void 0===F?"auto":F,_=e.zIndex,B=void 0===_?
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("clsx"),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 l(e){if(e&&"object"==typeof e&&"default"in e)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 a=l(e),s=n(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},d.apply(this,arguments)}var c={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"},u=function(e){var t=e.children,n=e.content,l=e.isVisible,u=e.onVisibleChange,v=e.classes,f=e.isRenderPortal,p=void 0===f||f,m=e.isCloseOnOutsideClick,g=void 0===m||m,b=e.isCloseOnTriggerHidden,O=void 0===b||b,y=e.isDefaultVisible,w=void 0!==y&&y,h=e.isFollowCursor,j=void 0!==h&&h,P=e.isInteractive,E=void 0!==P&&P,x=e.isShowArrow,C=void 0===x||x,T=e.delayHide,A=void 0===T?0:T,N=e.delayShow,k=void 0===N?0:N,q=e.trigger,S=void 0===q?"hover":q,V=e.placement,D=void 0===V?"auto":V,H=e.theme,I=void 0===H?"white":H,z=e.offset,J=void 0===z?[0,12]:z,M=e.padding,R=void 0===M?16:M,F=e.width,U=void 0===F?"auto":F,_=e.zIndex,B=void 0===_?5e3:_,G=i.usePopperTooltip({trigger:S,placement:D,delayHide:A,delayShow:k,onVisibleChange:u,offset:J,defaultVisible:w,closeOnOutsideClick:g,closeOnTriggerHidden:O,visible:l,followCursor:j,interactive:E}),K=G.getArrowProps,W=G.getTooltipProps,X=G.setTooltipRef,Y=G.setTriggerRef,L=G.visible;return a.createElement(a.Fragment,null,a.cloneElement(t,{ref:Y}),a.createElement(r.CSSTransition,{classNames:c,timeout:166,in:L,unmountOnExit:!0},a.createElement(o.Portal,{isActive:p},a.createElement("div",d({ref:X},W({className:s.default(c.root,c[I],null==v?void 0:v.root),style:{width:U,zIndex:B}})),a.createElement("div",{className:s.default(c.animation,null==v?void 0:v.animation)},C&&a.createElement("div",K({className:s.default(c.arrow,null==v?void 0:v.arrow)})),a.createElement("div",{className:s.default(c.content,null==v?void 0:v.content),style:{padding:R}},n))))))};u.displayName="Tooltip",exports.Tooltip=u,require("./style.production.v2.css");
|