@salutejs/plasma-new-hope 0.329.0-canary.1655.16030657846.0 → 0.329.0-canary.1655.16036539601.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Modal/Modal.css +4 -3
- package/cjs/components/Modal/Modal.js +5 -2
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +16 -5
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/Modal/{Modal.styles_1gt0sfn.css → Modal.styles_1obtvtw.css} +4 -3
- package/cjs/components/Popup/Popup.js +6 -28
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/utils/getHandleStyles.js +2 -1
- package/cjs/components/Popup/utils/getHandleStyles.js.map +1 -1
- package/cjs/index.css +4 -3
- package/emotion/cjs/components/Modal/Modal.js +5 -2
- package/emotion/cjs/components/Modal/Modal.styles.js +14 -6
- package/emotion/cjs/components/Popup/Popup.js +6 -29
- package/emotion/cjs/components/Popup/utils/getHandleStyles.js +2 -1
- package/emotion/es/components/Modal/Modal.js +6 -3
- package/emotion/es/components/Modal/Modal.styles.js +11 -6
- package/emotion/es/components/Popup/Popup.js +7 -30
- package/emotion/es/components/Popup/utils/getHandleStyles.js +2 -1
- package/es/components/Modal/Modal.css +4 -3
- package/es/components/Modal/Modal.js +8 -5
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/Modal.styles.js +16 -6
- package/es/components/Modal/Modal.styles.js.map +1 -1
- package/es/components/Modal/{Modal.styles_1gt0sfn.css → Modal.styles_1obtvtw.css} +4 -3
- package/es/components/Popup/Popup.js +7 -29
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/utils/getHandleStyles.js +2 -1
- package/es/components/Popup/utils/getHandleStyles.js.map +1 -1
- package/es/index.css +4 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Modal/Modal.js +5 -2
- package/styled-components/cjs/components/Modal/Modal.styles.js +50 -8
- package/styled-components/cjs/components/Popup/Popup.js +6 -29
- package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +2 -1
- package/styled-components/es/components/Modal/Modal.js +6 -3
- package/styled-components/es/components/Modal/Modal.styles.js +8 -4
- package/styled-components/es/components/Popup/Popup.js +7 -30
- package/styled-components/es/components/Popup/utils/getHandleStyles.js +2 -1
- package/types/components/Modal/Modal.d.ts +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/Modal.styles.d.ts +4 -1
- package/types/components/Modal/Modal.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +15 -0
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Popup/utils/getHandleStyles.d.ts.map +1 -1
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.329.0-canary.1655.
|
3
|
+
"version": "0.329.0-canary.1655.16036539601.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -138,5 +138,5 @@
|
|
138
138
|
"sideEffects": [
|
139
139
|
"*.css"
|
140
140
|
],
|
141
|
-
"gitHead": "
|
141
|
+
"gitHead": "d9f897bf3f15dba70174da361b16b801ffd82a86"
|
142
142
|
}
|
@@ -157,6 +157,7 @@ var modalRoot = function(Root) {
|
|
157
157
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
158
158
|
var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
|
159
159
|
var popupController = (0, _Popup.usePopupContext)();
|
160
|
+
var isResizableEnabled = Boolean(resizable && !resizable.disabled);
|
160
161
|
var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
|
161
162
|
var uniqId = (0, _utils.safeUseId)();
|
162
163
|
var innerId = id || uniqId;
|
@@ -212,7 +213,9 @@ var modalRoot = function(Root) {
|
|
212
213
|
resizable: resizable
|
213
214
|
}, rest), hasBody ? /*#__PURE__*/ _react.default.createElement(Root, {
|
214
215
|
view: view
|
215
|
-
}, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody,
|
216
|
+
}, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, {
|
217
|
+
isResizableEnabled: isResizableEnabled
|
218
|
+
}, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
|
216
219
|
onClick: onClose,
|
217
220
|
"data-test": "modal-close"
|
218
221
|
}, /*#__PURE__*/ _react.default.createElement(_IconClose.IconClose, {
|
@@ -225,7 +228,7 @@ var modalConfig = {
|
|
225
228
|
name: 'Modal',
|
226
229
|
tag: 'div',
|
227
230
|
layout: modalRoot,
|
228
|
-
base:
|
231
|
+
base: _Modalstyles.base,
|
229
232
|
variations: {
|
230
233
|
view: {
|
231
234
|
css: _base.base
|
@@ -17,35 +17,77 @@ _export(exports, {
|
|
17
17
|
},
|
18
18
|
get ModalContent () {
|
19
19
|
return ModalContent;
|
20
|
+
},
|
21
|
+
get base () {
|
22
|
+
return base;
|
20
23
|
}
|
21
24
|
});
|
22
|
-
var _styledcomponents = /*#__PURE__*/
|
25
|
+
var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
|
23
26
|
var _mixins = require("../../mixins");
|
24
27
|
var _Modaltokens = require("./Modal.tokens");
|
25
|
-
function
|
26
|
-
|
27
|
-
|
28
|
+
function _getRequireWildcardCache(nodeInterop) {
|
29
|
+
if (typeof WeakMap !== "function") return null;
|
30
|
+
var cacheBabelInterop = new WeakMap();
|
31
|
+
var cacheNodeInterop = new WeakMap();
|
32
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
33
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
34
|
+
})(nodeInterop);
|
35
|
+
}
|
36
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
37
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
38
|
+
return obj;
|
39
|
+
}
|
40
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
41
|
+
return {
|
42
|
+
default: obj
|
43
|
+
};
|
44
|
+
}
|
45
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
46
|
+
if (cache && cache.has(obj)) {
|
47
|
+
return cache.get(obj);
|
48
|
+
}
|
49
|
+
var newObj = {
|
50
|
+
__proto__: null
|
28
51
|
};
|
52
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
53
|
+
for(var key in obj){
|
54
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
55
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
56
|
+
if (desc && (desc.get || desc.set)) {
|
57
|
+
Object.defineProperty(newObj, key, desc);
|
58
|
+
} else {
|
59
|
+
newObj[key] = obj[key];
|
60
|
+
}
|
61
|
+
}
|
62
|
+
}
|
63
|
+
newObj.default = obj;
|
64
|
+
if (cache) {
|
65
|
+
cache.set(obj, newObj);
|
66
|
+
}
|
67
|
+
return newObj;
|
29
68
|
}
|
69
|
+
var base = (0, _styledcomponents.css)([
|
70
|
+
"height:100%;"
|
71
|
+
]);
|
30
72
|
var ModalBody = _styledcomponents.default.div.withConfig({
|
31
73
|
displayName: "Modal.styles__ModalBody",
|
32
|
-
componentId: "sc-
|
74
|
+
componentId: "sc-aa09e41b-0"
|
33
75
|
})([
|
34
|
-
"border-radius:var(",
|
76
|
+
"height:100%;box-sizing:border-box;border-radius:var(",
|
35
77
|
");padding:var(",
|
36
78
|
");background:var(",
|
37
79
|
");box-shadow:var(--shadow-down-soft-l);"
|
38
80
|
], _Modaltokens.tokens.modalBodyBorderRadius, _Modaltokens.tokens.modalBodyPadding, _Modaltokens.tokens.modalBodyBackground);
|
39
81
|
var ModalContent = _styledcomponents.default.div.withConfig({
|
40
82
|
displayName: "Modal.styles__ModalContent",
|
41
|
-
componentId: "sc-
|
83
|
+
componentId: "sc-aa09e41b-1"
|
42
84
|
})([
|
43
85
|
"position:relative;padding:var(",
|
44
86
|
");"
|
45
87
|
], _Modaltokens.tokens.modalContentPadding);
|
46
88
|
var CloseButton = _styledcomponents.default.button.withConfig({
|
47
89
|
displayName: "Modal.styles__CloseButton",
|
48
|
-
componentId: "sc-
|
90
|
+
componentId: "sc-aa09e41b-2"
|
49
91
|
})([
|
50
92
|
"top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
|
51
93
|
");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",
|
@@ -250,10 +250,6 @@ var popupRoot = function(Root) {
|
|
250
250
|
"handle",
|
251
251
|
"resizable"
|
252
252
|
]);
|
253
|
-
var resizableDimensions = (0, _react.useRef)({
|
254
|
-
width: 0,
|
255
|
-
height: 0
|
256
|
-
});
|
257
253
|
var innerIsOpen = isOpen || opened;
|
258
254
|
var uniqId = (0, _utils.safeUseId)();
|
259
255
|
var innerId = id || uniqId;
|
@@ -267,26 +263,6 @@ var popupRoot = function(Root) {
|
|
267
263
|
var contentRef = (0, _react.useRef)(null);
|
268
264
|
var innerRef = (0, _plasmacore.useForkRef)(contentRef, outerRootRef);
|
269
265
|
var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
|
270
|
-
// Хук для получения размеров попапа, которые задаются как минимальные габариты при ресайзе.
|
271
|
-
(0, _react.useLayoutEffect)(function() {
|
272
|
-
var _contentRef_current;
|
273
|
-
if (!innerIsOpen) return;
|
274
|
-
var rect = (_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.getBoundingClientRect();
|
275
|
-
if (rect) {
|
276
|
-
resizableDimensions.current = {
|
277
|
-
width: rect.width,
|
278
|
-
height: rect.height
|
279
|
-
};
|
280
|
-
}
|
281
|
-
return function() {
|
282
|
-
resizableDimensions.current = {
|
283
|
-
width: 0,
|
284
|
-
height: 0
|
285
|
-
};
|
286
|
-
};
|
287
|
-
}, [
|
288
|
-
innerIsOpen
|
289
|
-
]);
|
290
266
|
if (!isVisible && !innerIsOpen) {
|
291
267
|
return null;
|
292
268
|
}
|
@@ -303,8 +279,11 @@ var popupRoot = function(Root) {
|
|
303
279
|
}, rest), /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
|
304
280
|
enable: resizable && !resizable.disabled ? (0, _utils1.getResizeDirections)(resizable.directions) : false,
|
305
281
|
resizeRatio: (0, _utils1.getRatioBasedOnPlacement)(placement),
|
306
|
-
|
307
|
-
|
282
|
+
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
283
|
+
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
284
|
+
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
285
|
+
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
286
|
+
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
308
287
|
handleComponent: (resizable === null || resizable === void 0 ? void 0 : resizable.hiddenIcon) ? {} : {
|
309
288
|
topRight: /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
310
289
|
className: _Popuptokens.classes.resizableTopRightIcon,
|
@@ -328,9 +307,7 @@ var popupRoot = function(Root) {
|
|
328
307
|
})
|
329
308
|
},
|
330
309
|
className: _Popuptokens.classes.resizableContainer,
|
331
|
-
handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
|
332
|
-
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
333
|
-
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight
|
310
|
+
handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
|
334
311
|
}, children)));
|
335
312
|
if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
|
336
313
|
return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
|
@@ -28,7 +28,8 @@ var getBaseDimension = function(iconSize) {
|
|
28
28
|
}
|
29
29
|
}
|
30
30
|
};
|
31
|
-
var getHandleStyles = function(
|
31
|
+
var getHandleStyles = function() {
|
32
|
+
var iconSize = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 's';
|
32
33
|
var size = getBaseDimension(iconSize);
|
33
34
|
var offset = size / 2;
|
34
35
|
return {
|
@@ -66,7 +66,7 @@ import { classes, tokens } from "./Modal.tokens";
|
|
66
66
|
import { useModal } from "./hooks";
|
67
67
|
import { base as viewCSS } from "./variations/_view/base";
|
68
68
|
import { getIdLastModal } from "./ModalContext";
|
69
|
-
import { CloseButton, ModalBody, ModalContent } from "./Modal.styles";
|
69
|
+
import { CloseButton, ModalBody, ModalContent, base } from "./Modal.styles";
|
70
70
|
// issue #823
|
71
71
|
var Popup = component(popupConfig);
|
72
72
|
/**
|
@@ -101,6 +101,7 @@ var Popup = component(popupConfig);
|
|
101
101
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
102
102
|
var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
|
103
103
|
var popupController = usePopupContext();
|
104
|
+
var isResizableEnabled = Boolean(resizable && !resizable.disabled);
|
104
105
|
var innerRef = useForkRef(trapRef, outerRootRef);
|
105
106
|
var uniqId = safeUseId();
|
106
107
|
var innerId = id || uniqId;
|
@@ -156,7 +157,9 @@ var Popup = component(popupConfig);
|
|
156
157
|
resizable: resizable
|
157
158
|
}, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {
|
158
159
|
view: view
|
159
|
-
}, /*#__PURE__*/ React.createElement(ModalBody,
|
160
|
+
}, /*#__PURE__*/ React.createElement(ModalBody, {
|
161
|
+
isResizableEnabled: isResizableEnabled
|
162
|
+
}, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
|
160
163
|
onClick: onClose,
|
161
164
|
"data-test": "modal-close"
|
162
165
|
}, /*#__PURE__*/ React.createElement(IconClose, {
|
@@ -169,7 +172,7 @@ export var modalConfig = {
|
|
169
172
|
name: 'Modal',
|
170
173
|
tag: 'div',
|
171
174
|
layout: modalRoot,
|
172
|
-
base:
|
175
|
+
base: base,
|
173
176
|
variations: {
|
174
177
|
view: {
|
175
178
|
css: viewCSS
|
@@ -1,25 +1,29 @@
|
|
1
1
|
import styled from "styled-components";
|
2
|
+
import { css } from "styled-components";
|
2
3
|
import { addFocus } from "../../mixins";
|
3
4
|
import { tokens } from "./Modal.tokens";
|
5
|
+
export var base = css([
|
6
|
+
"height:100%;"
|
7
|
+
]);
|
4
8
|
export var ModalBody = styled.div.withConfig({
|
5
9
|
displayName: "Modal.styles__ModalBody",
|
6
|
-
componentId: "sc-
|
10
|
+
componentId: "sc-aa09e41b-0"
|
7
11
|
})([
|
8
|
-
"border-radius:var(",
|
12
|
+
"height:100%;box-sizing:border-box;border-radius:var(",
|
9
13
|
");padding:var(",
|
10
14
|
");background:var(",
|
11
15
|
");box-shadow:var(--shadow-down-soft-l);"
|
12
16
|
], tokens.modalBodyBorderRadius, tokens.modalBodyPadding, tokens.modalBodyBackground);
|
13
17
|
export var ModalContent = styled.div.withConfig({
|
14
18
|
displayName: "Modal.styles__ModalContent",
|
15
|
-
componentId: "sc-
|
19
|
+
componentId: "sc-aa09e41b-1"
|
16
20
|
})([
|
17
21
|
"position:relative;padding:var(",
|
18
22
|
");"
|
19
23
|
], tokens.modalContentPadding);
|
20
24
|
export var CloseButton = styled.button.withConfig({
|
21
25
|
displayName: "Modal.styles__CloseButton",
|
22
|
-
componentId: "sc-
|
26
|
+
componentId: "sc-aa09e41b-2"
|
23
27
|
})([
|
24
28
|
"top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
|
25
29
|
");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",
|
@@ -99,7 +99,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
99
99
|
if (n === "Map" || n === "Set") return Array.from(n);
|
100
100
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
101
101
|
}
|
102
|
-
import React, { forwardRef, useRef
|
102
|
+
import React, { forwardRef, useRef } from "react";
|
103
103
|
import { useForkRef } from "@salutejs/plasma-core";
|
104
104
|
// import Draggable from 'react-draggable';
|
105
105
|
import { Resizable } from "re-resizable";
|
@@ -191,10 +191,6 @@ export var handlePosition = function(placement, offset) {
|
|
191
191
|
"handle",
|
192
192
|
"resizable"
|
193
193
|
]);
|
194
|
-
var resizableDimensions = useRef({
|
195
|
-
width: 0,
|
196
|
-
height: 0
|
197
|
-
});
|
198
194
|
var innerIsOpen = isOpen || opened;
|
199
195
|
var uniqId = safeUseId();
|
200
196
|
var innerId = id || uniqId;
|
@@ -208,26 +204,6 @@ export var handlePosition = function(placement, offset) {
|
|
208
204
|
var contentRef = useRef(null);
|
209
205
|
var innerRef = useForkRef(contentRef, outerRootRef);
|
210
206
|
var cls = cx(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? classes.endTransition : '');
|
211
|
-
// Хук для получения размеров попапа, которые задаются как минимальные габариты при ресайзе.
|
212
|
-
useLayoutEffect(function() {
|
213
|
-
var _contentRef_current;
|
214
|
-
if (!innerIsOpen) return;
|
215
|
-
var rect = (_contentRef_current = contentRef.current) === null || _contentRef_current === void 0 ? void 0 : _contentRef_current.getBoundingClientRect();
|
216
|
-
if (rect) {
|
217
|
-
resizableDimensions.current = {
|
218
|
-
width: rect.width,
|
219
|
-
height: rect.height
|
220
|
-
};
|
221
|
-
}
|
222
|
-
return function() {
|
223
|
-
resizableDimensions.current = {
|
224
|
-
width: 0,
|
225
|
-
height: 0
|
226
|
-
};
|
227
|
-
};
|
228
|
-
}, [
|
229
|
-
innerIsOpen
|
230
|
-
]);
|
231
207
|
if (!isVisible && !innerIsOpen) {
|
232
208
|
return null;
|
233
209
|
}
|
@@ -244,8 +220,11 @@ export var handlePosition = function(placement, offset) {
|
|
244
220
|
}, rest), /*#__PURE__*/ React.createElement(Resizable, {
|
245
221
|
enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
|
246
222
|
resizeRatio: getRatioBasedOnPlacement(placement),
|
247
|
-
|
248
|
-
|
223
|
+
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
224
|
+
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
225
|
+
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
226
|
+
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
227
|
+
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
249
228
|
handleComponent: (resizable === null || resizable === void 0 ? void 0 : resizable.hiddenIcon) ? {} : {
|
250
229
|
topRight: /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
|
251
230
|
className: classes.resizableTopRightIcon,
|
@@ -269,9 +248,7 @@ export var handlePosition = function(placement, offset) {
|
|
269
248
|
})
|
270
249
|
},
|
271
250
|
className: classes.resizableContainer,
|
272
|
-
handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
|
273
|
-
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
274
|
-
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight
|
251
|
+
handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
|
275
252
|
}, children)));
|
276
253
|
if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
|
277
254
|
return /*#__PURE__*/ React.createElement(Portal, {
|
@@ -18,7 +18,8 @@ var getBaseDimension = function(iconSize) {
|
|
18
18
|
}
|
19
19
|
}
|
20
20
|
};
|
21
|
-
export var getHandleStyles = function(
|
21
|
+
export var getHandleStyles = function() {
|
22
|
+
var iconSize = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 's';
|
22
23
|
var size = getBaseDimension(iconSize);
|
23
24
|
var offset = size / 2;
|
24
25
|
return {
|
@@ -10,7 +10,7 @@ export declare const modalConfig: {
|
|
10
10
|
name: string;
|
11
11
|
tag: string;
|
12
12
|
layout: (Root: RootProps<HTMLDivElement, ModalProps>) => React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
|
13
|
-
base:
|
13
|
+
base: import("@linaria/core").LinariaClassName;
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
16
|
css: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAoHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAtHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAmIpE,CAAC"}
|
@@ -1,4 +1,7 @@
|
|
1
|
-
export declare const
|
1
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
2
|
+
export declare const ModalBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
3
|
+
isResizableEnabled: boolean;
|
4
|
+
}>;
|
2
5
|
export declare const ModalContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
3
6
|
export declare const CloseButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
|
4
7
|
//# sourceMappingURL=Modal.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;wBAAoC,OAAO;EAQhE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,iLAwCvB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAM9C,OAAO,KAAK,EAAuB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAMxG,eAAO,MAAM,cAAc,cACZ,cAAc,UACjB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5C,iBA8DF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFA4IhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA9IQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;CAqJpE,CAAC"}
|
@@ -83,6 +83,21 @@ export interface PopupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
83
83
|
* @default false
|
84
84
|
*/
|
85
85
|
hiddenIcon?: boolean;
|
86
|
+
/**
|
87
|
+
* Начальный размер окна ресайза.
|
88
|
+
*/
|
89
|
+
defaultSize?: {
|
90
|
+
width?: number;
|
91
|
+
height?: number;
|
92
|
+
};
|
93
|
+
/**
|
94
|
+
* Минимальная ширина ресайза в px.
|
95
|
+
*/
|
96
|
+
minWidth?: number;
|
97
|
+
/**
|
98
|
+
* Минимальная высота ресайза в px.
|
99
|
+
*/
|
100
|
+
minHeight?: number;
|
86
101
|
/**
|
87
102
|
* Максимальная ширина ресайза в px.
|
88
103
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popup.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.types.ts"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Popup.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.types.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"getHandleStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Popup/utils/getHandleStyles.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAChB,QAAQ,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;CACL;AAmBD,eAAO,MAAM,eAAe,
|
1
|
+
{"version":3,"file":"getHandleStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Popup/utils/getHandleStyles.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAChB,QAAQ,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,WAAW,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,UAAU,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;CACL;AAmBD,eAAO,MAAM,eAAe,cAAc,IAAI,GAAG,GAAG,GAAG,GAAG,KAAS,UA8BlE,CAAC"}
|