@semcore/fullscreen-modal 2.0.20 → 2.0.22
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/CHANGELOG.md +12 -0
- package/lib/cjs/FullscreenModal.js +13 -13
- package/lib/cjs/index.d.js +2 -0
- package/lib/cjs/index.d.js.map +1 -0
- package/lib/es6/FullscreenModal.js +13 -13
- package/lib/es6/index.d.js +2 -0
- package/lib/es6/index.d.js.map +1 -0
- package/package.json +3 -2
- package/lib/cjs/index.d.ts +0 -39
- package/lib/es6/index.d.ts +0 -39
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [2.0.22] - 2022-10-04
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.37.1 ~> 3.37.2], `@semcore/flex-box` [4.5.11 ~> 4.5.12]).
|
|
10
|
+
|
|
11
|
+
## [2.0.21] - 2022-09-29
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [2.30.4 ~> 2.31.0]).
|
|
16
|
+
|
|
5
17
|
## [2.0.20] - 2022-09-21
|
|
6
18
|
|
|
7
19
|
### Changed
|
|
@@ -56,22 +56,22 @@ var style = (
|
|
|
56
56
|
/*__reshadow_css_start__*/
|
|
57
57
|
_core.sstyled.insert(
|
|
58
58
|
/*__inner_css_start__*/
|
|
59
|
-
".
|
|
59
|
+
".___SFullscreenOverlay_1hxhk_gg_{padding:0}.___SFullscreenModal_1hxhk_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:#ffffff;border-radius:0;padding:0}.___SBack_1hxhk_gg_,.___SClose_1hxhk_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1hxhk_gg_{top:17px;right:23px;padding:12px;color:#a9abb6}.___SClose_1hxhk_gg_:hover{color:#8a8e9b}.___SBack_1hxhk_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:12px;color:#6c6e79;font-size:12px;line-height:1.33}.___SBack_1hxhk_gg_:hover{color:#484a54}.___SBackText_1hxhk_gg_{margin-left:4px;font-size:14px;line-height:1.42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SDescription_1hxhk_gg_,.___STitle_1hxhk_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1hxhk_gg_{font-size:24px;line-height:1.17;font-weight:700;font-family:FactorA-Bold,sans-serif;color:#191b23}.___SDescription_1hxhk_gg_{display:flex;align-items:baseline;font-size:12px;line-height:1.33;color:#6c6e79}.___SDescription_1hxhk_gg_:before{content:\"\";position:relative;top:4px;display:block;margin-left:12px;margin-right:12px;height:24px;width:1px;background-color:#c4c7cf}.___SHeader_1hxhk_gg_{display:flex;align-items:baseline;padding-left:32px;padding-bottom:8px;padding-right:72px;padding-top:40px;min-height:76px;box-shadow:inset 0 -1px 0 #c4c7cf;box-sizing:border-box}.___SFooter_1hxhk_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 #c4c7cf;box-sizing:border-box}.___SBody_1hxhk_gg_{display:flex;height:100%;overflow:auto}.___SSection_1hxhk_gg_{padding-top:24px;padding-bottom:24px;padding-left:32px;padding-right:32px;flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1hxhk_gg_{transition:none}}"
|
|
60
60
|
/*__inner_css_end__*/
|
|
61
|
-
, "
|
|
61
|
+
, "1hxhk_gg_")
|
|
62
62
|
/*__reshadow_css_end__*/
|
|
63
63
|
, {
|
|
64
|
-
"__SFullscreenOverlay": "
|
|
65
|
-
"__SFullscreenModal": "
|
|
66
|
-
"__SBack": "
|
|
67
|
-
"__SClose": "
|
|
68
|
-
"__SBackText": "
|
|
69
|
-
"__SDescription": "
|
|
70
|
-
"__STitle": "
|
|
71
|
-
"__SHeader": "
|
|
72
|
-
"__SFooter": "
|
|
73
|
-
"__SBody": "
|
|
74
|
-
"__SSection": "
|
|
64
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1hxhk_gg_",
|
|
65
|
+
"__SFullscreenModal": "___SFullscreenModal_1hxhk_gg_",
|
|
66
|
+
"__SBack": "___SBack_1hxhk_gg_",
|
|
67
|
+
"__SClose": "___SClose_1hxhk_gg_",
|
|
68
|
+
"__SBackText": "___SBackText_1hxhk_gg_",
|
|
69
|
+
"__SDescription": "___SDescription_1hxhk_gg_",
|
|
70
|
+
"__STitle": "___STitle_1hxhk_gg_",
|
|
71
|
+
"__SHeader": "___SHeader_1hxhk_gg_",
|
|
72
|
+
"__SFooter": "___SFooter_1hxhk_gg_",
|
|
73
|
+
"__SBody": "___SBody_1hxhk_gg_",
|
|
74
|
+
"__SSection": "___SSection_1hxhk_gg_"
|
|
75
75
|
});
|
|
76
76
|
|
|
77
77
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ReturnEl, CProps, PropGetterFn } from '@semcore/core';\nimport { IModalProps } from '@semcore/modal';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { IIconProps } from '@semcore/icon';\nimport { Text } from '@semcore/typography';\n\nexport interface IFullscreenModalProps extends IModalProps {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n}\n\nexport interface IFullscreenModalHeaderProps extends IBoxProps {\n title?: React.ReactNode;\n description?: React.ReactNode;\n}\n\nexport interface IFullscreenModalContext {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n}\n\ndeclare const FullscreenModal: (<T>(\n props: CProps<IFullscreenModalProps & T, IFullscreenModalContext>,\n) => ReturnEl) & {\n Header: <T>(props: IFullscreenModalHeaderProps & T) => ReturnEl;\n Footer: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Close: <T>(props: IIconProps & T) => ReturnEl;\n Back: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Body: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Section: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Title: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;\n Description: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;\n};\n\nexport default FullscreenModal;\n"],"mappings":""}
|
|
@@ -38,22 +38,22 @@ var style = (
|
|
|
38
38
|
/*__reshadow_css_start__*/
|
|
39
39
|
_sstyled.insert(
|
|
40
40
|
/*__inner_css_start__*/
|
|
41
|
-
".
|
|
41
|
+
".___SFullscreenOverlay_1hxhk_gg_{padding:0}.___SFullscreenModal_1hxhk_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:#ffffff;border-radius:0;padding:0}.___SBack_1hxhk_gg_,.___SClose_1hxhk_gg_{cursor:pointer;position:absolute;z-index:1}.___SClose_1hxhk_gg_{top:17px;right:23px;padding:12px;color:#a9abb6}.___SClose_1hxhk_gg_:hover{color:#8a8e9b}.___SBack_1hxhk_gg_{top:8px;left:32px;display:flex;align-items:center;margin-bottom:12px;color:#6c6e79;font-size:12px;line-height:1.33}.___SBack_1hxhk_gg_:hover{color:#484a54}.___SBackText_1hxhk_gg_{margin-left:4px;font-size:14px;line-height:1.42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SDescription_1hxhk_gg_,.___STitle_1hxhk_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1hxhk_gg_{font-size:24px;line-height:1.17;font-weight:700;font-family:FactorA-Bold,sans-serif;color:#191b23}.___SDescription_1hxhk_gg_{display:flex;align-items:baseline;font-size:12px;line-height:1.33;color:#6c6e79}.___SDescription_1hxhk_gg_:before{content:\"\";position:relative;top:4px;display:block;margin-left:12px;margin-right:12px;height:24px;width:1px;background-color:#c4c7cf}.___SHeader_1hxhk_gg_{display:flex;align-items:baseline;padding-left:32px;padding-bottom:8px;padding-right:72px;padding-top:40px;min-height:76px;box-shadow:inset 0 -1px 0 #c4c7cf;box-sizing:border-box}.___SFooter_1hxhk_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 #c4c7cf;box-sizing:border-box}.___SBody_1hxhk_gg_{display:flex;height:100%;overflow:auto}.___SSection_1hxhk_gg_{padding-top:24px;padding-bottom:24px;padding-left:32px;padding-right:32px;flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1hxhk_gg_{transition:none}}"
|
|
42
42
|
/*__inner_css_end__*/
|
|
43
|
-
, "
|
|
43
|
+
, "1hxhk_gg_")
|
|
44
44
|
/*__reshadow_css_end__*/
|
|
45
45
|
, {
|
|
46
|
-
"__SFullscreenOverlay": "
|
|
47
|
-
"__SFullscreenModal": "
|
|
48
|
-
"__SBack": "
|
|
49
|
-
"__SClose": "
|
|
50
|
-
"__SBackText": "
|
|
51
|
-
"__SDescription": "
|
|
52
|
-
"__STitle": "
|
|
53
|
-
"__SHeader": "
|
|
54
|
-
"__SFooter": "
|
|
55
|
-
"__SBody": "
|
|
56
|
-
"__SSection": "
|
|
46
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1hxhk_gg_",
|
|
47
|
+
"__SFullscreenModal": "___SFullscreenModal_1hxhk_gg_",
|
|
48
|
+
"__SBack": "___SBack_1hxhk_gg_",
|
|
49
|
+
"__SClose": "___SClose_1hxhk_gg_",
|
|
50
|
+
"__SBackText": "___SBackText_1hxhk_gg_",
|
|
51
|
+
"__SDescription": "___SDescription_1hxhk_gg_",
|
|
52
|
+
"__STitle": "___STitle_1hxhk_gg_",
|
|
53
|
+
"__SHeader": "___SHeader_1hxhk_gg_",
|
|
54
|
+
"__SFooter": "___SFooter_1hxhk_gg_",
|
|
55
|
+
"__SBody": "___SBody_1hxhk_gg_",
|
|
56
|
+
"__SSection": "___SSection_1hxhk_gg_"
|
|
57
57
|
});
|
|
58
58
|
|
|
59
59
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ReturnEl, CProps, PropGetterFn } from '@semcore/core';\nimport { IModalProps } from '@semcore/modal';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { IIconProps } from '@semcore/icon';\nimport { Text } from '@semcore/typography';\n\nexport interface IFullscreenModalProps extends IModalProps {\n /** Function that is invoked when hiding a component */\n onClose?: (\n trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n}\n\nexport interface IFullscreenModalHeaderProps extends IBoxProps {\n title?: React.ReactNode;\n description?: React.ReactNode;\n}\n\nexport interface IFullscreenModalContext {\n getBackProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n}\n\ndeclare const FullscreenModal: (<T>(\n props: CProps<IFullscreenModalProps & T, IFullscreenModalContext>,\n) => ReturnEl) & {\n Header: <T>(props: IFullscreenModalHeaderProps & T) => ReturnEl;\n Footer: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Close: <T>(props: IIconProps & T) => ReturnEl;\n Back: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Body: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Section: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n Title: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;\n Description: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;\n};\n\nexport default FullscreenModal;\n"],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/fullscreen-modal",
|
|
3
3
|
"description": "Semrush FullscreenModal Component",
|
|
4
|
-
"version": "2.0.
|
|
4
|
+
"version": "2.0.22",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"scripts": {
|
|
12
|
-
"build": "
|
|
12
|
+
"build": "pnpm semcore-builder --source=js",
|
|
13
13
|
"test": "jest"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"directory": "semcore/fullscreen-modal"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
+
"@types/react": "16.8 - 17",
|
|
35
36
|
"@semcore/jest-preset-ui": "1.0.0"
|
|
36
37
|
}
|
|
37
38
|
}
|
package/lib/cjs/index.d.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';
|
|
3
|
-
import { IModalProps } from '@semcore/modal';
|
|
4
|
-
import { Box, IBoxProps } from '@semcore/flex-box';
|
|
5
|
-
import { IIconProps } from '@semcore/icon';
|
|
6
|
-
import { Text } from '@semcore/typography';
|
|
7
|
-
|
|
8
|
-
export interface IFullscreenModalProps extends IModalProps {
|
|
9
|
-
/** Function that is invoked when hiding a component */
|
|
10
|
-
onClose?: (
|
|
11
|
-
trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',
|
|
12
|
-
e?: React.MouseEvent | React.KeyboardEvent,
|
|
13
|
-
) => void;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface IFullscreenModalHeaderProps extends IBoxProps {
|
|
17
|
-
title?: React.ReactNode;
|
|
18
|
-
description?: React.ReactNode;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export interface IFullscreenModalContext {
|
|
22
|
-
getBackProps: PropGetterFn;
|
|
23
|
-
getCloseProps: PropGetterFn;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
declare const FullscreenModal: (<T>(
|
|
27
|
-
props: CProps<IFullscreenModalProps & T, IFullscreenModalContext>,
|
|
28
|
-
) => ReturnEl) & {
|
|
29
|
-
Header: <T>(props: IFullscreenModalHeaderProps & T) => ReturnEl;
|
|
30
|
-
Footer: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
31
|
-
Close: <T>(props: IIconProps & T) => ReturnEl;
|
|
32
|
-
Back: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
33
|
-
Body: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
34
|
-
Section: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
35
|
-
Title: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
|
|
36
|
-
Description: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export default FullscreenModal;
|
package/lib/es6/index.d.ts
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ComponentProps } from 'react';
|
|
2
|
-
import { ReturnEl, CProps, PropGetterFn } from '@semcore/core';
|
|
3
|
-
import { IModalProps } from '@semcore/modal';
|
|
4
|
-
import { Box, IBoxProps } from '@semcore/flex-box';
|
|
5
|
-
import { IIconProps } from '@semcore/icon';
|
|
6
|
-
import { Text } from '@semcore/typography';
|
|
7
|
-
|
|
8
|
-
export interface IFullscreenModalProps extends IModalProps {
|
|
9
|
-
/** Function that is invoked when hiding a component */
|
|
10
|
-
onClose?: (
|
|
11
|
-
trigger: 'onBackClick' | 'onCloseClick' | 'onEscape' | 'onOutsideClick',
|
|
12
|
-
e?: React.MouseEvent | React.KeyboardEvent,
|
|
13
|
-
) => void;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface IFullscreenModalHeaderProps extends IBoxProps {
|
|
17
|
-
title?: React.ReactNode;
|
|
18
|
-
description?: React.ReactNode;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export interface IFullscreenModalContext {
|
|
22
|
-
getBackProps: PropGetterFn;
|
|
23
|
-
getCloseProps: PropGetterFn;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
declare const FullscreenModal: (<T>(
|
|
27
|
-
props: CProps<IFullscreenModalProps & T, IFullscreenModalContext>,
|
|
28
|
-
) => ReturnEl) & {
|
|
29
|
-
Header: <T>(props: IFullscreenModalHeaderProps & T) => ReturnEl;
|
|
30
|
-
Footer: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
31
|
-
Close: <T>(props: IIconProps & T) => ReturnEl;
|
|
32
|
-
Back: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
33
|
-
Body: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
34
|
-
Section: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
|
|
35
|
-
Title: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
|
|
36
|
-
Description: <T>(props: ComponentProps<typeof Text> & T) => ReturnEl;
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export default FullscreenModal;
|