@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
@@ -1,22 +1,20 @@
|
|
1
|
-
import './Popup.
|
1
|
+
import './Popup.styles_gq4luz.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { DEFAULT_Z_INDEX } from './utils/index.js';
|
4
|
-
import { IconResizeDiagonal } from '../_Icon/Icons/IconResizeDiagonal.js';
|
5
4
|
|
6
|
-
var base = "bvkpf6n";
|
7
5
|
var StyledPortal = /*#__PURE__*/styled('div')({
|
8
6
|
name: "StyledPortal",
|
9
|
-
"class": "
|
7
|
+
"class": "svkpf6n",
|
10
8
|
propsAsIs: false
|
11
9
|
});
|
12
10
|
var StyledPortalContainer = /*#__PURE__*/styled('div')({
|
13
11
|
name: "StyledPortalContainer",
|
14
|
-
"class": "
|
12
|
+
"class": "s1cjo3us",
|
15
13
|
propsAsIs: false
|
16
14
|
});
|
17
15
|
var PopupView = /*#__PURE__*/styled('div')({
|
18
16
|
name: "PopupView",
|
19
|
-
"class": "
|
17
|
+
"class": "p5u7tqa",
|
20
18
|
propsAsIs: false
|
21
19
|
});
|
22
20
|
var _exp = function _exp() {
|
@@ -63,26 +61,18 @@ var _exp7 = function _exp7() {
|
|
63
61
|
};
|
64
62
|
var PopupRootContainer = /*#__PURE__*/styled('div')({
|
65
63
|
name: "PopupRootContainer",
|
66
|
-
"class": "
|
64
|
+
"class": "p1f40oul",
|
67
65
|
propsAsIs: false,
|
68
66
|
vars: {
|
69
|
-
"
|
70
|
-
"
|
71
|
-
"
|
72
|
-
"
|
73
|
-
"
|
74
|
-
"
|
75
|
-
"
|
67
|
+
"p1f40oul-0": [/*#__PURE__*/_exp()],
|
68
|
+
"p1f40oul-1": [/*#__PURE__*/_exp2()],
|
69
|
+
"p1f40oul-2": [/*#__PURE__*/_exp3()],
|
70
|
+
"p1f40oul-3": [/*#__PURE__*/_exp4()],
|
71
|
+
"p1f40oul-4": [/*#__PURE__*/_exp5()],
|
72
|
+
"p1f40oul-5": [/*#__PURE__*/_exp6()],
|
73
|
+
"p1f40oul-6": [/*#__PURE__*/_exp7()]
|
76
74
|
}
|
77
75
|
});
|
78
|
-
var _exp8 = function _exp8() {
|
79
|
-
return IconResizeDiagonal;
|
80
|
-
};
|
81
|
-
var IconResizeDiagonalStyled = /*#__PURE__*/styled(_exp8())({
|
82
|
-
name: "IconResizeDiagonalStyled",
|
83
|
-
"class": "i10c9529",
|
84
|
-
propsAsIs: true
|
85
|
-
});
|
86
76
|
|
87
|
-
export {
|
77
|
+
export { PopupRootContainer, PopupView, StyledPortal, StyledPortalContainer };
|
88
78
|
//# sourceMappingURL=Popup.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\
|
1
|
+
{"version":3,"file":"Popup.styles.js","sources":["../../../src/components/Popup/Popup.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport type { PopupRootContainerProps } from './Popup.types';\nimport { DEFAULT_Z_INDEX } from './utils';\n\nexport const StyledPortal = styled.div``;\n\nexport const StyledPortalContainer = styled.div`\n width: 0;\n`;\n\nexport const PopupView = styled.div`\n position: relative;\n max-width: 100%;\n pointer-events: all;\n`;\n\nexport const PopupRootContainer = styled.div<PopupRootContainerProps>`\n position: ${({ frame }) => (frame === 'document' ? 'fixed' : 'absolute')};\n z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n left: ${({ position }) => position.left || ''};\n right: ${({ position }) => position.right || ''};\n top: ${({ position }) => position.top || ''};\n bottom: ${({ position }) => position.bottom || ''};\n transform: ${({ position }) => position.transform || ''};\n`;\n"],"names":["StyledPortal","styled","name","class","propsAsIs","StyledPortalContainer","PopupView","_exp","_ref","frame","_exp2","_ref2","zIndex","DEFAULT_Z_INDEX","_exp3","_ref3","position","left","_exp4","_ref4","right","_exp5","_ref5","top","_exp6","_ref6","bottom","_exp7","_ref7","transform","PopupRootContainer","vars"],"mappings":"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"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
|
2
|
+
.s1cjo3us{width:0;}
|
3
|
+
.p5u7tqa{position:relative;max-width:100%;pointer-events:all;}
|
4
|
+
.p1f40oul{position:var(--p1f40oul-0);z-index:var(--p1f40oul-1);left:var(--p1f40oul-2);right:var(--p1f40oul-3);top:var(--p1f40oul-4);bottom:var(--p1f40oul-5);-webkit-transform:var(--p1f40oul-6);-ms-transform:var(--p1f40oul-6);transform:var(--p1f40oul-6);}
|
@@ -4,12 +4,7 @@ var classes = {
|
|
4
4
|
*/
|
5
5
|
root: 'popup-base-root',
|
6
6
|
endAnimation: 'popup-end-animation',
|
7
|
-
endTransition: 'popup-end-transition'
|
8
|
-
resizableContainer: 'resizable-container',
|
9
|
-
resizableTopRightIcon: 'resizable-top-right-icon',
|
10
|
-
resizableBottomRightIcon: 'resizable-bottom-right-icon',
|
11
|
-
resizableBottomLeftIcon: 'resizable-bottom-left-icon',
|
12
|
-
resizableTopLeftIcon: 'resizable-top-left-icon'
|
7
|
+
endTransition: 'popup-end-transition'
|
13
8
|
};
|
14
9
|
|
15
10
|
export { classes };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popup.tokens.js","sources":["../../../src/components/Popup/Popup.tokens.ts"],"sourcesContent":["export const classes = {\n /*\n * Класс корневого компонента PopupRoot: `popup-base-root`\n */\n root: 'popup-base-root',\n endAnimation: 'popup-end-animation',\n endTransition: 'popup-end-transition',\n
|
1
|
+
{"version":3,"file":"Popup.tokens.js","sources":["../../../src/components/Popup/Popup.tokens.ts"],"sourcesContent":["export const classes = {\n /*\n * Класс корневого компонента PopupRoot: `popup-base-root`\n */\n root: 'popup-base-root',\n endAnimation: 'popup-end-animation',\n endTransition: 'popup-end-transition',\n};\n"],"names":["classes","root","endAnimation","endTransition"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnB;AACJ;AACA;AACIC,EAAAA,IAAI,EAAE,iBAAiB;AACvBC,EAAAA,YAAY,EAAE,qBAAqB;AACnCC,EAAAA,aAAa,EAAE,sBAAA;AACnB;;;;"}
|
@@ -1,8 +1,4 @@
|
|
1
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
1
|
|
3
|
-
|
4
|
-
|
5
|
-
.
|
6
|
-
.Popup_styles_sejy82_p1f40oul__dfce5444{position:relative;max-width:100%;pointer-events:all;}
|
7
|
-
.Popup_styles_sejy82_p1ug7bn2__dfce5444{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
|
8
|
-
.Popup_styles_sejy82_i10c9529__dfce5444{color:var(--text-secondary);}.Popup_styles_sejy82_i10c9529__dfce5444:hover{color:var(--text-secondary-hover);}.Popup_styles_sejy82_i10c9529__dfce5444:active{color:var(--text-secondary-active);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopRightIcon__dfce5444{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomRightIcon__dfce5444{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomLeftIcon__dfce5444{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopLeftIcon__dfce5444{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
2
|
+
.Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}
|
3
|
+
.Popup_styles_gq4luz_p5u7tqa__bb610b96{position:relative;max-width:100%;pointer-events:all;}
|
4
|
+
.Popup_styles_gq4luz_p1f40oul__bb610b96{position:var(--p1f40oul-0);z-index:var(--p1f40oul-1);left:var(--p1f40oul-2);right:var(--p1f40oul-3);top:var(--p1f40oul-4);bottom:var(--p1f40oul-5);-webkit-transform:var(--p1f40oul-6);-ms-transform:var(--p1f40oul-6);transform:var(--p1f40oul-6);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Popup/utils/index.ts"],"sourcesContent":["export
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Popup/utils/index.ts"],"sourcesContent":["export const DEFAULT_Z_INDEX = '9000';\n"],"names":["DEFAULT_Z_INDEX"],"mappings":"AAAO,IAAMA,eAAe,GAAG;;;;"}
|
package/es/hooks/useUniqId.js
CHANGED
@@ -3,6 +3,11 @@ import { useContext, useState } from 'react';
|
|
3
3
|
import { SSRContext } from '../components/SSRProvider/SSRProvider.js';
|
4
4
|
|
5
5
|
var noSSRId = 0;
|
6
|
+
|
7
|
+
/**
|
8
|
+
* @deprecated
|
9
|
+
* @see используете вместо этого safeUseId
|
10
|
+
*/
|
6
11
|
function useUniqId() {
|
7
12
|
var context = useContext(SSRContext);
|
8
13
|
var _useState = useState(function () {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useUniqId.js","sources":["../../src/hooks/useUniqId.ts"],"sourcesContent":["import { useState, useContext } from 'react';\n\nimport { SSRContext } from '../components/SSRProvider';\n\nlet noSSRId = 0;\n\nexport function useUniqId(): string {\n const context = useContext(SSRContext);\n const [id] = useState(() => {\n if (context.uniqId !== null) {\n return `plasma-uniq-id-ssr-${++context.uniqId}`;\n }\n return `plasma-uniq-id-${++noSSRId}`;\n });\n return id;\n}\n"],"names":["noSSRId","useUniqId","context","useContext","SSRContext","_useState","useState","uniqId","concat","_useState2","_slicedToArray","id"],"mappings":";;;;AAIA,IAAIA,OAAO,GAAG,CAAC,CAAA;
|
1
|
+
{"version":3,"file":"useUniqId.js","sources":["../../src/hooks/useUniqId.ts"],"sourcesContent":["import { useState, useContext } from 'react';\n\nimport { SSRContext } from '../components/SSRProvider';\n\nlet noSSRId = 0;\n\n/**\n * @deprecated\n * @see используете вместо этого safeUseId\n */\nexport function useUniqId(): string {\n const context = useContext(SSRContext);\n const [id] = useState(() => {\n if (context.uniqId !== null) {\n return `plasma-uniq-id-ssr-${++context.uniqId}`;\n }\n return `plasma-uniq-id-${++noSSRId}`;\n });\n return id;\n}\n"],"names":["noSSRId","useUniqId","context","useContext","SSRContext","_useState","useState","uniqId","concat","_useState2","_slicedToArray","id"],"mappings":";;;;AAIA,IAAIA,OAAO,GAAG,CAAC,CAAA;;AAEf;AACA;AACA;AACA;AACO,SAASC,SAASA,GAAW;AAChC,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACC,UAAU,CAAC,CAAA;AACtC,EAAA,IAAAC,SAAA,GAAaC,QAAQ,CAAC,YAAM;AACxB,MAAA,IAAIJ,OAAO,CAACK,MAAM,KAAK,IAAI,EAAE;AACzB,QAAA,OAAA,qBAAA,CAAAC,MAAA,CAA6B,EAAEN,OAAO,CAACK,MAAM,CAAA,CAAA;AACjD,OAAA;MACA,OAAAC,iBAAAA,CAAAA,MAAA,CAAyB,EAAER,OAAO,CAAA,CAAA;AACtC,KAAC,CAAC;IAAAS,UAAA,GAAAC,cAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AALKM,IAAAA,EAAE,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAMT,EAAA,OAAOE,EAAE,CAAA;AACb;;;;"}
|
package/es/index.css
CHANGED
@@ -346,16 +346,13 @@
|
|
346
346
|
.Subtitle_styles_g6d0r2_b810c19__dce1fd86{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
|
347
347
|
|
348
348
|
|
349
|
+
.Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}
|
350
|
+
.Popup_styles_gq4luz_p5u7tqa__bb610b96{position:relative;max-width:100%;pointer-events:all;}
|
351
|
+
.Popup_styles_gq4luz_p1f40oul__bb610b96{position:var(--p1f40oul-0);z-index:var(--p1f40oul-1);left:var(--p1f40oul-2);right:var(--p1f40oul-3);top:var(--p1f40oul-4);bottom:var(--p1f40oul-5);-webkit-transform:var(--p1f40oul-6);-ms-transform:var(--p1f40oul-6);transform:var(--p1f40oul-6);}
|
349
352
|
|
350
|
-
.
|
351
|
-
.
|
352
|
-
.
|
353
|
-
.Popup_styles_sejy82_i10c9529__dfce5444{color:var(--text-secondary);}.Popup_styles_sejy82_i10c9529__dfce5444:hover{color:var(--text-secondary-hover);}.Popup_styles_sejy82_i10c9529__dfce5444:active{color:var(--text-secondary-active);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopRightIcon__dfce5444{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomRightIcon__dfce5444{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomLeftIcon__dfce5444{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopLeftIcon__dfce5444{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
354
|
-
|
355
|
-
.Modal_styles_1obtvtw_b7npn1w__a2f4e50d{height:100%;}
|
356
|
-
.Modal_styles_1obtvtw_m16phoaz__a2f4e50d{height:100%;box-sizing:border-box;border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
|
357
|
-
.Modal_styles_1obtvtw_m5bx5hr__a2f4e50d{position:relative;padding:var(--plasma-modal-content-padding);}
|
358
|
-
.Modal_styles_1obtvtw_cjp242v__a2f4e50d{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d.Modal_styles_1obtvtw_focusVisible__a2f4e50d:focus::before,.Modal_styles_1obtvtw_cjp242v__a2f4e50d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:active{color:var(--plasma-modal-close-button-active-color);}
|
353
|
+
.Modal_styles_1gt0sfn_m7npn1w__75045114{border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
|
354
|
+
.Modal_styles_1gt0sfn_m16phoaz__75045114{position:relative;padding:var(--plasma-modal-content-padding);}
|
355
|
+
.Modal_styles_1gt0sfn_c5bx5hr__75045114{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1gt0sfn_c5bx5hr__75045114::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1gt0sfn_c5bx5hr__75045114.Modal_styles_1gt0sfn_focusVisible__75045114:focus::before,.Modal_styles_1gt0sfn_c5bx5hr__75045114[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:active{color:var(--plasma-modal-close-button-active-color);}
|
359
356
|
|
360
357
|
.NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
|
361
358
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.329.0-canary.
|
3
|
+
"version": "0.329.0-canary.2053.16000339771.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -128,7 +128,6 @@
|
|
128
128
|
"lodash.throttle": "4.1.1",
|
129
129
|
"rc-tree": "5.11.0",
|
130
130
|
"rc-virtual-list": "3.18.1",
|
131
|
-
"re-resizable": "6.10.3",
|
132
131
|
"react-draggable": "4.4.3",
|
133
132
|
"react-hot-toast": "2.5.2",
|
134
133
|
"react-number-format": "5.4.3",
|
@@ -138,5 +137,5 @@
|
|
138
137
|
"sideEffects": [
|
139
138
|
"*.css"
|
140
139
|
],
|
141
|
-
"gitHead": "
|
140
|
+
"gitHead": "4e93563e6014862c297fae93f02f2c9c4f5b7a3b"
|
142
141
|
}
|
@@ -573,36 +573,28 @@ var datePickerRangeRoot = function(Root) {
|
|
573
573
|
calendarSecondValue
|
574
574
|
]);
|
575
575
|
(0, _react.useLayoutEffect)(function() {
|
576
|
-
|
577
|
-
updateExternalFirstDate(startExternalValue || undefined);
|
578
|
-
}
|
576
|
+
updateExternalFirstDate(startExternalValue || undefined);
|
579
577
|
}, [
|
580
578
|
startExternalValue,
|
581
579
|
format,
|
582
580
|
lang
|
583
581
|
]);
|
584
582
|
(0, _react.useLayoutEffect)(function() {
|
585
|
-
|
586
|
-
updateExternalSecondDate(endExternalValue || undefined);
|
587
|
-
}
|
583
|
+
updateExternalSecondDate(endExternalValue || undefined);
|
588
584
|
}, [
|
589
585
|
endExternalValue,
|
590
586
|
format,
|
591
587
|
lang
|
592
588
|
]);
|
593
589
|
(0, _react.useLayoutEffect)(function() {
|
594
|
-
|
595
|
-
updateExternalFirstDate(defaultFirstDate);
|
596
|
-
}
|
590
|
+
updateExternalFirstDate(defaultFirstDate);
|
597
591
|
}, [
|
598
592
|
defaultFirstDate,
|
599
593
|
format,
|
600
594
|
lang
|
601
595
|
]);
|
602
596
|
(0, _react.useLayoutEffect)(function() {
|
603
|
-
|
604
|
-
updateExternalSecondDate(defaultSecondDate);
|
605
|
-
}
|
597
|
+
updateExternalSecondDate(defaultSecondDate);
|
606
598
|
}, [
|
607
599
|
defaultSecondDate,
|
608
600
|
format,
|
@@ -371,18 +371,14 @@ var datePickerRoot = function(Root) {
|
|
371
371
|
opened
|
372
372
|
]);
|
373
373
|
(0, _react.useLayoutEffect)(function() {
|
374
|
-
|
375
|
-
updateExternalDate(value);
|
376
|
-
}
|
374
|
+
updateExternalDate(value);
|
377
375
|
}, [
|
378
376
|
value,
|
379
377
|
format,
|
380
378
|
lang
|
381
379
|
]);
|
382
380
|
(0, _react.useLayoutEffect)(function() {
|
383
|
-
|
384
|
-
updateExternalDate(defaultDate);
|
385
|
-
}
|
381
|
+
updateExternalDate(defaultDate);
|
386
382
|
}, [
|
387
383
|
defaultDate,
|
388
384
|
format,
|
@@ -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,77 +17,35 @@ _export(exports, {
|
|
17
17
|
},
|
18
18
|
get ModalContent () {
|
19
19
|
return ModalContent;
|
20
|
-
},
|
21
|
-
get base () {
|
22
|
-
return base;
|
23
20
|
}
|
24
21
|
});
|
25
|
-
var _styledcomponents = /*#__PURE__*/
|
22
|
+
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
26
23
|
var _mixins = require("../../mixins");
|
27
24
|
var _Modaltokens = require("./Modal.tokens");
|
28
|
-
function
|
29
|
-
|
30
|
-
|
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
|
25
|
+
function _interop_require_default(obj) {
|
26
|
+
return obj && obj.__esModule ? obj : {
|
27
|
+
default: obj
|
51
28
|
};
|
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;
|
68
29
|
}
|
69
|
-
var base = (0, _styledcomponents.css)([
|
70
|
-
"height:100%;"
|
71
|
-
]);
|
72
30
|
var ModalBody = _styledcomponents.default.div.withConfig({
|
73
31
|
displayName: "Modal.styles__ModalBody",
|
74
|
-
componentId: "sc-
|
32
|
+
componentId: "sc-65f5e73a-0"
|
75
33
|
})([
|
76
|
-
"
|
34
|
+
"border-radius:var(",
|
77
35
|
");padding:var(",
|
78
36
|
");background:var(",
|
79
37
|
");box-shadow:var(--shadow-down-soft-l);"
|
80
38
|
], _Modaltokens.tokens.modalBodyBorderRadius, _Modaltokens.tokens.modalBodyPadding, _Modaltokens.tokens.modalBodyBackground);
|
81
39
|
var ModalContent = _styledcomponents.default.div.withConfig({
|
82
40
|
displayName: "Modal.styles__ModalContent",
|
83
|
-
componentId: "sc-
|
41
|
+
componentId: "sc-65f5e73a-1"
|
84
42
|
})([
|
85
43
|
"position:relative;padding:var(",
|
86
44
|
");"
|
87
45
|
], _Modaltokens.tokens.modalContentPadding);
|
88
46
|
var CloseButton = _styledcomponents.default.button.withConfig({
|
89
47
|
displayName: "Modal.styles__CloseButton",
|
90
|
-
componentId: "sc-
|
48
|
+
componentId: "sc-65f5e73a-2"
|
91
49
|
})([
|
92
50
|
"top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
|
93
51
|
");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",
|
@@ -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,80 +20,36 @@ _export(exports, {
|
|
23
20
|
},
|
24
21
|
get StyledPortalContainer () {
|
25
22
|
return StyledPortalContainer;
|
26
|
-
},
|
27
|
-
get base () {
|
28
|
-
return base;
|
29
23
|
}
|
30
24
|
});
|
31
|
-
var _styledcomponents = /*#__PURE__*/
|
32
|
-
var _Icon = require("../_Icon");
|
33
|
-
var _Popuptokens = require("./Popup.tokens");
|
25
|
+
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
34
26
|
var _utils = require("./utils");
|
35
|
-
function
|
36
|
-
|
37
|
-
|
38
|
-
var cacheNodeInterop = new WeakMap();
|
39
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
40
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
41
|
-
})(nodeInterop);
|
42
|
-
}
|
43
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
44
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
45
|
-
return obj;
|
46
|
-
}
|
47
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
48
|
-
return {
|
49
|
-
default: obj
|
50
|
-
};
|
51
|
-
}
|
52
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
53
|
-
if (cache && cache.has(obj)) {
|
54
|
-
return cache.get(obj);
|
55
|
-
}
|
56
|
-
var newObj = {
|
57
|
-
__proto__: null
|
27
|
+
function _interop_require_default(obj) {
|
28
|
+
return obj && obj.__esModule ? obj : {
|
29
|
+
default: obj
|
58
30
|
};
|
59
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
60
|
-
for(var key in obj){
|
61
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
62
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
63
|
-
if (desc && (desc.get || desc.set)) {
|
64
|
-
Object.defineProperty(newObj, key, desc);
|
65
|
-
} else {
|
66
|
-
newObj[key] = obj[key];
|
67
|
-
}
|
68
|
-
}
|
69
|
-
}
|
70
|
-
newObj.default = obj;
|
71
|
-
if (cache) {
|
72
|
-
cache.set(obj, newObj);
|
73
|
-
}
|
74
|
-
return newObj;
|
75
31
|
}
|
76
|
-
var base = (0, _styledcomponents.css)([
|
77
|
-
""
|
78
|
-
]);
|
79
32
|
var StyledPortal = _styledcomponents.default.div.withConfig({
|
80
33
|
displayName: "Popup.styles__StyledPortal",
|
81
|
-
componentId: "sc-
|
34
|
+
componentId: "sc-9d33eb36-0"
|
82
35
|
})([
|
83
36
|
""
|
84
37
|
]);
|
85
38
|
var StyledPortalContainer = _styledcomponents.default.div.withConfig({
|
86
39
|
displayName: "Popup.styles__StyledPortalContainer",
|
87
|
-
componentId: "sc-
|
40
|
+
componentId: "sc-9d33eb36-1"
|
88
41
|
})([
|
89
42
|
"width:0;"
|
90
43
|
]);
|
91
44
|
var PopupView = _styledcomponents.default.div.withConfig({
|
92
45
|
displayName: "Popup.styles__PopupView",
|
93
|
-
componentId: "sc-
|
46
|
+
componentId: "sc-9d33eb36-2"
|
94
47
|
})([
|
95
48
|
"position:relative;max-width:100%;pointer-events:all;"
|
96
49
|
]);
|
97
50
|
var PopupRootContainer = _styledcomponents.default.div.withConfig({
|
98
51
|
displayName: "Popup.styles__PopupRootContainer",
|
99
|
-
componentId: "sc-
|
52
|
+
componentId: "sc-9d33eb36-3"
|
100
53
|
})([
|
101
54
|
"position:",
|
102
55
|
";z-index:",
|
@@ -128,13 +81,3 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
|
|
128
81
|
var position = param.position;
|
129
82
|
return position.transform || '';
|
130
83
|
});
|
131
|
-
var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
|
132
|
-
displayName: "Popup.styles__IconResizeDiagonalStyled",
|
133
|
-
componentId: "sc-53e4f17f-4"
|
134
|
-
})([
|
135
|
-
"color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
|
136
|
-
"{transform:rotate(-90deg);}&.",
|
137
|
-
"{transform:rotate(0);}&.",
|
138
|
-
"{transform:rotate(90deg);}&.",
|
139
|
-
"{transform:rotate(180deg);}"
|
140
|
-
], _Popuptokens.classes.resizableTopRightIcon, _Popuptokens.classes.resizableBottomRightIcon, _Popuptokens.classes.resizableBottomLeftIcon, _Popuptokens.classes.resizableTopLeftIcon);
|