@salutejs/plasma-new-hope 0.329.0-canary.1655.16029761547.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.
Files changed (47) hide show
  1. package/cjs/components/Modal/Modal.css +4 -3
  2. package/cjs/components/Modal/Modal.js +5 -2
  3. package/cjs/components/Modal/Modal.js.map +1 -1
  4. package/cjs/components/Modal/Modal.styles.js +16 -5
  5. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  6. package/cjs/components/Modal/{Modal.styles_1gt0sfn.css → Modal.styles_1obtvtw.css} +4 -3
  7. package/cjs/components/Popup/Popup.js +7 -29
  8. package/cjs/components/Popup/Popup.js.map +1 -1
  9. package/cjs/components/Popup/utils/getHandleStyles.js +2 -1
  10. package/cjs/components/Popup/utils/getHandleStyles.js.map +1 -1
  11. package/cjs/index.css +4 -3
  12. package/emotion/cjs/components/Modal/Modal.js +5 -2
  13. package/emotion/cjs/components/Modal/Modal.styles.js +14 -6
  14. package/emotion/cjs/components/Popup/Popup.js +7 -30
  15. package/emotion/cjs/components/Popup/utils/getHandleStyles.js +2 -1
  16. package/emotion/es/components/Modal/Modal.js +6 -3
  17. package/emotion/es/components/Modal/Modal.styles.js +11 -6
  18. package/emotion/es/components/Popup/Popup.js +8 -31
  19. package/emotion/es/components/Popup/utils/getHandleStyles.js +2 -1
  20. package/es/components/Modal/Modal.css +4 -3
  21. package/es/components/Modal/Modal.js +8 -5
  22. package/es/components/Modal/Modal.js.map +1 -1
  23. package/es/components/Modal/Modal.styles.js +16 -6
  24. package/es/components/Modal/Modal.styles.js.map +1 -1
  25. package/es/components/Modal/{Modal.styles_1gt0sfn.css → Modal.styles_1obtvtw.css} +4 -3
  26. package/es/components/Popup/Popup.js +8 -30
  27. package/es/components/Popup/Popup.js.map +1 -1
  28. package/es/components/Popup/utils/getHandleStyles.js +2 -1
  29. package/es/components/Popup/utils/getHandleStyles.js.map +1 -1
  30. package/es/index.css +4 -3
  31. package/package.json +2 -2
  32. package/styled-components/cjs/components/Modal/Modal.js +5 -2
  33. package/styled-components/cjs/components/Modal/Modal.styles.js +50 -8
  34. package/styled-components/cjs/components/Popup/Popup.js +7 -30
  35. package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +2 -1
  36. package/styled-components/es/components/Modal/Modal.js +6 -3
  37. package/styled-components/es/components/Modal/Modal.styles.js +8 -4
  38. package/styled-components/es/components/Popup/Popup.js +8 -31
  39. package/styled-components/es/components/Popup/utils/getHandleStyles.js +2 -1
  40. package/types/components/Modal/Modal.d.ts +1 -1
  41. package/types/components/Modal/Modal.d.ts.map +1 -1
  42. package/types/components/Modal/Modal.styles.d.ts +4 -1
  43. package/types/components/Modal/Modal.styles.d.ts.map +1 -1
  44. package/types/components/Popup/Popup.d.ts.map +1 -1
  45. package/types/components/Popup/Popup.types.d.ts +16 -1
  46. package/types/components/Popup/Popup.types.d.ts.map +1 -1
  47. 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.16029761547.0",
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": "86b811fa67746a68315a97b13057bf4ebf38d22f"
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, null, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
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__*/ _interop_require_default(require("styled-components"));
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 _interop_require_default(obj) {
26
- return obj && obj.__esModule ? obj : {
27
- default: obj
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-65f5e73a-0"
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-65f5e73a-1"
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-65f5e73a-2"
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,9 +279,12 @@ 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
- minWidth: resizableDimensions.current.width,
307
- minHeight: resizableDimensions.current.height,
308
- handleComponent: !(resizable === null || resizable === void 0 ? void 0 : resizable.hiddenIcon) && {
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,
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,
311
290
  color: "inherit",
@@ -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(iconSize) {
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, null, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
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-65f5e73a-0"
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-65f5e73a-1"
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-65f5e73a-2"
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, useLayoutEffect } from "react";
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,9 +220,12 @@ 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
- minWidth: resizableDimensions.current.width,
248
- minHeight: resizableDimensions.current.height,
249
- handleComponent: !(resizable === null || resizable === void 0 ? void 0 : resizable.hiddenIcon) && {
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,
228
+ handleComponent: (resizable === null || resizable === void 0 ? void 0 : resizable.hiddenIcon) ? {} : {
250
229
  topRight: /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
251
230
  className: classes.resizableTopRightIcon,
252
231
  color: "inherit",
@@ -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(iconSize) {
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: string;
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,sFAmHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBArHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAkIpE,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 ModalBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
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":"AAMA,eAAO,MAAM,SAAS,qKAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,iLAwCvB,CAAC"}
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,KAA8C,MAAM,OAAO,CAAC;AAInE,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,sFAgKhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAlKQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;CAyKpE,CAAC"}
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"}
@@ -82,7 +82,22 @@ export interface PopupProps extends React.HTMLAttributes<HTMLDivElement> {
82
82
  * Скрывать ли иконку для ресайза.
83
83
  * @default false
84
84
  */
85
- hiddenIcon?: false;
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":"AAAA,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACjF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAC5F,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,EAAE,CAAC;AAEhE,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE;QACR;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;QAC9B;;;WAGG;QACH,UAAU,CAAC,EAAE,KAAK,CAAC;QACnB;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB;;;WAGG;QACH,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;KAC/B,CAAC;CACL;AACD,MAAM,WAAW,kBAAkB;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACnE;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,aAAa,EAAE,kBAAkB,CAAC;CACrC;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,eAAe,CAAC;IAClF,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC9F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC;CAC/B"}
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,cAAe,IAAI,GAAG,GAAG,GAAG,GAAG,KAAG,UA8B7D,CAAC"}
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"}