@semcore/fullscreen-modal 3.51.0 → 3.51.1-prerelease.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/CHANGELOG.md +6 -0
- package/lib/cjs/FullscreenModal.js +16 -14
- package/lib/cjs/FullscreenModal.js.map +1 -1
- package/lib/es6/FullscreenModal.js +16 -14
- package/lib/es6/FullscreenModal.js.map +1 -1
- package/lib/esm/FullscreenModal.mjs +166 -137
- package/lib/esm/index.mjs +2 -2
- package/lib/esm/style/fullscreen-modal.shadow.css +128 -0
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +30 -30
- package/lib/esm/translations/de.json.mjs +8 -6
- package/lib/esm/translations/en.json.mjs +8 -6
- package/lib/esm/translations/es.json.mjs +8 -6
- package/lib/esm/translations/fr.json.mjs +8 -6
- package/lib/esm/translations/it.json.mjs +8 -6
- package/lib/esm/translations/ja.json.mjs +8 -6
- package/lib/esm/translations/ko.json.mjs +8 -6
- package/lib/esm/translations/nl.json.mjs +8 -6
- package/lib/esm/translations/pl.json.mjs +8 -6
- package/lib/esm/translations/pt.json.mjs +8 -6
- package/lib/esm/translations/sv.json.mjs +8 -6
- package/lib/esm/translations/tr.json.mjs +8 -6
- package/lib/esm/translations/vi.json.mjs +8 -6
- package/lib/esm/translations/zh.json.mjs +8 -6
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.51.1] - 2025-05-09
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/icon` [4.61.0 ~> 4.62.0], `@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/button` [5.43.1 ~> 5.43.2], `@semcore/core` [2.39.2 ~> 2.39.3]).
|
|
10
|
+
|
|
5
11
|
## [3.51.0] - 2025-04-11
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -27,20 +27,22 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
|
27
27
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
28
28
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
29
29
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
30
|
-
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
30
|
+
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_vce4i_gg_{padding:0}.___SFullscreenModal_vce4i_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_vce4i_gg_{position:absolute;top:17px;right:24px}.___SBack_vce4i_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_vce4i_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_vce4i_gg_.__keyboardFocused_vce4i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_vce4i_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_vce4i_gg_,.___SDescription_vce4i_gg_,.___STitle_vce4i_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_vce4i_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_vce4i_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_vce4i_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_vce4i_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_vce4i_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_vce4i_gg_{display:flex;height:100%;overflow:auto}.___SSection_vce4i_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_vce4i_gg_{transition:none}}", /*__inner_css_end__*/"vce4i_gg_"),
|
|
32
|
+
/*__reshadow_css_end__*/
|
|
33
|
+
{
|
|
34
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_vce4i_gg_",
|
|
35
|
+
"__SFullscreenModal": "___SFullscreenModal_vce4i_gg_",
|
|
36
|
+
"__SClose": "___SClose_vce4i_gg_",
|
|
37
|
+
"__SBack": "___SBack_vce4i_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_vce4i_gg_",
|
|
39
|
+
"__SBackText": "___SBackText_vce4i_gg_",
|
|
40
|
+
"__STitle": "___STitle_vce4i_gg_",
|
|
41
|
+
"__SDescription": "___SDescription_vce4i_gg_",
|
|
42
|
+
"__SHeader": "___SHeader_vce4i_gg_",
|
|
43
|
+
"__SFooter": "___SFooter_vce4i_gg_",
|
|
44
|
+
"__SBody": "___SBody_vce4i_gg_",
|
|
45
|
+
"__SSection": "___SSection_vce4i_gg_"
|
|
44
46
|
});
|
|
45
47
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
46
48
|
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_button","_fire","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_keyboardFocusEnhance","style","_index","sstyled","insert","FullscreenModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","trigger","e","fire","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref12","SBody","Section","_ref4","_ref13","SSection","Footer","_ref5","_ref14","SFooter","Flex","_ref6","_ref15","SClose","Button","Addon","ml","mr","_ref7","_ref16","STitle","Text","React","useEffect","_ref8","_ref17","SDescription","Back","_ref9","_ref18","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag={'section'} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml={'7px'} mr={'7px'}>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_button","_fire","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_keyboardFocusEnhance","style","_index","sstyled","insert","FullscreenModalRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hasTitle","trigger","e","fire","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Modal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread2","assignProps","undefined","FullscreenModal","Close","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref12","SBody","Section","_ref4","_ref13","SSection","Footer","_ref5","_ref14","SFooter","Flex","_ref6","_ref15","SClose","Button","Addon","ml","mr","_ref7","_ref16","STitle","Text","React","useEffect","_ref8","_ref17","SDescription","Back","_ref9","_ref18","SBack","SBackText","enhance","keyboardFocusEnhance","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag={'section'} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml={'7px'} mr={'7px'}>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
@@ -27,20 +27,22 @@ import fire from '@semcore/utils/lib/fire';
|
|
|
27
27
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
28
28
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
29
29
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
30
|
-
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
30
|
+
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_vce4i_gg_{padding:0}.___SFullscreenModal_vce4i_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_vce4i_gg_{position:absolute;top:17px;right:24px}.___SBack_vce4i_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_vce4i_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_vce4i_gg_.__keyboardFocused_vce4i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_vce4i_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_vce4i_gg_,.___SDescription_vce4i_gg_,.___STitle_vce4i_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_vce4i_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_vce4i_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_vce4i_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_vce4i_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_vce4i_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_vce4i_gg_{display:flex;height:100%;overflow:auto}.___SSection_vce4i_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_vce4i_gg_{transition:none}}", /*__inner_css_end__*/"vce4i_gg_"),
|
|
32
|
+
/*__reshadow_css_end__*/
|
|
33
|
+
{
|
|
34
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_vce4i_gg_",
|
|
35
|
+
"__SFullscreenModal": "___SFullscreenModal_vce4i_gg_",
|
|
36
|
+
"__SClose": "___SClose_vce4i_gg_",
|
|
37
|
+
"__SBack": "___SBack_vce4i_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_vce4i_gg_",
|
|
39
|
+
"__SBackText": "___SBackText_vce4i_gg_",
|
|
40
|
+
"__STitle": "___STitle_vce4i_gg_",
|
|
41
|
+
"__SDescription": "___SDescription_vce4i_gg_",
|
|
42
|
+
"__SHeader": "___SHeader_vce4i_gg_",
|
|
43
|
+
"__SFooter": "___SFooter_vce4i_gg_",
|
|
44
|
+
"__SBody": "___SBody_vce4i_gg_",
|
|
45
|
+
"__SSection": "___SSection_vce4i_gg_"
|
|
44
46
|
});
|
|
45
47
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
46
48
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenModal.js","names":["React","createComponent","Component","sstyled","Root","Modal","Flex","Box","CloseIcon","ArrowLeft","Text","Button","fire","localizedMessages","i18nEnhance","uniqueIDEnhancement","style","_sstyled","insert","keyboardFocusEnhance","FullscreenModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","trigger","e","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref12","SBody","_assignProps3","Section","_ref4","_ref13","SSection","_assignProps4","Footer","_ref5","_ref14","SFooter","_assignProps5","_ref6","_ref15","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref16","STitle","useEffect","_assignProps7","_ref8","_ref17","SDescription","_assignProps8","Back","_ref9","_ref18","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag={'section'} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml={'7px'} mr={'7px'}>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FullscreenModal.js","names":["React","createComponent","Component","sstyled","Root","Modal","Flex","Box","CloseIcon","ArrowLeft","Text","Button","fire","localizedMessages","i18nEnhance","uniqueIDEnhancement","style","_sstyled","insert","keyboardFocusEnhance","FullscreenModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","trigger","e","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref10","SFullscreenModal","Window","_this$asProps","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_objectSpread","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref11","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref12","SBody","_assignProps3","Section","_ref4","_ref13","SSection","_assignProps4","Footer","_ref5","_ref14","SFooter","_assignProps5","_ref6","_ref15","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref16","STitle","useEffect","_assignProps7","_ref8","_ref17","SDescription","_assignProps8","Back","_ref9","_ref18","SBack","SBackText","_assignProps9","enhance","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Modal from '@semcore/modal';\nimport { Flex, Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\nimport fire from '@semcore/utils/lib/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nclass FullscreenModalRoot extends Component {\n static displayName = 'FullscreenModal';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n state = { hasTitle: false };\n\n bindHandlerClose = (trigger) => (e) => {\n fire(this, 'onClose', trigger, e);\n };\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n return {\n onClick: this.bindHandlerClose('onCloseClick'),\n getI18nText,\n };\n }\n\n getBackProps() {\n return {\n onClick: this.bindHandlerClose('onBackClick'),\n };\n }\n getTitleProps() {\n const { uid } = this.asProps;\n const setHasTitle = () => this.setState({ hasTitle: true });\n\n return {\n id: `igc-${uid}-title`,\n setHasTitle,\n };\n }\n\n render() {\n const SFullscreenModal = Root;\n const {\n styles,\n Children,\n onClose,\n visible,\n closable,\n duration,\n disablePortal,\n getI18nText,\n uid,\n } = this.asProps;\n const { hasTitle } = this.state;\n const SFullscreenOverlay = Modal.Overlay;\n\n return sstyled(styles)(\n <Modal\n closable={false}\n visible={visible}\n onClose={onClose}\n duration={duration}\n disablePortal={disablePortal}\n >\n <SFullscreenOverlay>\n <SFullscreenModal\n render={Modal.Window}\n aria-label={hasTitle ? undefined : getI18nText('title')}\n aria-labelledby={hasTitle ? `igc-${uid}-title` : undefined}\n >\n {closable && <FullscreenModal.Close />}\n <Children />\n </SFullscreenModal>\n </SFullscreenOverlay>\n </Modal>,\n );\n }\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title, description } = props;\n return sstyled(styles)(\n <SHeader render={Box}>\n {title && <FullscreenModal.Title children={title} />}\n {description && <FullscreenModal.Description children={description} />}\n <Children />\n </SHeader>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Section(props) {\n const SSection = Root;\n return sstyled(props.styles)(<SSection render={Box} tag={'section'} />);\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { getI18nText } = props;\n return sstyled(props.styles)(\n <SClose render={Button} use='tertiary' size='l' theme='muted' aria-label={getI18nText('close')}>\n <Button.Addon ml={'7px'} mr={'7px'}>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { setHasTitle } = props;\n\n React.useEffect(() => setHasTitle());\n\n return sstyled(props.styles)(<STitle render={Text} tag='h2' />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n return sstyled(props.styles)(<SDescription render={Text} />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button'>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\nBack.enhance = [keyboardFocusEnhance()];\n\nconst FullscreenModal = createComponent(\n FullscreenModalRoot,\n {\n Header,\n Footer,\n Close,\n Back,\n Body,\n Section,\n Title,\n Description,\n },\n { parent: Modal },\n);\n\nexport default FullscreenModal;\n"],"mappings":"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"}
|
|
@@ -1,180 +1,209 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { sstyled
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { Box
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import { Text
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import { localizedMessages
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
import { sstyled } from "@semcore/utils/lib/core/index";
|
|
9
|
+
import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
|
|
10
|
+
import React from "react";
|
|
11
|
+
import Modal from "@semcore/modal";
|
|
12
|
+
import { Box, Flex } from "@semcore/flex-box";
|
|
13
|
+
import CloseIcon from "@semcore/icon/Close/l";
|
|
14
|
+
import ArrowLeft from "@semcore/icon/ArrowLeft/m";
|
|
15
|
+
import { Text } from "@semcore/typography";
|
|
16
|
+
import Button from "@semcore/button";
|
|
17
|
+
import fire from "@semcore/utils/lib/fire";
|
|
18
|
+
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
19
|
+
import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
20
|
+
import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
|
|
21
|
+
import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
22
|
+
/*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
|
23
|
+
var style = (
|
|
23
24
|
/*__reshadow_css_start__*/
|
|
24
|
-
(
|
|
25
|
+
(sstyled.insert(
|
|
25
26
|
/*__inner_css_start__*/
|
|
26
|
-
'.
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
27
|
+
'.___SFullscreenOverlay_vce4i_gg_{padding:0}.___SFullscreenModal_vce4i_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_vce4i_gg_{position:absolute;top:17px;right:24px}.___SBack_vce4i_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_vce4i_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_vce4i_gg_.__keyboardFocused_vce4i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_vce4i_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_vce4i_gg_,.___SDescription_vce4i_gg_,.___STitle_vce4i_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_vce4i_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_vce4i_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_vce4i_gg_::before{content:"";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_vce4i_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_vce4i_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_vce4i_gg_{display:flex;height:100%;overflow:auto}.___SSection_vce4i_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_vce4i_gg_{transition:none}}',
|
|
28
|
+
/*__inner_css_end__*/
|
|
29
|
+
"vce4i_gg_"
|
|
30
|
+
), /*__reshadow_css_end__*/
|
|
31
|
+
{
|
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_vce4i_gg_",
|
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_vce4i_gg_",
|
|
34
|
+
"__SClose": "___SClose_vce4i_gg_",
|
|
35
|
+
"__SBack": "___SBack_vce4i_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_vce4i_gg_",
|
|
37
|
+
"__SBackText": "___SBackText_vce4i_gg_",
|
|
38
|
+
"__STitle": "___STitle_vce4i_gg_",
|
|
39
|
+
"__SDescription": "___SDescription_vce4i_gg_",
|
|
40
|
+
"__SHeader": "___SHeader_vce4i_gg_",
|
|
41
|
+
"__SFooter": "___SFooter_vce4i_gg_",
|
|
42
|
+
"__SBody": "___SBody_vce4i_gg_",
|
|
43
|
+
"__SSection": "___SSection_vce4i_gg_"
|
|
41
44
|
})
|
|
42
|
-
)
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
45
|
+
);
|
|
46
|
+
var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
|
|
47
|
+
_inherits(FullscreenModalRoot2, _Component);
|
|
48
|
+
var _super = _createSuper(FullscreenModalRoot2);
|
|
49
|
+
function FullscreenModalRoot2() {
|
|
50
|
+
var _this;
|
|
51
|
+
_classCallCheck(this, FullscreenModalRoot2);
|
|
52
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
53
|
+
args[_key] = arguments[_key];
|
|
54
|
+
}
|
|
55
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
56
|
+
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
57
|
+
hasTitle: false
|
|
58
|
+
});
|
|
59
|
+
_defineProperty(_assertThisInitialized(_this), "bindHandlerClose", function(trigger) {
|
|
60
|
+
return function(e) {
|
|
61
|
+
fire(_assertThisInitialized(_this), "onClose", trigger, e);
|
|
55
62
|
};
|
|
56
|
-
})
|
|
63
|
+
});
|
|
64
|
+
return _this;
|
|
57
65
|
}
|
|
58
|
-
|
|
66
|
+
_createClass(FullscreenModalRoot2, [{
|
|
59
67
|
key: "getCloseProps",
|
|
60
|
-
value: function() {
|
|
61
|
-
var
|
|
68
|
+
value: function getCloseProps() {
|
|
69
|
+
var getI18nText = this.asProps.getI18nText;
|
|
62
70
|
return {
|
|
63
71
|
onClick: this.bindHandlerClose("onCloseClick"),
|
|
64
|
-
getI18nText
|
|
72
|
+
getI18nText
|
|
65
73
|
};
|
|
66
74
|
}
|
|
67
75
|
}, {
|
|
68
76
|
key: "getBackProps",
|
|
69
|
-
value: function() {
|
|
77
|
+
value: function getBackProps() {
|
|
70
78
|
return {
|
|
71
79
|
onClick: this.bindHandlerClose("onBackClick")
|
|
72
80
|
};
|
|
73
81
|
}
|
|
74
82
|
}, {
|
|
75
83
|
key: "getTitleProps",
|
|
76
|
-
value: function() {
|
|
77
|
-
var
|
|
78
|
-
|
|
79
|
-
|
|
84
|
+
value: function getTitleProps() {
|
|
85
|
+
var _this2 = this;
|
|
86
|
+
var uid = this.asProps.uid;
|
|
87
|
+
var setHasTitle = function setHasTitle2() {
|
|
88
|
+
return _this2.setState({
|
|
89
|
+
hasTitle: true
|
|
80
90
|
});
|
|
81
91
|
};
|
|
82
92
|
return {
|
|
83
|
-
id: "igc-".concat(
|
|
84
|
-
setHasTitle
|
|
93
|
+
id: "igc-".concat(uid, "-title"),
|
|
94
|
+
setHasTitle
|
|
85
95
|
};
|
|
86
96
|
}
|
|
87
97
|
}, {
|
|
88
98
|
key: "render",
|
|
89
|
-
value: function() {
|
|
90
|
-
var
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
|
|
99
|
+
value: function render() {
|
|
100
|
+
var _ref = this.asProps, _ref10;
|
|
101
|
+
var SFullscreenModal = Modal.Window;
|
|
102
|
+
var _this$asProps = this.asProps, styles = _this$asProps.styles, Children = _this$asProps.Children, onClose = _this$asProps.onClose, visible = _this$asProps.visible, closable = _this$asProps.closable, duration = _this$asProps.duration, disablePortal = _this$asProps.disablePortal, getI18nText = _this$asProps.getI18nText, uid = _this$asProps.uid;
|
|
103
|
+
var hasTitle = this.state.hasTitle;
|
|
104
|
+
var SFullscreenOverlay = Modal.Overlay;
|
|
105
|
+
return _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Modal, _ref10.cn("Modal", {
|
|
106
|
+
"closable": false,
|
|
107
|
+
"visible": visible,
|
|
108
|
+
"onClose": onClose,
|
|
109
|
+
"duration": duration,
|
|
110
|
+
"disablePortal": disablePortal
|
|
111
|
+
}), /* @__PURE__ */ React.createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /* @__PURE__ */ React.createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", _objectSpread({}, assignProps({
|
|
112
|
+
"aria-label": hasTitle ? void 0 : getI18nText("title"),
|
|
113
|
+
"aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0
|
|
114
|
+
}, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})))));
|
|
101
115
|
}
|
|
102
|
-
}])
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
116
|
+
}]);
|
|
117
|
+
return FullscreenModalRoot2;
|
|
118
|
+
}(Component);
|
|
119
|
+
_defineProperty(FullscreenModalRoot, "displayName", "FullscreenModal");
|
|
120
|
+
_defineProperty(FullscreenModalRoot, "style", style);
|
|
121
|
+
_defineProperty(FullscreenModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
|
|
122
|
+
_defineProperty(FullscreenModalRoot, "defaultProps", {
|
|
123
|
+
i18n: localizedMessages,
|
|
109
124
|
locale: "en"
|
|
110
125
|
});
|
|
111
|
-
function
|
|
112
|
-
var
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}),
|
|
116
|
-
children:
|
|
117
|
-
}), /* @__PURE__ */
|
|
126
|
+
function Header(props) {
|
|
127
|
+
var _ref2 = arguments[0], _ref11;
|
|
128
|
+
var SHeader = Box;
|
|
129
|
+
var Children = props.Children, styles = props.styles, title = props.title, description = props.description;
|
|
130
|
+
return _ref11 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SHeader, _ref11.cn("SHeader", _objectSpread({}, assignProps({}, _ref2))), title && /* @__PURE__ */ React.createElement(FullscreenModal.Title, {
|
|
131
|
+
children: title
|
|
132
|
+
}), description && /* @__PURE__ */ React.createElement(FullscreenModal.Description, {
|
|
133
|
+
children: description
|
|
134
|
+
}), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
|
|
118
135
|
}
|
|
119
|
-
function
|
|
120
|
-
var
|
|
121
|
-
|
|
136
|
+
function Body(props) {
|
|
137
|
+
var _ref3 = arguments[0], _ref12;
|
|
138
|
+
var SBody = Box;
|
|
139
|
+
return _ref12 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SBody, _ref12.cn("SBody", _objectSpread({}, assignProps({}, _ref3))));
|
|
122
140
|
}
|
|
123
|
-
function
|
|
124
|
-
var
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
141
|
+
function Section(props) {
|
|
142
|
+
var _ref4 = arguments[0], _ref13;
|
|
143
|
+
var SSection = Box;
|
|
144
|
+
return _ref13 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, assignProps({
|
|
145
|
+
"tag": "section"
|
|
146
|
+
}, _ref4))));
|
|
128
147
|
}
|
|
129
|
-
function
|
|
130
|
-
var
|
|
131
|
-
|
|
148
|
+
function Footer(props) {
|
|
149
|
+
var _ref5 = arguments[0], _ref14;
|
|
150
|
+
var SFooter = Flex;
|
|
151
|
+
return _ref14 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SFooter, _ref14.cn("SFooter", _objectSpread({}, assignProps({}, _ref5))));
|
|
132
152
|
}
|
|
133
|
-
function
|
|
134
|
-
var
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
"
|
|
140
|
-
|
|
153
|
+
function Close(props) {
|
|
154
|
+
var _ref6 = arguments[0], _ref15;
|
|
155
|
+
var SClose = Button;
|
|
156
|
+
var getI18nText = props.getI18nText;
|
|
157
|
+
return _ref15 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref15.cn("SClose", _objectSpread({}, assignProps({
|
|
158
|
+
"use": "tertiary",
|
|
159
|
+
"size": "l",
|
|
160
|
+
"theme": "muted",
|
|
161
|
+
"aria-label": getI18nText("close")
|
|
162
|
+
}, _ref6))), /* @__PURE__ */ React.createElement(Button.Addon, {
|
|
141
163
|
ml: "7px",
|
|
142
164
|
mr: "7px"
|
|
143
|
-
}, /* @__PURE__ */
|
|
144
|
-
title:
|
|
165
|
+
}, /* @__PURE__ */ React.createElement(CloseIcon, _ref15.cn("CloseIcon", {
|
|
166
|
+
"title": getI18nText("close")
|
|
145
167
|
}))));
|
|
146
168
|
}
|
|
147
|
-
function
|
|
148
|
-
var
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
}
|
|
169
|
+
function Title(props) {
|
|
170
|
+
var _ref7 = arguments[0], _ref16;
|
|
171
|
+
var STitle = Text;
|
|
172
|
+
var setHasTitle = props.setHasTitle;
|
|
173
|
+
React.useEffect(function() {
|
|
174
|
+
return setHasTitle();
|
|
175
|
+
});
|
|
176
|
+
return _ref16 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref16.cn("STitle", _objectSpread({}, assignProps({
|
|
177
|
+
"tag": "h2"
|
|
178
|
+
}, _ref7))));
|
|
154
179
|
}
|
|
155
|
-
function
|
|
156
|
-
var
|
|
157
|
-
|
|
180
|
+
function Description(props) {
|
|
181
|
+
var _ref8 = arguments[0], _ref17;
|
|
182
|
+
var SDescription = Text;
|
|
183
|
+
return _ref17 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref17.cn("SDescription", _objectSpread({}, assignProps({}, _ref8))));
|
|
158
184
|
}
|
|
159
|
-
function
|
|
160
|
-
var
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
185
|
+
function Back(props) {
|
|
186
|
+
var _ref9 = arguments[0], _ref18;
|
|
187
|
+
var SBack = Box;
|
|
188
|
+
var SBackText = Text;
|
|
189
|
+
var Children = props.Children, styles = props.styles;
|
|
190
|
+
return _ref18 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBack, _ref18.cn("SBack", _objectSpread({}, assignProps({
|
|
191
|
+
"tag": "button"
|
|
192
|
+
}, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft, _ref18.cn("ArrowLeft", {})), /* @__PURE__ */ React.createElement(SBackText, _ref18.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref18.cn("Children", {}))));
|
|
164
193
|
}
|
|
165
|
-
|
|
166
|
-
var
|
|
167
|
-
Header
|
|
168
|
-
Footer
|
|
169
|
-
Close
|
|
170
|
-
Back
|
|
171
|
-
Body
|
|
172
|
-
Section
|
|
173
|
-
Title
|
|
174
|
-
Description
|
|
194
|
+
Back.enhance = [keyboardFocusEnhance()];
|
|
195
|
+
var FullscreenModal = createComponent(FullscreenModalRoot, {
|
|
196
|
+
Header,
|
|
197
|
+
Footer,
|
|
198
|
+
Close,
|
|
199
|
+
Back,
|
|
200
|
+
Body,
|
|
201
|
+
Section,
|
|
202
|
+
Title,
|
|
203
|
+
Description
|
|
175
204
|
}, {
|
|
176
|
-
parent:
|
|
205
|
+
parent: Modal
|
|
177
206
|
});
|
|
178
207
|
export {
|
|
179
|
-
|
|
208
|
+
FullscreenModal as default
|
|
180
209
|
};
|
package/lib/esm/index.mjs
CHANGED
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
SFullscreenOverlay {
|
|
2
|
+
padding: 0;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
SFullscreenModal {
|
|
6
|
+
height: 100%;
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
width: 100%;
|
|
10
|
+
background: var(--intergalactic-bg-primary-neutral, #ffffff);
|
|
11
|
+
border-radius: 0;
|
|
12
|
+
padding: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
SClose {
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 17px;
|
|
18
|
+
right: 24px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
SBack {
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
position: absolute;
|
|
24
|
+
z-index: 1;
|
|
25
|
+
top: 8px;
|
|
26
|
+
left: 32px;
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
margin-bottom: var(--intergalactic-spacing-3x, 12px);
|
|
30
|
+
color: var(--intergalactic-icon-primary-neutral, #6c6e79);
|
|
31
|
+
font-size: var(--intergalactic-fs-100, 12px);
|
|
32
|
+
line-height: var(--intergalactic-lh-100, 133%);
|
|
33
|
+
background: none;
|
|
34
|
+
padding: 0;
|
|
35
|
+
border: none;
|
|
36
|
+
outline: none;
|
|
37
|
+
|
|
38
|
+
&:hover {
|
|
39
|
+
color: var(--intergalactic-icon-primary-neutral-hover-active, #565861);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
SBack[keyboardFocused] {
|
|
44
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
SBackText {
|
|
48
|
+
margin-left: var(--intergalactic-spacing-1x, 4px);
|
|
49
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
50
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
51
|
+
white-space: nowrap;
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
text-overflow: ellipsis;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
STitle,
|
|
57
|
+
SDescription {
|
|
58
|
+
white-space: nowrap;
|
|
59
|
+
overflow: hidden;
|
|
60
|
+
text-overflow: ellipsis;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
STitle {
|
|
64
|
+
font-size: var(--intergalactic-fs-500, 24px);
|
|
65
|
+
line-height: var(--intergalactic-lh-500, 117%);
|
|
66
|
+
font-weight: var(--intergalactic-bold, 700);
|
|
67
|
+
color: var(--intergalactic-text-primary, #191b23);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
SDescription {
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: baseline;
|
|
73
|
+
font-size: var(--intergalactic-fs-100, 12px);
|
|
74
|
+
line-height: var(--intergalactic-lh-100, 133%);
|
|
75
|
+
color: var(--intergalactic-text-secondary, #6c6e79);
|
|
76
|
+
|
|
77
|
+
&::before {
|
|
78
|
+
content: '';
|
|
79
|
+
position: relative;
|
|
80
|
+
top: var(--intergalactic-spacing-1x, 4px);
|
|
81
|
+
display: block;
|
|
82
|
+
margin-left: var(--intergalactic-spacing-3x, 12px);
|
|
83
|
+
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
84
|
+
height: 24px;
|
|
85
|
+
width: 1px;
|
|
86
|
+
background-color: var(--intergalactic-border-primary, #c4c7cf);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
SHeader {
|
|
91
|
+
display: flex;
|
|
92
|
+
align-items: baseline;
|
|
93
|
+
padding-left: var(--intergalactic-spacing-8x, 32px);
|
|
94
|
+
padding-bottom: var(--intergalactic-spacing-2x, 8px);
|
|
95
|
+
padding-right: calc(
|
|
96
|
+
var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px)
|
|
97
|
+
);
|
|
98
|
+
padding-top: var(--intergalactic-spacing-10x, 40px);
|
|
99
|
+
min-height: 76px;
|
|
100
|
+
box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, #c4c7cf);
|
|
101
|
+
box-sizing: border-box;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
SFooter {
|
|
105
|
+
min-height: 52px;
|
|
106
|
+
box-shadow: inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);
|
|
107
|
+
box-sizing: border-box;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
SBody {
|
|
111
|
+
display: flex;
|
|
112
|
+
height: 100%;
|
|
113
|
+
overflow: auto;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
SSection {
|
|
117
|
+
padding-top: var(--intergalactic-spacing-6x, 24px);
|
|
118
|
+
padding-bottom: var(--intergalactic-spacing-6x, 24px);
|
|
119
|
+
padding-left: var(--intergalactic-spacing-8x, 32px);
|
|
120
|
+
padding-right: var(--intergalactic-spacing-8x, 32px);
|
|
121
|
+
flex: 1 1 auto;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
@media (prefers-reduced-motion) {
|
|
125
|
+
SBackText {
|
|
126
|
+
transition: none;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
var
|
|
16
|
-
de
|
|
17
|
-
en
|
|
18
|
-
es
|
|
19
|
-
fr
|
|
20
|
-
it
|
|
21
|
-
ja
|
|
22
|
-
ko
|
|
23
|
-
nl
|
|
24
|
-
pt
|
|
25
|
-
tr
|
|
26
|
-
vi
|
|
27
|
-
zh
|
|
28
|
-
pl
|
|
29
|
-
sv
|
|
1
|
+
import de from "./de.json.mjs";
|
|
2
|
+
import en from "./en.json.mjs";
|
|
3
|
+
import es from "./es.json.mjs";
|
|
4
|
+
import fr from "./fr.json.mjs";
|
|
5
|
+
import it from "./it.json.mjs";
|
|
6
|
+
import ja from "./ja.json.mjs";
|
|
7
|
+
import ko from "./ko.json.mjs";
|
|
8
|
+
import nl from "./nl.json.mjs";
|
|
9
|
+
import pt from "./pt.json.mjs";
|
|
10
|
+
import tr from "./tr.json.mjs";
|
|
11
|
+
import vi from "./vi.json.mjs";
|
|
12
|
+
import zh from "./zh.json.mjs";
|
|
13
|
+
import pl from "./pl.json.mjs";
|
|
14
|
+
import sv from "./sv.json.mjs";
|
|
15
|
+
var localizedMessages = {
|
|
16
|
+
de,
|
|
17
|
+
en,
|
|
18
|
+
es,
|
|
19
|
+
fr,
|
|
20
|
+
it,
|
|
21
|
+
ja,
|
|
22
|
+
ko,
|
|
23
|
+
nl,
|
|
24
|
+
pt,
|
|
25
|
+
tr,
|
|
26
|
+
vi,
|
|
27
|
+
zh,
|
|
28
|
+
pl,
|
|
29
|
+
sv
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
localizedMessages
|
|
33
33
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Dialogfenster";
|
|
2
|
+
const close = "Schließen";
|
|
3
|
+
const de = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
de as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Modal window";
|
|
2
|
+
const close = "Close";
|
|
3
|
+
const en = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
en as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Ventana modal";
|
|
2
|
+
const close = "Cerrar";
|
|
3
|
+
const es = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
es as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Fenêtre modale";
|
|
2
|
+
const close = "Fermer";
|
|
3
|
+
const fr = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
fr as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Finestra modale";
|
|
2
|
+
const close = "Chiudi";
|
|
3
|
+
const it = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
it as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Modaal venster";
|
|
2
|
+
const close = "Sluiten";
|
|
3
|
+
const nl = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
nl as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Okno modalne";
|
|
2
|
+
const close = "Zamknij";
|
|
3
|
+
const pl = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
pl as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Janela modal";
|
|
2
|
+
const close = "Fechar";
|
|
3
|
+
const pt = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
pt as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Modalt fönster";
|
|
2
|
+
const close = "Stäng";
|
|
3
|
+
const sv = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
sv as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Modal pencere";
|
|
2
|
+
const close = "Kapat";
|
|
3
|
+
const tr = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
tr as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Cửa sổ phương thức";
|
|
2
|
+
const close = "Đóng";
|
|
3
|
+
const vi = {
|
|
4
|
+
title,
|
|
5
|
+
close
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
close,
|
|
9
|
+
vi as default,
|
|
10
|
+
title
|
|
9
11
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/fullscreen-modal",
|
|
3
3
|
"description": "Semrush FullscreenModal Component",
|
|
4
|
-
"version": "3.51.0",
|
|
4
|
+
"version": "3.51.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/utils": "4.48.
|
|
18
|
-
"@semcore/icon": "4.
|
|
19
|
-
"@semcore/modal": "4.56.0",
|
|
20
|
-
"@semcore/typography": "5.53.0",
|
|
21
|
-
"@semcore/flex-box": "5.41.
|
|
22
|
-
"@semcore/button": "5.43.
|
|
17
|
+
"@semcore/utils": "4.48.4-prerelease.0",
|
|
18
|
+
"@semcore/icon": "4.62.0-prerelease.0",
|
|
19
|
+
"@semcore/modal": "4.56.1-prerelease.0",
|
|
20
|
+
"@semcore/typography": "5.53.1-prerelease.0",
|
|
21
|
+
"@semcore/flex-box": "5.41.3-prerelease.0",
|
|
22
|
+
"@semcore/button": "5.43.2-prerelease.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@semcore/core": "^2.
|
|
25
|
+
"@semcore/core": "^2.39.3-prerelease.0",
|
|
26
26
|
"react": "16.8 - 18",
|
|
27
27
|
"react-dom": "16.8 - 18"
|
|
28
28
|
},
|