@semcore/fullscreen-modal 17.2.2-prerelease.1 → 17.2.2-prerelease.3

package/lib/cjs/FullscreenModal.js

@@ -173,9 +173,7 @@ function Close(props) {
   }), /*#__PURE__*/_react.default.createElement(_button.default.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /*#__PURE__*/_react.default.createElement(_l.default, _ref13.cn("CloseIcon", {
-    "title": getI18nText('close')
-  }))));
+  }, /*#__PURE__*/_react.default.createElement(_l.default, _ref13.cn("CloseIcon", {}))));
 }
 function Title(props) {
   var _ref7 = arguments[0],

package/lib/cjs/FullscreenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_fire","_uniqueID","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","Component","constructor","args","_defineProperty2","default","hasTitle","trigger","e","fire","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","assignProps","undefined","FullscreenModal","Close","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref10","SBody","Section","_ref4","_ref11","SSection","Footer","_ref5","_ref12","SFooter","Flex","_ref6","_ref13","SClose","Button","Addon","ml","mr","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","ButtonLink","ArrowLeft","ellipsis","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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\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            use:closable={false}\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} tag='p' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={ButtonLink} color='text-hint' size={200} addonLeft={ArrowLeft}>\n      <ButtonLink.Text ellipsis>\n        <Children />\n      </ButtonLink.Text>\n    </SBack>,\n  );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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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","ignoreList":[]}
+{"version":3,"file":"FullscreenModal.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_fire","_uniqueID","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","Component","constructor","args","_defineProperty2","default","hasTitle","trigger","e","fire","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Modal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","assignProps","undefined","FullscreenModal","Close","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","Box","title","description","Title","children","Description","Body","_ref3","_ref10","SBody","Section","_ref4","_ref11","SSection","Footer","_ref5","_ref12","SFooter","Flex","_ref6","_ref13","SClose","Button","Addon","ml","mr","_ref7","_ref14","STitle","Text","React","useEffect","_ref8","_ref15","SDescription","Back","_ref9","_ref16","SBack","ButtonLink","ArrowLeft","ellipsis","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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\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            use:closable={false}\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 />\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} tag='p' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={ButtonLink} color='text-hint' size={200} addonLeft={ArrowLeft}>\n      <ButtonLink.Text ellipsis>\n        <Children />\n      </ButtonLink.Text>\n    </SBack>,\n  );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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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","ignoreList":[]}

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSModal } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\nexport type FullscreenModalProps = NSModal.Props & {\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 type FullscreenModalHeaderProps = BoxProps & {\n  /** Title content displayed in the modal header */\n  title?: React.ReactNode;\n  /** Description text that appears alongside the title */\n  description?: React.ReactNode;\n};\n\nexport type FullscreenModalContext = {\n  getBackProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n  'div',\n  FullscreenModalProps,\n  FullscreenModalContext\n> & {\n  Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n  Footer: typeof Flex;\n  Close: typeof Button;\n  Back: typeof Box;\n  Body: typeof Box;\n  Section: typeof Box;\n  Title: typeof Text;\n  Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { NSBox, NSFlex } from '@semcore/base-components';\nimport type { NSButton } from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSModal } from '@semcore/modal';\nimport type { NSText } from '@semcore/typography';\n\nexport type FullscreenModalProps = NSModal.Props & {\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 type FullscreenModalHeaderProps = NSBox.Props & {\n  /** Title content displayed in the modal header */\n  title?: React.ReactNode;\n  /** Description text that appears alongside the title */\n  description?: React.ReactNode;\n};\n\nexport type FullscreenModalContext = {\n  getBackProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n  'div',\n  FullscreenModalProps,\n  FullscreenModalContext\n> & {\n  Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n  Footer: NSFlex.Component;\n  Close: NSButton.Component;\n  Back: NSBox.Component;\n  Body: NSBox.Component;\n  Section: NSBox.Component;\n  Title: NSText.Component;\n  Description: NSText.Component;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/FullscreenModal.js

@@ -175,9 +175,7 @@ function Close(props) {
   }), /*#__PURE__*/React.createElement(Button.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
-    "title": getI18nText('close')
-  }))));
+  }, /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {}))));
 }
 function Title(props) {
   var _ref7 = arguments[0],

package/lib/es6/FullscreenModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.js","names":["Flex","Box","Button","ButtonLink","createComponent","Component","sstyled","Root","i18nEnhance","fire","uniqueIDEnhancement","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","constructor","args","_defineProperty","hasTitle","trigger","e","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref10","SBody","_assignProps3","Section","_ref4","_ref11","SSection","_assignProps4","Footer","_ref5","_ref12","SFooter","_assignProps5","_ref6","_ref13","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","_assignProps9","ellipsis","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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\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            use:closable={false}\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} tag='p' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={ButtonLink} color='text-hint' size={200} addonLeft={ArrowLeft}>\n      <ButtonLink.Text ellipsis>\n        <Children />\n      </ButtonLink.Text>\n    </SBack>,\n  );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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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","ignoreList":[]}
+{"version":3,"file":"FullscreenModal.js","names":["Flex","Box","Button","ButtonLink","createComponent","Component","sstyled","Root","i18nEnhance","fire","uniqueIDEnhancement","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","constructor","args","_defineProperty","hasTitle","trigger","e","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","uid","setHasTitle","setState","id","render","_ref","_ref0","SFullscreenModal","Window","styles","Children","onClose","visible","closable","duration","disablePortal","state","SFullscreenOverlay","Overlay","createElement","cn","_assignProps","undefined","FullscreenModal","Close","i18n","locale","Header","props","_ref2","arguments[0]","_ref1","SHeader","title","description","_assignProps2","Title","children","Description","Body","_ref3","_ref10","SBody","_assignProps3","Section","_ref4","_ref11","SSection","_assignProps4","Footer","_ref5","_ref12","SFooter","_assignProps5","_ref6","_ref13","SClose","_assignProps6","Addon","ml","mr","_ref7","_ref14","STitle","useEffect","_assignProps7","_ref8","_ref15","SDescription","_assignProps8","Back","_ref9","_ref16","SBack","_assignProps9","ellipsis","parent"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport fire from '@semcore/core/lib/utils/fire';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport Modal from '@semcore/modal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\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\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            use:closable={false}\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 />\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} tag='p' />);\n}\n\nfunction Back(props) {\n  const SBack = Root;\n  const { Children, styles } = props;\n\n  return sstyled(styles)(\n    <SBack render={ButtonLink} color='text-hint' size={200} addonLeft={ArrowLeft}>\n      <ButtonLink.Text ellipsis>\n        <Children />\n      </ButtonLink.Text>\n    </SBack>,\n  );\n}\n\n/**\n * FullscreenModal\n *\n * {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-api/|API} | {@link https://developer.semrush.com/intergalactic/components/fullscreen-modal/fullscreen-modal-code/|Examples}\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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","ignoreList":[]}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Flex, Box, BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSModal } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\nexport type FullscreenModalProps = NSModal.Props & {\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 type FullscreenModalHeaderProps = BoxProps & {\n  /** Title content displayed in the modal header */\n  title?: React.ReactNode;\n  /** Description text that appears alongside the title */\n  description?: React.ReactNode;\n};\n\nexport type FullscreenModalContext = {\n  getBackProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n  'div',\n  FullscreenModalProps,\n  FullscreenModalContext\n> & {\n  Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n  Footer: typeof Flex;\n  Close: typeof Button;\n  Back: typeof Box;\n  Body: typeof Box;\n  Section: typeof Box;\n  Title: typeof Text;\n  Description: typeof Text;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { NSBox, NSFlex } from '@semcore/base-components';\nimport type { NSButton } from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { NSModal } from '@semcore/modal';\nimport type { NSText } from '@semcore/typography';\n\nexport type FullscreenModalProps = NSModal.Props & {\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 type FullscreenModalHeaderProps = NSBox.Props & {\n  /** Title content displayed in the modal header */\n  title?: React.ReactNode;\n  /** Description text that appears alongside the title */\n  description?: React.ReactNode;\n};\n\nexport type FullscreenModalContext = {\n  getBackProps: PropGetterFn;\n  getCloseProps: PropGetterFn;\n};\n\ndeclare const FullscreenModal: Intergalactic.Component<\n  'div',\n  FullscreenModalProps,\n  FullscreenModalContext\n> & {\n  Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;\n  Footer: NSFlex.Component;\n  Close: NSButton.Component;\n  Back: NSBox.Component;\n  Body: NSBox.Component;\n  Section: NSBox.Component;\n  Title: NSText.Component;\n  Description: NSText.Component;\n};\n\nexport default FullscreenModal;\n"],"mappings":"","ignoreList":[]}

package/lib/esm/FullscreenModal.mjs

@@ -166,9 +166,7 @@ function Close(props) {
   }), /* @__PURE__ */ React.createElement(Button.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /* @__PURE__ */ React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
-    "title": getI18nText("close")
-  }))));
+  }, /* @__PURE__ */ React.createElement(CloseIcon, _ref13.cn("CloseIcon", {}))));
 }
 function Title(props) {
   var _ref7 = arguments[0], _ref14;

package/lib/types/index.d.ts

@@ -1,8 +1,8 @@
-import type { Flex, Box, BoxProps } from '@semcore/base-components';
-import type Button from '@semcore/button';
+import type { NSBox, NSFlex } from '@semcore/base-components';
+import type { NSButton } from '@semcore/button';
 import type { PropGetterFn, Intergalactic } from '@semcore/core';
 import type { NSModal } from '@semcore/modal';
-import type { Text } from '@semcore/typography';
+import type { NSText } from '@semcore/typography';
 
 export type FullscreenModalProps = NSModal.Props & {
   /** Function that is invoked when hiding a component */
@@ -12,7 +12,7 @@ export type FullscreenModalProps = NSModal.Props & {
   ) => void;
 };
 
-export type FullscreenModalHeaderProps = BoxProps & {
+export type FullscreenModalHeaderProps = NSBox.Props & {
   /** Title content displayed in the modal header */
   title?: React.ReactNode;
   /** Description text that appears alongside the title */
@@ -30,13 +30,13 @@ declare const FullscreenModal: Intergalactic.Component<
   FullscreenModalContext
 > & {
   Header: Intergalactic.Component<'div', FullscreenModalHeaderProps>;
-  Footer: typeof Flex;
-  Close: typeof Button;
-  Back: typeof Box;
-  Body: typeof Box;
-  Section: typeof Box;
-  Title: typeof Text;
-  Description: typeof Text;
+  Footer: NSFlex.Component;
+  Close: NSButton.Component;
+  Back: NSBox.Component;
+  Body: NSBox.Component;
+  Section: NSBox.Component;
+  Title: NSText.Component;
+  Description: NSText.Component;
 };
 
 export default FullscreenModal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/fullscreen-modal",
   "description": "Semrush FullscreenModal Component",
-  "version": "17.2.2-prerelease.1",
+  "version": "17.2.2-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/modal": "^17.2.2-prerelease.1",
-    "@semcore/typography": "^17.2.1",
-    "@semcore/button": "^17.2.1"
+    "@semcore/modal": "^17.2.2-prerelease.3",
+    "@semcore/typography": "^17.2.1-prerelease.3",
+    "@semcore/button": "^17.2.2-prerelease.3"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.2.1",
-    "@semcore/icon": "^17.2.0"
+    "@semcore/base-components": "^17.2.2-prerelease.3",
+    "@semcore/icon": "^17.2.1-prerelease.3"
   },
   "repository": {
     "type": "git",
@@ -28,10 +28,10 @@
     "directory": "semcore/fullscreen-modal"
   },
   "devDependencies": {
-    "@semcore/core": "17.2.1",
+    "@semcore/core": "17.3.1-prerelease.3",
+    "@semcore/base-components": "17.2.2-prerelease.3",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/base-components": "17.2.1",
-    "@semcore/icon": "17.2.0"
+    "@semcore/icon": "17.2.1-prerelease.3"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"