@salutejs/plasma-new-hope 0.329.0-canary.1655.16036539601.0 → 0.329.0-canary.2053.16000339771.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/DatePicker/RangeDate/RangeDate.js +4 -12
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -6
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Drawer/Drawer.css +5 -7
- package/cjs/components/Modal/Modal.css +6 -9
- package/cjs/components/Modal/Modal.js +4 -13
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +5 -16
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/Modal/{Modal.styles_1obtvtw.css → Modal.styles_1gt0sfn.css} +3 -4
- package/cjs/components/Notification/NotificationsProvider.css +3 -7
- package/cjs/components/Popup/Popup.js +4 -41
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +12 -24
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- package/cjs/components/Popup/Popup.styles_gq4luz.css +4 -0
- package/cjs/components/Popup/Popup.tokens.js +1 -6
- package/cjs/components/Popup/Popup.tokens.js.map +1 -1
- package/cjs/components/Popup/PopupContext.css +3 -7
- package/cjs/components/Popup/utils/index.js.map +1 -1
- package/cjs/hooks/useUniqId.js +5 -0
- package/cjs/hooks/useUniqId.js.map +1 -1
- package/cjs/index.css +6 -9
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -12
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -6
- package/emotion/cjs/components/Modal/Modal.js +5 -14
- package/emotion/cjs/components/Modal/Modal.styles.js +6 -14
- package/emotion/cjs/components/Popup/Popup.js +5 -42
- package/emotion/cjs/components/Popup/Popup.styles.js +8 -22
- package/emotion/cjs/components/Popup/Popup.tokens.js +1 -6
- package/emotion/cjs/components/Popup/utils/index.js +0 -16
- package/emotion/cjs/components/_Icon/index.js +0 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -12
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +2 -6
- package/emotion/es/components/Modal/Modal.js +6 -15
- package/emotion/es/components/Modal/Modal.styles.js +6 -11
- package/emotion/es/components/Popup/Popup.js +6 -44
- package/emotion/es/components/Popup/Popup.styles.js +8 -16
- package/emotion/es/components/Popup/Popup.tokens.js +1 -6
- package/emotion/es/components/Popup/utils/index.js +0 -3
- package/emotion/es/components/_Icon/index.js +0 -1
- package/emotion/es/hooks/useUniqId.js +4 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +4 -12
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +2 -6
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Drawer/Drawer.css +5 -7
- package/es/components/Modal/Modal.css +6 -9
- package/es/components/Modal/Modal.js +7 -16
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/Modal.styles.js +6 -16
- package/es/components/Modal/Modal.styles.js.map +1 -1
- package/es/components/Modal/{Modal.styles_1obtvtw.css → Modal.styles_1gt0sfn.css} +3 -4
- package/es/components/Notification/NotificationsProvider.css +3 -7
- package/es/components/Popup/Popup.js +5 -42
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +13 -23
- package/es/components/Popup/Popup.styles.js.map +1 -1
- package/es/components/Popup/Popup.styles_gq4luz.css +4 -0
- package/es/components/Popup/Popup.tokens.js +1 -6
- package/es/components/Popup/Popup.tokens.js.map +1 -1
- package/es/components/Popup/PopupContext.css +3 -7
- package/es/components/Popup/utils/index.js.map +1 -1
- package/es/hooks/useUniqId.js +5 -0
- package/es/hooks/useUniqId.js.map +1 -1
- package/es/index.css +6 -9
- package/package.json +2 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -12
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -6
- package/styled-components/cjs/components/Modal/Modal.js +5 -14
- package/styled-components/cjs/components/Modal/Modal.styles.js +8 -50
- package/styled-components/cjs/components/Popup/Popup.js +5 -42
- package/styled-components/cjs/components/Popup/Popup.styles.js +8 -65
- package/styled-components/cjs/components/Popup/Popup.tokens.js +1 -6
- package/styled-components/cjs/components/Popup/utils/index.js +0 -16
- package/styled-components/cjs/components/_Icon/index.js +0 -4
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -12
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +2 -6
- package/styled-components/es/components/Modal/Modal.js +6 -15
- package/styled-components/es/components/Modal/Modal.styles.js +4 -8
- package/styled-components/es/components/Popup/Popup.js +6 -44
- package/styled-components/es/components/Popup/Popup.styles.js +4 -20
- package/styled-components/es/components/Popup/Popup.tokens.js +1 -6
- package/styled-components/es/components/Popup/utils/index.js +0 -3
- package/styled-components/es/components/_Icon/index.js +0 -1
- package/styled-components/es/hooks/useUniqId.js +4 -1
- package/types/components/Breadcrumbs/utils/index.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts +2 -2
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.types.d.ts +1 -1
- package/types/components/Drawer/Drawer.types.d.ts.map +1 -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 +1 -4
- package/types/components/Modal/Modal.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.styles.d.ts +0 -2
- package/types/components/Popup/Popup.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.tokens.d.ts +0 -5
- package/types/components/Popup/Popup.tokens.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +0 -58
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Popup/utils/index.d.ts +0 -3
- package/types/components/Popup/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/Table/ui/HeadCell/HeadCell.d.ts +1 -1
- package/types/components/Tree/utils/sizeToIconSize.d.ts +1 -1
- package/types/components/_Icon/index.d.ts +0 -1
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/hooks/useUniqId.d.ts +4 -0
- package/types/hooks/useUniqId.d.ts.map +1 -1
- package/cjs/components/Popup/Popup.styles_sejy82.css +0 -6
- package/cjs/components/Popup/utils/getHandleStyles.js +0 -58
- package/cjs/components/Popup/utils/getHandleStyles.js.map +0 -1
- package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -36
- package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js.map +0 -1
- package/cjs/components/Popup/utils/getResizeDirections.js +0 -73
- package/cjs/components/Popup/utils/getResizeDirections.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -30
- package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -30
- package/cjs/components/_Icon/Icons/IconResizeDiagonal.js.map +0 -1
- package/emotion/cjs/components/Popup/utils/getHandleStyles.js +0 -61
- package/emotion/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -54
- package/emotion/cjs/components/Popup/utils/getResizeDirections.js +0 -82
- package/emotion/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -83
- package/emotion/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -86
- package/emotion/es/components/Popup/utils/getHandleStyles.js +0 -51
- package/emotion/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -44
- package/emotion/es/components/Popup/utils/getResizeDirections.js +0 -72
- package/emotion/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -68
- package/emotion/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -71
- package/es/components/Popup/Popup.styles_sejy82.css +0 -6
- package/es/components/Popup/utils/getHandleStyles.js +0 -54
- package/es/components/Popup/utils/getHandleStyles.js.map +0 -1
- package/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -32
- package/es/components/Popup/utils/getRatioBasedOnPlacement.js.map +0 -1
- package/es/components/Popup/utils/getResizeDirections.js +0 -69
- package/es/components/Popup/utils/getResizeDirections.js.map +0 -1
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -22
- package/es/components/_Icon/Icon.assets/ResizeDiagonal.js.map +0 -1
- package/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -22
- package/es/components/_Icon/Icons/IconResizeDiagonal.js.map +0 -1
- package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +0 -61
- package/styled-components/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -54
- package/styled-components/cjs/components/Popup/utils/getResizeDirections.js +0 -82
- package/styled-components/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -83
- package/styled-components/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -86
- package/styled-components/es/components/Popup/utils/getHandleStyles.js +0 -51
- package/styled-components/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -44
- package/styled-components/es/components/Popup/utils/getResizeDirections.js +0 -72
- package/styled-components/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -68
- package/styled-components/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -71
- package/types/components/Popup/utils/getHandleStyles.d.ts +0 -29
- package/types/components/Popup/utils/getHandleStyles.d.ts.map +0 -1
- package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts +0 -3
- package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts.map +0 -1
- package/types/components/Popup/utils/getResizeDirections.d.ts +0 -14
- package/types/components/Popup/utils/getResizeDirections.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts +0 -4
- package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts.map +0 -1
@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
130
130
|
var Popup = (0, _engines.component)(_Popup.popupConfig);
|
131
131
|
var modalRoot = function(Root) {
|
132
132
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
|
133
|
-
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose,
|
133
|
+
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, rest = _object_without_properties(_param, [
|
134
134
|
"id",
|
135
135
|
"withAnimation",
|
136
136
|
"onClose",
|
@@ -148,16 +148,12 @@ var modalRoot = function(Root) {
|
|
148
148
|
"opened",
|
149
149
|
"isOpen",
|
150
150
|
"hasBody",
|
151
|
-
"hasClose"
|
152
|
-
"draggable",
|
153
|
-
"handle",
|
154
|
-
"resizable"
|
151
|
+
"hasClose"
|
155
152
|
]);
|
156
153
|
var innerIsOpen = Boolean(isOpen || opened);
|
157
154
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
158
155
|
var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
|
159
156
|
var popupController = (0, _Popup.usePopupContext)();
|
160
|
-
var isResizableEnabled = Boolean(resizable && !resizable.disabled);
|
161
157
|
var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
|
162
158
|
var uniqId = (0, _utils.safeUseId)();
|
163
159
|
var innerId = id || uniqId;
|
@@ -207,15 +203,10 @@ var modalRoot = function(Root) {
|
|
207
203
|
zIndex: zIndex,
|
208
204
|
overlay: hasBody ? overlayNode : /*#__PURE__*/ _react.default.createElement(Root, {
|
209
205
|
view: view
|
210
|
-
}, overlayNode)
|
211
|
-
draggable: draggable,
|
212
|
-
handle: handle,
|
213
|
-
resizable: resizable
|
206
|
+
}, overlayNode)
|
214
207
|
}, rest), hasBody ? /*#__PURE__*/ _react.default.createElement(Root, {
|
215
208
|
view: view
|
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, {
|
209
|
+
}, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, null, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
|
219
210
|
onClick: onClose,
|
220
211
|
"data-test": "modal-close"
|
221
212
|
}, /*#__PURE__*/ _react.default.createElement(_IconClose.IconClose, {
|
@@ -228,7 +219,7 @@ var modalConfig = {
|
|
228
219
|
name: 'Modal',
|
229
220
|
tag: 'div',
|
230
221
|
layout: modalRoot,
|
231
|
-
base:
|
222
|
+
base: '',
|
232
223
|
variations: {
|
233
224
|
view: {
|
234
225
|
css: _base.base
|
@@ -17,13 +17,9 @@ _export(exports, {
|
|
17
17
|
},
|
18
18
|
get ModalContent () {
|
19
19
|
return ModalContent;
|
20
|
-
},
|
21
|
-
get base () {
|
22
|
-
return base;
|
23
20
|
}
|
24
21
|
});
|
25
22
|
var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
|
26
|
-
var _react = require("@emotion/react");
|
27
23
|
var _mixins = require("../../mixins");
|
28
24
|
var _Modaltokens = require("./Modal.tokens");
|
29
25
|
function _interop_require_default(obj) {
|
@@ -31,24 +27,20 @@ function _interop_require_default(obj) {
|
|
31
27
|
default: obj
|
32
28
|
};
|
33
29
|
}
|
34
|
-
var base = (0, /*#__PURE__*/ _react.css)("height:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2PHsgaXNSZXNpemFibGVFbmFibGVkOiBib29sZWFuIH0+YFxuICAgIC8vaGVpZ2h0OiAkeyh7IGlzUmVzaXphYmxlRW5hYmxlZCB9KSA9PiAoaXNSZXNpemFibGVFbmFibGVkID8gJzEwMCUnIDogJ2F1dG8nKX07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJvcmRlclJhZGl1c30pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlQYWRkaW5nfSk7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LWwpO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbENvbnRlbnRQYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcblxuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgaGVpZ2h0OiAxLjVyZW07XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KTtcblxuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5tb2RhbE91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvblJhZGl1c30pICsgMC4wNjNyZW0pYCxcbiAgICB9KX07XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Db2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkhvdmVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkFjdGl2ZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0IifQ== */");
|
35
30
|
var ModalBody = (0, /*#__PURE__*/ _styled.default)("div", {
|
36
|
-
target: "
|
31
|
+
target: "e14x5qup0",
|
37
32
|
label: "ModalBody"
|
38
|
-
})(
|
39
|
-
var isResizableEnabled = param.isResizableEnabled;
|
40
|
-
return isResizableEnabled ? '100%' : 'auto';
|
41
|
-
}, ";height:100%;box-sizing:border-box;border-radius:var(", _Modaltokens.tokens.modalBodyBorderRadius, ");padding:var(", _Modaltokens.tokens.modalBodyPadding, ");background:var(", _Modaltokens.tokens.modalBodyBackground, ");box-shadow:var(--shadow-down-soft-l);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2PHsgaXNSZXNpemFibGVFbmFibGVkOiBib29sZWFuIH0+YFxuICAgIC8vaGVpZ2h0OiAkeyh7IGlzUmVzaXphYmxlRW5hYmxlZCB9KSA9PiAoaXNSZXNpemFibGVFbmFibGVkID8gJzEwMCUnIDogJ2F1dG8nKX07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJvcmRlclJhZGl1c30pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlQYWRkaW5nfSk7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LWwpO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbENvbnRlbnRQYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcblxuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgaGVpZ2h0OiAxLjVyZW07XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KTtcblxuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5tb2RhbE91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvblJhZGl1c30pICsgMC4wNjNyZW0pYCxcbiAgICB9KX07XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Db2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkhvdmVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkFjdGl2ZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXeUIifQ== */");
|
33
|
+
})("border-radius:var(", _Modaltokens.tokens.modalBodyBorderRadius, ");padding:var(", _Modaltokens.tokens.modalBodyPadding, ");background:var(", _Modaltokens.tokens.modalBodyBackground, ");box-shadow:var(--shadow-down-soft-l);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlCIn0= */");
|
42
34
|
var ModalContent = (0, /*#__PURE__*/ _styled.default)("div", {
|
43
|
-
target: "
|
35
|
+
target: "e14x5qup1",
|
44
36
|
label: "ModalContent"
|
45
|
-
})("position:relative;padding:var(", _Modaltokens.tokens.modalContentPadding, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
37
|
+
})("position:relative;padding:var(", _Modaltokens.tokens.modalContentPadding, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIn0= */");
|
46
38
|
var CloseButton = (0, /*#__PURE__*/ _styled.default)("button", {
|
47
|
-
target: "
|
39
|
+
target: "e14x5qup2",
|
48
40
|
label: "CloseButton"
|
49
41
|
})("top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(", _Modaltokens.tokens.modalCloseButtonRadius, ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;", (0, _mixins.addFocus)({
|
50
42
|
outlineSize: '0.063rem',
|
51
43
|
outlineOffset: '-0.125rem',
|
52
44
|
outlineColor: "var(".concat(_Modaltokens.tokens.modalOutlineFocusColor, ")"),
|
53
45
|
outlineRadius: "calc(var(".concat(_Modaltokens.tokens.modalCloseButtonRadius, ") + 0.063rem)")
|
54
|
-
}), ";color:var(", _Modaltokens.tokens.modalCloseButtonColor, ");&:hover{color:var(", _Modaltokens.tokens.modalCloseButtonHoverColor, ");}&:active{color:var(", _Modaltokens.tokens.modalCloseButtonActiveColor, ");}position:absolute;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
46
|
+
}), ";color:var(", _Modaltokens.tokens.modalCloseButtonColor, ");&:hover{color:var(", _Modaltokens.tokens.modalCloseButtonHoverColor, ");}&:active{color:var(", _Modaltokens.tokens.modalCloseButtonActiveColor, ");}position:absolute;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQiJ9 */");
|
@@ -21,10 +21,8 @@ _export(exports, {
|
|
21
21
|
});
|
22
22
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
23
23
|
var _plasmacore = require("@salutejs/plasma-core");
|
24
|
-
var _reresizable = require("re-resizable");
|
25
24
|
var _utils = require("../../utils");
|
26
25
|
var _Portal = require("../Portal");
|
27
|
-
var _utils1 = require("./utils");
|
28
26
|
var _PopupRoot = require("./PopupRoot");
|
29
27
|
var _hooks = require("./hooks");
|
30
28
|
var _Popuptokens = require("./Popup.tokens");
|
@@ -232,7 +230,7 @@ var popupRoot = function(Root) {
|
|
232
230
|
0,
|
233
231
|
0
|
234
232
|
] : _param_offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, children = _param.children, overlay = _param.overlay, // eslint-disable-next-line @typescript-eslint/no-unused-vars
|
235
|
-
role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className,
|
233
|
+
role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, rest = _object_without_properties(_param, [
|
236
234
|
"id",
|
237
235
|
"isOpen",
|
238
236
|
"opened",
|
@@ -245,10 +243,7 @@ var popupRoot = function(Root) {
|
|
245
243
|
"zIndex",
|
246
244
|
"popupInfo",
|
247
245
|
"withAnimation",
|
248
|
-
"className"
|
249
|
-
"draggable",
|
250
|
-
"handle",
|
251
|
-
"resizable"
|
246
|
+
"className"
|
252
247
|
]);
|
253
248
|
var innerIsOpen = isOpen || opened;
|
254
249
|
var uniqId = (0, _utils.safeUseId)();
|
@@ -262,10 +257,10 @@ var popupRoot = function(Root) {
|
|
262
257
|
var portalRef = (0, _react.useRef)(null);
|
263
258
|
var contentRef = (0, _react.useRef)(null);
|
264
259
|
var innerRef = (0, _plasmacore.useForkRef)(contentRef, outerRootRef);
|
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 : '');
|
266
260
|
if (!isVisible && !innerIsOpen) {
|
267
261
|
return null;
|
268
262
|
}
|
263
|
+
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 : '');
|
269
264
|
var rootNode = /*#__PURE__*/ _react.default.createElement(Root, {
|
270
265
|
className: cls
|
271
266
|
}, overlay, /*#__PURE__*/ _react.default.createElement(_PopupRoot.PopupRoot, _object_spread({
|
@@ -276,39 +271,7 @@ var popupRoot = function(Root) {
|
|
276
271
|
frame: frame,
|
277
272
|
animationInfo: animationInfo,
|
278
273
|
setVisible: setVisible
|
279
|
-
}, rest),
|
280
|
-
enable: resizable && !resizable.disabled ? (0, _utils1.getResizeDirections)(resizable.directions) : false,
|
281
|
-
resizeRatio: (0, _utils1.getRatioBasedOnPlacement)(placement),
|
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) ? {} : {
|
288
|
-
topRight: /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
289
|
-
className: _Popuptokens.classes.resizableTopRightIcon,
|
290
|
-
color: "inherit",
|
291
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
292
|
-
}),
|
293
|
-
bottomRight: /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
294
|
-
className: _Popuptokens.classes.resizableBottomRightIcon,
|
295
|
-
color: "inherit",
|
296
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
297
|
-
}),
|
298
|
-
bottomLeft: /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
299
|
-
className: _Popuptokens.classes.resizableBottomLeftIcon,
|
300
|
-
color: "inherit",
|
301
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
302
|
-
}),
|
303
|
-
topLeft: /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
|
304
|
-
className: _Popuptokens.classes.resizableTopLeftIcon,
|
305
|
-
color: "inherit",
|
306
|
-
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
307
|
-
})
|
308
|
-
},
|
309
|
-
className: _Popuptokens.classes.resizableContainer,
|
310
|
-
handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
|
311
|
-
}, children)));
|
274
|
+
}, rest), children));
|
312
275
|
if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
|
313
276
|
return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
|
314
277
|
container: frame.current
|
@@ -335,7 +298,7 @@ var popupConfig = {
|
|
335
298
|
name: 'Popup',
|
336
299
|
tag: 'div',
|
337
300
|
layout: popupRoot,
|
338
|
-
base:
|
301
|
+
base: '',
|
339
302
|
variations: {},
|
340
303
|
defaults: {}
|
341
304
|
};
|
@@ -9,9 +9,6 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
get IconResizeDiagonalStyled () {
|
13
|
-
return IconResizeDiagonalStyled;
|
14
|
-
},
|
15
12
|
get PopupRootContainer () {
|
16
13
|
return PopupRootContainer;
|
17
14
|
},
|
@@ -23,36 +20,29 @@ _export(exports, {
|
|
23
20
|
},
|
24
21
|
get StyledPortalContainer () {
|
25
22
|
return StyledPortalContainer;
|
26
|
-
},
|
27
|
-
get base () {
|
28
|
-
return base;
|
29
23
|
}
|
30
24
|
});
|
31
25
|
var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
|
32
|
-
var _react = require("@emotion/react");
|
33
|
-
var _Icon = require("../_Icon");
|
34
|
-
var _Popuptokens = require("./Popup.tokens");
|
35
26
|
var _utils = require("./utils");
|
36
27
|
function _interop_require_default(obj) {
|
37
28
|
return obj && obj.__esModule ? obj : {
|
38
29
|
default: obj
|
39
30
|
};
|
40
31
|
}
|
41
|
-
var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogJHsoeyBmcmFtZSB9KSA9PiAoZnJhbWUgPT09ICdkb2N1bWVudCcgPyAnZml4ZWQnIDogJ2Fic29sdXRlJyl9O1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25SZXNpemVEaWFnb25hbFN0eWxlZCA9IHN0eWxlZChJY29uUmVzaXplRGlhZ29uYWwpYFxuICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigtLXRleHQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcFJpZ2h0SWNvbn0ge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZUJvdHRvbVJpZ2h0SWNvbn0ge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21MZWZ0SWNvbn0ge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlVG9wTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFvQiJ9 */");
|
42
32
|
var StyledPortal = (0, /*#__PURE__*/ _styled.default)("div", {
|
43
|
-
target: "
|
33
|
+
target: "e11qu0l90",
|
44
34
|
label: "StyledPortal"
|
45
|
-
})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
35
|
+
})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwVmlldyA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwUm9vdENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UG9wdXBSb290Q29udGFpbmVyUHJvcHM+YFxuICAgIHBvc2l0aW9uOiAkeyh7IGZyYW1lIH0pID0+IChmcmFtZSA9PT0gJ2RvY3VtZW50JyA/ICdmaXhlZCcgOiAnYWJzb2x1dGUnKX07XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs0QiJ9 */");
|
46
36
|
var StyledPortalContainer = (0, /*#__PURE__*/ _styled.default)("div", {
|
47
|
-
target: "
|
37
|
+
target: "e11qu0l91",
|
48
38
|
label: "StyledPortalContainer"
|
49
|
-
})("width:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
39
|
+
})("width:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwVmlldyA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwUm9vdENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UG9wdXBSb290Q29udGFpbmVyUHJvcHM+YFxuICAgIHBvc2l0aW9uOiAkeyh7IGZyYW1lIH0pID0+IChmcmFtZSA9PT0gJ2RvY3VtZW50JyA/ICdmaXhlZCcgOiAnYWJzb2x1dGUnKX07XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQyJ9 */");
|
50
40
|
var PopupView = (0, /*#__PURE__*/ _styled.default)("div", {
|
51
|
-
target: "
|
41
|
+
target: "e11qu0l92",
|
52
42
|
label: "PopupView"
|
53
|
-
})("position:relative;max-width:100%;pointer-events:all;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
43
|
+
})("position:relative;max-width:100%;pointer-events:all;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwVmlldyA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwUm9vdENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UG9wdXBSb290Q29udGFpbmVyUHJvcHM+YFxuICAgIHBvc2l0aW9uOiAkeyh7IGZyYW1lIH0pID0+IChmcmFtZSA9PT0gJ2RvY3VtZW50JyA/ICdmaXhlZCcgOiAnYWJzb2x1dGUnKX07XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd5QiJ9 */");
|
54
44
|
var PopupRootContainer = (0, /*#__PURE__*/ _styled.default)("div", {
|
55
|
-
target: "
|
45
|
+
target: "e11qu0l93",
|
56
46
|
label: "PopupRootContainer"
|
57
47
|
})("position:", function(param) {
|
58
48
|
var frame = param.frame;
|
@@ -75,8 +65,4 @@ var PopupRootContainer = (0, /*#__PURE__*/ _styled.default)("div", {
|
|
75
65
|
}, ";transform:", function(param) {
|
76
66
|
var position = param.position;
|
77
67
|
return position.transform || '';
|
78
|
-
}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
79
|
-
var IconResizeDiagonalStyled = /*#__PURE__*/ (0, _styled.default)(_Icon.IconResizeDiagonal, {
|
80
|
-
target: "esfiivs4",
|
81
|
-
label: "IconResizeDiagonalStyled"
|
82
|
-
})("color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.", _Popuptokens.classes.resizableTopRightIcon, "{transform:rotate(-90deg);}&.", _Popuptokens.classes.resizableBottomRightIcon, "{transform:rotate(0);}&.", _Popuptokens.classes.resizableBottomLeftIcon, "{transform:rotate(90deg);}&.", _Popuptokens.classes.resizableTopLeftIcon, "{transform:rotate(180deg);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUG9wdXAudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdmBgO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogJHsoeyBmcmFtZSB9KSA9PiAoZnJhbWUgPT09ICdkb2N1bWVudCcgPyAnZml4ZWQnIDogJ2Fic29sdXRlJyl9O1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb25SZXNpemVEaWFnb25hbFN0eWxlZCA9IHN0eWxlZChJY29uUmVzaXplRGlhZ29uYWwpYFxuICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigtLXRleHQtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1hY3RpdmUpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcFJpZ2h0SWNvbn0ge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZUJvdHRvbVJpZ2h0SWNvbn0ge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21MZWZ0SWNvbn0ge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlVG9wTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MifQ== */");
|
68
|
+
}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwVmlldyA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwUm9vdENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UG9wdXBSb290Q29udGFpbmVyUHJvcHM+YFxuICAgIHBvc2l0aW9uOiAkeyh7IGZyYW1lIH0pID0+IChmcmFtZSA9PT0gJ2RvY3VtZW50JyA/ICdmaXhlZCcgOiAnYWJzb2x1dGUnKX07XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCa0MifQ== */");
|
@@ -13,10 +13,5 @@ var classes = {
|
|
13
13
|
* Класс корневого компонента PopupRoot: `popup-base-root`
|
14
14
|
*/ root: 'popup-base-root',
|
15
15
|
endAnimation: 'popup-end-animation',
|
16
|
-
endTransition: 'popup-end-transition'
|
17
|
-
resizableContainer: 'resizable-container',
|
18
|
-
resizableTopRightIcon: 'resizable-top-right-icon',
|
19
|
-
resizableBottomRightIcon: 'resizable-bottom-right-icon',
|
20
|
-
resizableBottomLeftIcon: 'resizable-bottom-left-icon',
|
21
|
-
resizableTopLeftIcon: 'resizable-top-left-icon'
|
16
|
+
endTransition: 'popup-end-transition'
|
22
17
|
};
|
@@ -8,20 +8,4 @@ Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
|
|
8
8
|
return DEFAULT_Z_INDEX;
|
9
9
|
}
|
10
10
|
});
|
11
|
-
_export_star(require("./getRatioBasedOnPlacement"), exports);
|
12
|
-
_export_star(require("./getResizeDirections"), exports);
|
13
|
-
_export_star(require("./getHandleStyles"), exports);
|
14
|
-
function _export_star(from, to) {
|
15
|
-
Object.keys(from).forEach(function(k) {
|
16
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
17
|
-
Object.defineProperty(to, k, {
|
18
|
-
enumerable: true,
|
19
|
-
get: function() {
|
20
|
-
return from[k];
|
21
|
-
}
|
22
|
-
});
|
23
|
-
}
|
24
|
-
});
|
25
|
-
return from;
|
26
|
-
}
|
27
11
|
var DEFAULT_Z_INDEX = '9000';
|
@@ -123,9 +123,6 @@ _export(exports, {
|
|
123
123
|
get IconResetOutline () {
|
124
124
|
return _IconResetOutline.IconResetOutline;
|
125
125
|
},
|
126
|
-
get IconResizeDiagonal () {
|
127
|
-
return _IconResizeDiagonal.IconResizeDiagonal;
|
128
|
-
},
|
129
126
|
get IconSaluteOutline16 () {
|
130
127
|
return _IconSaluteOutline.IconSaluteOutline16;
|
131
128
|
},
|
@@ -213,4 +210,3 @@ var _IconEditOutline = require("./Icons/IconEditOutline");
|
|
213
210
|
var _IconResetOutline = require("./Icons/IconResetOutline");
|
214
211
|
var _IconDoneCircleOutline = require("./Icons/IconDoneCircleOutline");
|
215
212
|
var _IconTrash = require("./Icons/IconTrash");
|
216
|
-
var _IconResizeDiagonal = require("./Icons/IconResizeDiagonal");
|
@@ -509,36 +509,28 @@ export var datePickerRangeRoot = function(Root) {
|
|
509
509
|
calendarSecondValue
|
510
510
|
]);
|
511
511
|
useLayoutEffect(function() {
|
512
|
-
|
513
|
-
updateExternalFirstDate(startExternalValue || undefined);
|
514
|
-
}
|
512
|
+
updateExternalFirstDate(startExternalValue || undefined);
|
515
513
|
}, [
|
516
514
|
startExternalValue,
|
517
515
|
format,
|
518
516
|
lang
|
519
517
|
]);
|
520
518
|
useLayoutEffect(function() {
|
521
|
-
|
522
|
-
updateExternalSecondDate(endExternalValue || undefined);
|
523
|
-
}
|
519
|
+
updateExternalSecondDate(endExternalValue || undefined);
|
524
520
|
}, [
|
525
521
|
endExternalValue,
|
526
522
|
format,
|
527
523
|
lang
|
528
524
|
]);
|
529
525
|
useLayoutEffect(function() {
|
530
|
-
|
531
|
-
updateExternalFirstDate(defaultFirstDate);
|
532
|
-
}
|
526
|
+
updateExternalFirstDate(defaultFirstDate);
|
533
527
|
}, [
|
534
528
|
defaultFirstDate,
|
535
529
|
format,
|
536
530
|
lang
|
537
531
|
]);
|
538
532
|
useLayoutEffect(function() {
|
539
|
-
|
540
|
-
updateExternalSecondDate(defaultSecondDate);
|
541
|
-
}
|
533
|
+
updateExternalSecondDate(defaultSecondDate);
|
542
534
|
}, [
|
543
535
|
defaultSecondDate,
|
544
536
|
format,
|
@@ -307,18 +307,14 @@ export var datePickerRoot = function(Root) {
|
|
307
307
|
opened
|
308
308
|
]);
|
309
309
|
useLayoutEffect(function() {
|
310
|
-
|
311
|
-
updateExternalDate(value);
|
312
|
-
}
|
310
|
+
updateExternalDate(value);
|
313
311
|
}, [
|
314
312
|
value,
|
315
313
|
format,
|
316
314
|
lang
|
317
315
|
]);
|
318
316
|
useLayoutEffect(function() {
|
319
|
-
|
320
|
-
updateExternalDate(defaultDate);
|
321
|
-
}
|
317
|
+
updateExternalDate(defaultDate);
|
322
318
|
}, [
|
323
319
|
defaultDate,
|
324
320
|
format,
|
@@ -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
|
69
|
+
import { CloseButton, ModalBody, ModalContent } from "./Modal.styles";
|
70
70
|
// issue #823
|
71
71
|
var Popup = component(popupConfig);
|
72
72
|
/**
|
@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
|
|
74
74
|
* Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
|
75
75
|
*/ export var modalRoot = function(Root) {
|
76
76
|
return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
|
77
|
-
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose,
|
77
|
+
var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, rest = _object_without_properties(_param, [
|
78
78
|
"id",
|
79
79
|
"withAnimation",
|
80
80
|
"onClose",
|
@@ -92,16 +92,12 @@ var Popup = component(popupConfig);
|
|
92
92
|
"opened",
|
93
93
|
"isOpen",
|
94
94
|
"hasBody",
|
95
|
-
"hasClose"
|
96
|
-
"draggable",
|
97
|
-
"handle",
|
98
|
-
"resizable"
|
95
|
+
"hasClose"
|
99
96
|
]);
|
100
97
|
var innerIsOpen = Boolean(isOpen || opened);
|
101
98
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
102
99
|
var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
|
103
100
|
var popupController = usePopupContext();
|
104
|
-
var isResizableEnabled = Boolean(resizable && !resizable.disabled);
|
105
101
|
var innerRef = useForkRef(trapRef, outerRootRef);
|
106
102
|
var uniqId = safeUseId();
|
107
103
|
var innerId = id || uniqId;
|
@@ -151,15 +147,10 @@ var Popup = component(popupConfig);
|
|
151
147
|
zIndex: zIndex,
|
152
148
|
overlay: hasBody ? overlayNode : /*#__PURE__*/ React.createElement(Root, {
|
153
149
|
view: view
|
154
|
-
}, overlayNode)
|
155
|
-
draggable: draggable,
|
156
|
-
handle: handle,
|
157
|
-
resizable: resizable
|
150
|
+
}, overlayNode)
|
158
151
|
}, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {
|
159
152
|
view: view
|
160
|
-
}, /*#__PURE__*/ React.createElement(ModalBody, {
|
161
|
-
isResizableEnabled: isResizableEnabled
|
162
|
-
}, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
|
153
|
+
}, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
|
163
154
|
onClick: onClose,
|
164
155
|
"data-test": "modal-close"
|
165
156
|
}, /*#__PURE__*/ React.createElement(IconClose, {
|
@@ -172,7 +163,7 @@ export var modalConfig = {
|
|
172
163
|
name: 'Modal',
|
173
164
|
tag: 'div',
|
174
165
|
layout: modalRoot,
|
175
|
-
base:
|
166
|
+
base: '',
|
176
167
|
variations: {
|
177
168
|
view: {
|
178
169
|
css: viewCSS
|
@@ -1,25 +1,20 @@
|
|
1
1
|
import styled from "@emotion/styled";
|
2
|
-
import { css } from "@emotion/react";
|
3
2
|
import { addFocus } from "../../mixins";
|
4
3
|
import { tokens } from "./Modal.tokens";
|
5
|
-
export var base = /*#__PURE__*/ css("height:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2PHsgaXNSZXNpemFibGVFbmFibGVkOiBib29sZWFuIH0+YFxuICAgIC8vaGVpZ2h0OiAkeyh7IGlzUmVzaXphYmxlRW5hYmxlZCB9KSA9PiAoaXNSZXNpemFibGVFbmFibGVkID8gJzEwMCUnIDogJ2F1dG8nKX07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJvcmRlclJhZGl1c30pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlQYWRkaW5nfSk7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LWwpO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbENvbnRlbnRQYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcblxuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgaGVpZ2h0OiAxLjVyZW07XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KTtcblxuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5tb2RhbE91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvblJhZGl1c30pICsgMC4wNjNyZW0pYCxcbiAgICB9KX07XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Db2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkhvdmVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkFjdGl2ZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0IifQ== */");
|
6
4
|
export var ModalBody = /*#__PURE__*/ styled("div", {
|
7
|
-
target: "
|
5
|
+
target: "e14x5qup0",
|
8
6
|
label: "ModalBody"
|
9
|
-
})(
|
10
|
-
var isResizableEnabled = param.isResizableEnabled;
|
11
|
-
return isResizableEnabled ? '100%' : 'auto';
|
12
|
-
}, ";height:100%;box-sizing:border-box;border-radius:var(", tokens.modalBodyBorderRadius, ");padding:var(", tokens.modalBodyPadding, ");background:var(", tokens.modalBodyBackground, ");box-shadow:var(--shadow-down-soft-l);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2PHsgaXNSZXNpemFibGVFbmFibGVkOiBib29sZWFuIH0+YFxuICAgIC8vaGVpZ2h0OiAkeyh7IGlzUmVzaXphYmxlRW5hYmxlZCB9KSA9PiAoaXNSZXNpemFibGVFbmFibGVkID8gJzEwMCUnIDogJ2F1dG8nKX07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJvcmRlclJhZGl1c30pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlQYWRkaW5nfSk7XG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLm1vZGFsQm9keUJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctZG93bi1zb2Z0LWwpO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5tb2RhbENvbnRlbnRQYWRkaW5nfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcblxuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgaGVpZ2h0OiAxLjVyZW07XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KTtcblxuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5tb2RhbE91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiBgY2FsYyh2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvblJhZGl1c30pICsgMC4wNjNyZW0pYCxcbiAgICB9KX07XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Db2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkhvdmVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubW9kYWxDbG9zZUJ1dHRvbkFjdGl2ZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXeUIifQ== */");
|
7
|
+
})("border-radius:var(", tokens.modalBodyBorderRadius, ");padding:var(", tokens.modalBodyPadding, ");background:var(", tokens.modalBodyBackground, ");box-shadow:var(--shadow-down-soft-l);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlCIn0= */");
|
13
8
|
export var ModalContent = /*#__PURE__*/ styled("div", {
|
14
|
-
target: "
|
9
|
+
target: "e14x5qup1",
|
15
10
|
label: "ModalContent"
|
16
|
-
})("position:relative;padding:var(", tokens.modalContentPadding, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
11
|
+
})("position:relative;padding:var(", tokens.modalContentPadding, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIn0= */");
|
17
12
|
export var CloseButton = /*#__PURE__*/ styled("button", {
|
18
|
-
target: "
|
13
|
+
target: "e14x5qup2",
|
19
14
|
label: "CloseButton"
|
20
15
|
})("top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(", tokens.modalCloseButtonRadius, ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;", addFocus({
|
21
16
|
outlineSize: '0.063rem',
|
22
17
|
outlineOffset: '-0.125rem',
|
23
18
|
outlineColor: "var(".concat(tokens.modalOutlineFocusColor, ")"),
|
24
19
|
outlineRadius: "calc(var(".concat(tokens.modalCloseButtonRadius, ") + 0.063rem)")
|
25
|
-
}), ";color:var(", tokens.modalCloseButtonColor, ");&:hover{color:var(", tokens.modalCloseButtonHoverColor, ");}&:active{color:var(", tokens.modalCloseButtonActiveColor, ");}position:absolute;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
20
|
+
}), ";color:var(", tokens.modalCloseButtonColor, ");&:hover{color:var(", tokens.modalCloseButtonHoverColor, ");}&:active{color:var(", tokens.modalCloseButtonActiveColor, ");}position:absolute;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvTW9kYWwvTW9kYWwuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL01vZGFsLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2YFxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxCb2R5UGFkZGluZ30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5tb2RhbEJvZHlCYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tc2hhZG93LWRvd24tc29mdC1sKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubW9kYWxDb250ZW50UGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG5cbiAgICB3aWR0aDogMS41cmVtO1xuICAgIGhlaWdodDogMS41cmVtO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uUmFkaXVzfSk7XG5cbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMubW9kYWxPdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYGNhbGModmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25SYWRpdXN9KSArIDAuMDYzcmVtKWAsXG4gICAgfSl9O1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5tb2RhbENsb3NlQnV0dG9uQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25Ib3ZlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLm1vZGFsQ2xvc2VCdXR0b25BY3RpdmVDb2xvcn0pO1xuICAgIH1cblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQiJ9 */");
|