npm - @semcore/fullscreen-modal - Versions diffs - 16.1.12 → 16.1.13-prerelease.9 - Mend

@semcore/fullscreen-modal 16.1.12 → 16.1.13-prerelease.9

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.

Files changed (20) hide show

package/CHANGELOG.md +6 -0
package/README.md +4 -4
package/lib/cjs/FullscreenModal.js +161 -154
package/lib/cjs/FullscreenModal.js.map +1 -1
package/lib/cjs/index.d.js.map +1 -1
package/lib/cjs/index.js +3 -3
package/lib/cjs/style/fullscreen-modal.shadow.css +5 -20
package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
package/lib/es6/FullscreenModal.js +150 -143
package/lib/es6/FullscreenModal.js.map +1 -1
package/lib/es6/index.d.js.map +1 -1
package/lib/es6/style/fullscreen-modal.shadow.css +5 -20
package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
package/lib/esm/FullscreenModal.mjs +144 -124
package/lib/esm/style/fullscreen-modal.shadow.css +5 -20
package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
package/lib/types/index.d.ts +2 -10
package/package.json +8 -7

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,12 @@
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
+## [16.1.13] - 2026-02-16
+### Changed
+- Header styles, for the correct text behaviour and design ofc ✨
 ## [16.1.12] - 2025-11-17
 ### Changed

package/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 [![version](https://img.shields.io/npm/v/@semcore/fullscreen-modal.svg)](https://www.npmjs.com/@semcore/fullscreen-modal)
 [![downloads](https://img.shields.io/npm/dt/@semcore/fullscreen-modal.svg)](https://www.npmjs.com/package/@semcore/fullscreen-modal)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 > This component is part of the Intergalactic Design System
@@ -20,13 +20,13 @@ npm install @semcore/fullscreen-modal
 ## 👤 Author
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 ## 🤝 Contributing
 Contributions, issues and feature requests are welcome!
-Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 ## Show your support
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
 ## 📝 License
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/lib/cjs/FullscreenModal.js CHANGED Viewed

@@ -1,22 +1,17 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _button = _interopRequireDefault(require("@semcore/button"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
 var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
 var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
-var _flexBox = require("@semcore/flex-box");
 var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
 var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
 var _modal = _interopRequireDefault(require("@semcore/modal"));
@@ -24,202 +19,214 @@ var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_wf9a4_gg_,.___SFullscreenOverlay_wf9a4_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_wf9a4_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_wf9a4_gg_{position:absolute;top:17px;right:24px}.___SBack_wf9a4_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_wf9a4_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_wf9a4_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_wf9a4_gg_,.___SDescription_wf9a4_gg_,.___STitle_wf9a4_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_wf9a4_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_wf9a4_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_wf9a4_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_wf9a4_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_wf9a4_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_wf9a4_gg_{display:flex;height:100%;overflow:auto}.___SSection_wf9a4_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_wf9a4_gg_{transition:none}}", /*__inner_css_end__*/"wf9a4_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenModal_16ww4_gg_,.___SFullscreenOverlay_16ww4_gg_>div{padding:0;width:100%;height:100%}.___SFullscreenModal_16ww4_gg_{display:flex;flex-direction:column;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0}.___SClose_16ww4_gg_{position:absolute;top:17px;right:24px}.___SBack_16ww4_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_16ww4_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBackText_16ww4_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SDescription_16ww4_gg_,.___STitle_16ww4_gg_{word-wrap:break-word}.___STitle_16ww4_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_16ww4_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SHeader_16ww4_gg_{display:flex;flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);align-items:flex-start;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_16ww4_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_16ww4_gg_{display:flex;height:100%;overflow:auto}.___SSection_16ww4_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_16ww4_gg_{transition:none}}", /*__inner_css_end__*/"16ww4_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFullscreenModal": "___SFullscreenModal_wf9a4_gg_",
-  "__SClose": "___SClose_wf9a4_gg_",
-  "__SBackText": "___SBackText_wf9a4_gg_",
-  "__STitle": "___STitle_wf9a4_gg_",
-  "__SDescription": "___SDescription_wf9a4_gg_",
-  "__SHeader": "___SHeader_wf9a4_gg_",
-  "__SFooter": "___SFooter_wf9a4_gg_",
-  "__SBody": "___SBody_wf9a4_gg_",
-  "__SSection": "___SSection_wf9a4_gg_",
-  "__SFullscreenOverlay": "___SFullscreenOverlay_wf9a4_gg_",
-  "__SBack": "___SBack_wf9a4_gg_"
+  "__SFullscreenModal": "___SFullscreenModal_16ww4_gg_",
+  "__SClose": "___SClose_16ww4_gg_",
+  "__SBackText": "___SBackText_16ww4_gg_",
+  "__STitle": "___STitle_16ww4_gg_",
+  "__SDescription": "___SDescription_16ww4_gg_",
+  "__SHeader": "___SHeader_16ww4_gg_",
+  "__SFooter": "___SFooter_16ww4_gg_",
+  "__SBody": "___SBody_16ww4_gg_",
+  "__SSection": "___SSection_16ww4_gg_",
+  "__SFullscreenOverlay": "___SFullscreenOverlay_16ww4_gg_",
+  "__SBack": "___SBack_16ww4_gg_"
 });
-var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
-  function FullscreenModalRoot() {
-    var _this;
-    (0, _classCallCheck2["default"])(this, FullscreenModalRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2["default"])(this, FullscreenModalRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+class FullscreenModalRoot extends _core.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "state", {
       hasTitle: false
     });
-    (0, _defineProperty2["default"])(_this, "bindHandlerClose", function (trigger) {
-      return function (e) {
-        (0, _fire["default"])(_this, 'onClose', trigger, e);
-      };
+    (0, _defineProperty2.default)(this, "bindHandlerClose", trigger => e => {
+      (0, _fire.default)(this, 'onClose', trigger, e);
     });
-    return _this;
   }
-  (0, _inherits2["default"])(FullscreenModalRoot, _Component);
-  return (0, _createClass2["default"])(FullscreenModalRoot, [{
-    key: "getCloseProps",
-    value: function getCloseProps() {
-      var getI18nText = this.asProps.getI18nText;
-      return {
-        onClick: this.bindHandlerClose('onCloseClick'),
-        getI18nText: getI18nText
-      };
-    }
-  }, {
-    key: "getBackProps",
-    value: function getBackProps() {
-      return {
-        onClick: this.bindHandlerClose('onBackClick')
-      };
-    }
-  }, {
-    key: "getTitleProps",
-    value: function getTitleProps() {
-      var _this2 = this;
-      var uid = this.asProps.uid;
-      var setHasTitle = function setHasTitle() {
-        return _this2.setState({
-          hasTitle: true
-        });
-      };
-      return {
-        id: "igc-".concat(uid, "-title"),
-        setHasTitle: setHasTitle
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref0;
-      var SFullscreenModal = _modal["default"].Window;
-      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;
-      var hasTitle = this.state.hasTitle;
-      var SFullscreenOverlay = _modal["default"].Overlay;
-      return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref0.cn("Modal", {
-        "closable": false,
-        "visible": visible,
-        "onClose": onClose,
-        "duration": duration,
-        "disablePortal": disablePortal
-      }), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  getCloseProps() {
+    const {
+      getI18nText
+    } = this.asProps;
+    return {
+      onClick: this.bindHandlerClose('onCloseClick'),
+      getI18nText
+    };
+  }
+  getBackProps() {
+    return {
+      onClick: this.bindHandlerClose('onBackClick')
+    };
+  }
+  getTitleProps() {
+    const {
+      uid
+    } = this.asProps;
+    const setHasTitle = () => this.setState({
+      hasTitle: true
+    });
+    return {
+      id: `igc-${uid}-title`,
+      setHasTitle
+    };
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref0;
+    const SFullscreenModal = _modal.default.Window;
+    const {
+      styles,
+      Children,
+      onClose,
+      visible,
+      closable,
+      duration,
+      disablePortal,
+      getI18nText,
+      uid
+    } = this.asProps;
+    const {
+      hasTitle
+    } = this.state;
+    const SFullscreenOverlay = _modal.default.Overlay;
+    return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_modal.default, _ref0.cn("Modal", {
+      "closable": false,
+      "visible": visible,
+      "onClose": onClose,
+      "duration": duration,
+      "disablePortal": disablePortal
+    }), /*#__PURE__*/_react.default.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react.default.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", {
+      ...(0, _core.assignProps)({
         "use:closable": false,
         "aria-label": hasTitle ? undefined : getI18nText('title'),
-        "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
-      }, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {})))));
-    }
-  }]);
-}(_core.Component);
-(0, _defineProperty2["default"])(FullscreenModalRoot, "displayName", 'FullscreenModal');
-(0, _defineProperty2["default"])(FullscreenModalRoot, "style", style);
-(0, _defineProperty2["default"])(FullscreenModalRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(FullscreenModalRoot, "defaultProps", {
+        "aria-labelledby": hasTitle ? `igc-${uid}-title` : undefined
+      }, _ref)
+    }), closable && /*#__PURE__*/_react.default.createElement(FullscreenModal.Close, null), /*#__PURE__*/_react.default.createElement(Children, _ref0.cn("Children", {})))));
+  }
+}
+(0, _defineProperty2.default)(FullscreenModalRoot, "displayName", 'FullscreenModal');
+(0, _defineProperty2.default)(FullscreenModalRoot, "style", style);
+(0, _defineProperty2.default)(FullscreenModalRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID.default)()]);
+(0, _defineProperty2.default)(FullscreenModalRoot, "defaultProps", {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
 function Header(props) {
   var _ref2 = arguments[0],
     _ref1;
-  var SHeader = _flexBox.Box;
-  var Children = props.Children,
-    styles = props.styles,
-    title = props.title,
-    description = props.description;
-  return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref1.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), title && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Title, {
+  const SHeader = _baseComponents.Box;
+  const {
+    Children,
+    styles,
+    title,
+    description
+  } = props;
+  return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SHeader, _ref1.cn("SHeader", {
+    ...(0, _core.assignProps)({}, _ref2)
+  }), title && /*#__PURE__*/_react.default.createElement(FullscreenModal.Title, {
     children: title
-  }), description && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Description, {
+  }), description && /*#__PURE__*/_react.default.createElement(FullscreenModal.Description, {
     children: description
-  }), /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})));
+  }), /*#__PURE__*/_react.default.createElement(Children, _ref1.cn("Children", {})));
 }
 function Body(props) {
   var _ref3 = arguments[0],
     _ref10;
-  var SBody = _flexBox.Box;
-  return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
+  const SBody = _baseComponents.Box;
+  return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SBody, _ref10.cn("SBody", {
+    ...(0, _core.assignProps)({}, _ref3)
+  }));
 }
 function Section(props) {
   var _ref4 = arguments[0],
     _ref11;
-  var SSection = _flexBox.Box;
-  return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref11.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'section'
-  }, _ref4))));
+  const SSection = _baseComponents.Box;
+  return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SSection, _ref11.cn("SSection", {
+    ...(0, _core.assignProps)({
+      "tag": 'section'
+    }, _ref4)
+  }));
 }
 function Footer(props) {
   var _ref5 = arguments[0],
     _ref12;
-  var SFooter = _flexBox.Flex;
-  return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref12.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
+  const SFooter = _baseComponents.Flex;
+  return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SFooter, _ref12.cn("SFooter", {
+    ...(0, _core.assignProps)({}, _ref5)
+  }));
 }
 function Close(props) {
   var _ref6 = arguments[0],
     _ref13;
-  var SClose = _button["default"];
-  var getI18nText = props.getI18nText;
-  return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref13.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "use": 'tertiary',
-    "size": 'l',
-    "theme": 'muted',
-    "aria-label": getI18nText('close')
-  }, _ref6))), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
+  const SClose = _button.default;
+  const {
+    getI18nText
+  } = props;
+  return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SClose, _ref13.cn("SClose", {
+    ...(0, _core.assignProps)({
+      "use": 'tertiary',
+      "size": 'l',
+      "theme": 'muted',
+      "aria-label": getI18nText('close')
+    }, _ref6)
+  }), /*#__PURE__*/_react.default.createElement(_button.default.Addon, {
     ml: "7px",
     mr: "7px"
-  }, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref13.cn("CloseIcon", {
+  }, /*#__PURE__*/_react.default.createElement(_l.default, _ref13.cn("CloseIcon", {
     "title": getI18nText('close')
   }))));
 }
 function Title(props) {
   var _ref7 = arguments[0],
     _ref14;
-  var STitle = _typography.Text;
-  var setHasTitle = props.setHasTitle;
-  _react["default"].useEffect(function () {
-    return setHasTitle();
-  });
-  return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref14.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'h2'
-  }, _ref7))));
+  const STitle = _typography.Text;
+  const {
+    setHasTitle
+  } = props;
+  _react.default.useEffect(() => setHasTitle());
+  return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(STitle, _ref14.cn("STitle", {
+    ...(0, _core.assignProps)({
+      "tag": 'h2'
+    }, _ref7)
+  }));
 }
 function Description(props) {
   var _ref8 = arguments[0],
     _ref15;
-  var SDescription = _typography.Text;
-  return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref15.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
+  const SDescription = _typography.Text;
+  return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SDescription, _ref15.cn("SDescription", {
+    ...(0, _core.assignProps)({
+      "tag": 'p'
+    }, _ref8)
+  }));
 }
 function Back(props) {
   var _ref9 = arguments[0],
     _ref16;
-  var SBack = _flexBox.Box;
-  var SBackText = _typography.Text;
-  var Children = props.Children,
-    styles = props.styles;
-  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref16.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tag": 'button',
-    "tabIndex": 0
-  }, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref16.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref16.cn("Children", {}))));
+  const SBack = _baseComponents.Box;
+  const SBackText = _typography.Text;
+  const {
+    Children,
+    styles
+  } = props;
+  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBack, _ref16.cn("SBack", {
+    ...(0, _core.assignProps)({
+      "tag": 'button',
+      "tabIndex": 0
+    }, _ref9)
+  }), /*#__PURE__*/_react.default.createElement(_m.default, _ref16.cn("ArrowLeft", {})), /*#__PURE__*/_react.default.createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/_react.default.createElement(Children, _ref16.cn("Children", {}))));
 }
-var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
-  Header: Header,
-  Footer: Footer,
-  Close: Close,
-  Back: Back,
-  Body: Body,
-  Section: Section,
-  Title: Title,
-  Description: Description
+const FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
+  Header,
+  Footer,
+  Close,
+  Back,
+  Body,
+  Section,
+  Title,
+  Description
 }, {
-  parent: _modal["default"]
+  parent: _modal.default
 });
-var _default = exports["default"] = FullscreenModal;
+var _default = exports.default = FullscreenModal;
 //# sourceMappingURL=FullscreenModal.js.map

package/lib/cjs/FullscreenModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FullscreenModal.js","names":["_core","require","_button","_interopRequireDefault","_i18nEnhance","_fire","_uniqueID","_flexBox","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","FullscreenModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","hasTitle","trigger","e","fire","_inherits2","_createClass2","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","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]","_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","SBackText","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import Button 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 { Flex, Box } from '@semcore/flex-box';\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} />);\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' tabIndex={0}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\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":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,EAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,EAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAT,sBAAA,CAAAF,OAAA;AAGA,IAAAY,4BAAA,GAAAZ,OAAA;AAAmF;AAAA,IAAAa,KAAA,8BAAAd,KAAA,CAAAe,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE7EC,mBAAmB,0BAAAC,UAAA;EAAA,SAAAD,oBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,mBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,mBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,WASf;MAAEW,QAAQ,EAAE;IAAM,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,sBAER,UAACY,OAAO;MAAA,OAAK,UAACC,CAAC,EAAK;QACrC,IAAAC,gBAAI,EAAAd,KAAA,EAAO,SAAS,EAAEY,OAAO,EAAEC,CAAC,CAAC;MACnC,CAAC;IAAA;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAe,UAAA,aAAAjB,mBAAA,EAAAC,UAAA;EAAA,WAAAiB,aAAA,aAAAlB,mBAAA;IAAAmB,GAAA;IAAAC,KAAA,EAED,SAAAC,aAAaA,CAAA,EAAG;MACd,IAAQC,WAAW,GAAK,IAAI,CAACC,OAAO,CAA5BD,WAAW;MACnB,OAAO;QACLE,OAAO,EAAE,IAAI,CAACC,gBAAgB,CAAC,cAAc,CAAC;QAC9CH,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAM,YAAYA,CAAA,EAAG;MACb,OAAO;QACLF,OAAO,EAAE,IAAI,CAACC,gBAAgB,CAAC,aAAa;MAC9C,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAO,aAAaA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACd,IAAQC,GAAG,GAAK,IAAI,CAACN,OAAO,CAApBM,GAAG;MACX,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;QAAA,OAASF,MAAI,CAACG,QAAQ,CAAC;UAAElB,QAAQ,EAAE;QAAK,CAAC,CAAC;MAAA;MAE3D,OAAO;QACLmB,EAAE,SAAArB,MAAA,CAASkB,GAAG,WAAQ;QACtBC,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAa,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAX,OAAA;QAAAY,KAAA;MACP,IAAMC,gBAAgB,GAyBNC,iBAAK,CAACC,MAAM;MAxB5B,IAAAC,aAAA,GAUI,IAAI,CAAChB,OAAO;QATdiB,MAAM,GAAAD,aAAA,CAANC,MAAM;QACNC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QACRC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QACPC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QACPC,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QACRC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;QACRC,aAAa,GAAAP,aAAA,CAAbO,aAAa;QACbxB,WAAW,GAAAiB,aAAA,CAAXjB,WAAW;QACXO,GAAG,GAAAU,aAAA,CAAHV,GAAG;MAEL,IAAQhB,QAAQ,GAAK,IAAI,CAACkC,KAAK,CAAvBlC,QAAQ;MAChB,IAAMmC,kBAAkB,GAAGX,iBAAK,CAACY,OAAO;MAExC,OAAAd,KAAA,GAAO,IAAArC,aAAO,EAAC0C,MAAM,CAAC,eACpB7C,MAAA,YAAAuD,aAAA,CAACzD,MAAA,WAAK,EAAA0C,KAAA,CAAAgB,EAAA;QAAA,YACM,KAAK;QAAA,WACNR,OAAO;QAAA,WACPD,OAAO;QAAA,YACNG,QAAQ;QAAA,iBACHC;MAAa,iBAE5BnD,MAAA,YAAAuD,aAAA,CAACF,kBAAkB,EAAAb,KAAA,CAAAgB,EAAA,yCACjBxD,MAAA,YAAAuD,aAAA,CAACd,gBAAgB,EAAAD,KAAA,CAAAgB,EAAA,yBAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA;QAAA,gBAED,KAAK;QAAA,cACPxC,QAAQ,GAAGyC,SAAS,GAAGhC,WAAW,CAAC,OAAO,CAAC;QAAA,mBACtCT,QAAQ,UAAAF,MAAA,CAAUkB,GAAG,cAAWyB;MAAS,GAAApB,IAAA,KAEzDU,QAAQ,iBAAIjD,MAAA,YAAAuD,aAAA,CAACK,eAAe,CAACC,KAAK,MAAE,CAAC,eACtC7D,MAAA,YAAAuD,aAAA,CAACT,QAAQ,EAAAN,KAAA,CAAAgB,EAAA,gBAAE,CACK,CACA,CACf,CAAC;IAEZ;EAAC;AAAA,EA5E+BM,eAAS;AAAA,IAAA7C,gBAAA,aAArCZ,mBAAmB,iBACF,iBAAiB;AAAA,IAAAY,gBAAA,aADlCZ,mBAAmB,WAERH,KAAK;AAAA,IAAAe,gBAAA,aAFhBZ,mBAAmB,aAGN,CAAC,IAAA0D,uBAAW,EAACC,8CAAiB,CAAC,EAAE,IAAAC,oBAAmB,EAAC,CAAC,CAAC;AAAA,IAAAhD,gBAAA,aAHpEZ,mBAAmB,kBAID;EACpB6D,IAAI,EAAEF,8CAAiB;EACvBG,MAAM,EAAE;AACV,CAAC;AAwEH,SAASC,MAAMA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACrB,IAAMC,OAAO,GAGMC,YAAG;EAFtB,IAAQ5B,QAAQ,GAAiCuB,KAAK,CAA9CvB,QAAQ;IAAED,MAAM,GAAyBwB,KAAK,CAApCxB,MAAM;IAAE8B,KAAK,GAAkBN,KAAK,CAA5BM,KAAK;IAAEC,WAAW,GAAKP,KAAK,CAArBO,WAAW;EAC5C,OAAAJ,KAAA,GAAO,IAAArE,aAAO,EAAC0C,MAAM,CAAC,eACpB7C,MAAA,YAAAuD,aAAA,CAACkB,OAAO,EAAAD,KAAA,CAAAhB,EAAA,gBAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA,MAAAY,KAAA,KACLK,KAAK,iBAAI3E,MAAA,YAAAuD,aAAA,CAACK,eAAe,CAACiB,KAAK;IAACC,QAAQ,EAAEH;EAAM,CAAE,CAAC,EACnDC,WAAW,iBAAI5E,MAAA,YAAAuD,aAAA,CAACK,eAAe,CAACmB,WAAW;IAACD,QAAQ,EAAEF;EAAY,CAAE,CAAC,eACtE5E,MAAA,YAAAuD,aAAA,CAACT,QAAQ,EAAA0B,KAAA,CAAAhB,EAAA,gBAAE,CACJ,CAAC;AAEd;AAEA,SAASwB,IAAIA,CAACX,KAAK,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,MAAA;EACnB,IAAMC,KAAK,GACiCT,YAAG;EAA/C,OAAAQ,MAAA,GAAO,IAAA/E,aAAO,EAACkE,KAAK,CAACxB,MAAM,CAAC,eAAC7C,MAAA,YAAAuD,aAAA,CAAC4B,KAAK,EAAAD,MAAA,CAAA1B,EAAA,cAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA,MAAAuB,KAAA,GAAe,CAAC;AACrD;AAEA,SAASG,OAAOA,CAACf,KAAK,EAAE;EAAA,IAAAgB,KAAA,GAAAd,YAAA;IAAAe,MAAA;EACtB,IAAMC,QAAQ,GACiCb,YAAG;EAAlD,OAAAY,MAAA,GAAO,IAAAnF,aAAO,EAACkE,KAAK,CAACxB,MAAM,CAAC,eAAC7C,MAAA,YAAAuD,aAAA,CAACgC,QAAQ,EAAAD,MAAA,CAAA9B,EAAA,iBAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA;IAAA,OAAkB;EAAS,GAAA2B,KAAA,GAAE,CAAC;AACtE;AAEA,SAASG,MAAMA,CAACnB,KAAK,EAAE;EAAA,IAAAoB,KAAA,GAAAlB,YAAA;IAAAmB,MAAA;EACrB,IAAMC,OAAO,GACiCC,aAAI;EAAlD,OAAAF,MAAA,GAAO,IAAAvF,aAAO,EAACkE,KAAK,CAACxB,MAAM,CAAC,eAAC7C,MAAA,YAAAuD,aAAA,CAACoC,OAAO,EAAAD,MAAA,CAAAlC,EAAA,gBAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA,MAAA+B,KAAA,GAAgB,CAAC;AACxD;AAEA,SAAS5B,KAAKA,CAACQ,KAAK,EAAE;EAAA,IAAAwB,KAAA,GAAAtB,YAAA;IAAAuB,MAAA;EACpB,IAAMC,MAAM,GAGMC,kBAAM;EAFxB,IAAQrE,WAAW,GAAK0C,KAAK,CAArB1C,WAAW;EACnB,OAAAmE,MAAA,GAAO,IAAA3F,aAAO,EAACkE,KAAK,CAACxB,MAAM,CAAC,eAC1B7C,MAAA,YAAAuD,aAAA,CAACwC,MAAM,EAAAD,MAAA,CAAAtC,EAAA,eAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA;IAAA,OAAqB,UAAU;IAAA,QAAM,GAAG;IAAA,SAAO,OAAO;IAAA,cAAa/B,WAAW,CAAC,OAAO;EAAC,GAAAkE,KAAA,kBAC5F7F,MAAA,YAAAuD,aAAA,CAACjE,OAAA,WAAM,CAAC2G,KAAK;IAACC,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC;EAAK,gBAC7BnG,MAAA,YAAAuD,aAAA,CAAC1D,EAAA,WAAS,EAAAiG,MAAA,CAAAtC,EAAA;IAAA,SAAQ7B,WAAW,CAAC,OAAO;EAAC,EAAG,CAC7B,CACR,CAAC;AAEb;AAEA,SAASkD,KAAKA,CAACR,KAAK,EAAE;EAAA,IAAA+B,KAAA,GAAA7B,YAAA;IAAA8B,MAAA;EACpB,IAAMC,MAAM,GAKiCC,gBAAI;EAJjD,IAAQpE,WAAW,GAAKkC,KAAK,CAArBlC,WAAW;EAEnBqE,iBAAK,CAACC,SAAS,CAAC;IAAA,OAAMtE,WAAW,CAAC,CAAC;EAAA,EAAC;EAEpC,OAAAkE,MAAA,GAAO,IAAAlG,aAAO,EAACkE,KAAK,CAACxB,MAAM,CAAC,eAAC7C,MAAA,YAAAuD,aAAA,CAAC+C,MAAM,EAAAD,MAAA,CAAA7C,EAAA,eAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA;IAAA,OAAmB;EAAI,GAAA0C,KAAA,GAAE,CAAC;AAChE;AAEA,SAASrB,WAAWA,CAACV,KAAK,EAAE;EAAA,IAAAqC,KAAA,GAAAnC,YAAA;IAAAoC,MAAA;EAC1B,IAAMC,YAAY,GACiCL,gBAAI;EAAvD,OAAAI,MAAA,GAAO,IAAAxG,aAAO,EAACkE,KAAK,CAACxB,MAAM,CAAC,eAAC7C,MAAA,YAAAuD,aAAA,CAACqD,YAAY,EAAAD,MAAA,CAAAnD,EAAA,qBAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA,MAAAgD,KAAA,GAAgB,CAAC;AAC7D;AAEA,SAASG,IAAIA,CAACxC,KAAK,EAAE;EAAA,IAAAyC,KAAA,GAAAvC,YAAA;IAAAwC,MAAA;EACnB,IAAMC,KAAK,GAKMtC,YAAG;EAJpB,IAAMuC,SAAS,GAAGV,gBAAI;EACtB,IAAQzD,QAAQ,GAAauB,KAAK,CAA1BvB,QAAQ;IAAED,MAAM,GAAKwB,KAAK,CAAhBxB,MAAM;EAExB,OAAAkE,MAAA,GAAO,IAAA5G,aAAO,EAAC0C,MAAM,CAAC,eACpB7C,MAAA,YAAAuD,aAAA,CAACyD,KAAK,EAAAD,MAAA,CAAAvD,EAAA,cAAAC,cAAA,qBAAArE,KAAA,CAAAsE,WAAA;IAAA,OAAkB,QAAQ;IAAA,YAAW;EAAC,GAAAoD,KAAA,kBAC1C9G,MAAA,YAAAuD,aAAA,CAAC3D,EAAA,WAAS,EAAAmH,MAAA,CAAAvD,EAAA,iBAAE,CAAC,eACbxD,MAAA,YAAAuD,aAAA,CAAC0D,SAAS,EAAAF,MAAA,CAAAvD,EAAA,gCACRxD,MAAA,YAAAuD,aAAA,CAACT,QAAQ,EAAAiE,MAAA,CAAAvD,EAAA,gBAAE,CACF,CACN,CAAC;AAEZ;AAEA,IAAMI,eAAe,GAAG,IAAAsD,qBAAe,EACrC7G,mBAAmB,EACnB;EACE+D,MAAM,EAANA,MAAM;EACNoB,MAAM,EAANA,MAAM;EACN3B,KAAK,EAALA,KAAK;EACLgD,IAAI,EAAJA,IAAI;EACJ7B,IAAI,EAAJA,IAAI;EACJI,OAAO,EAAPA,OAAO;EACPP,KAAK,EAALA,KAAK;EACLE,WAAW,EAAXA;AACF,CAAC,EACD;EAAEoC,MAAM,EAAEzE;AAAM,CAClB,CAAC;AAAC,IAAA0E,QAAA,GAAAC,OAAA,cAEazD,eAAe","ignoreList":[]}
1	+ {"version":3,"file":"FullscreenModal.js","names":["_core","require","_baseComponents","_button","_interopRequireDefault","_i18nEnhance","_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","SBackText","createComponent","parent","_default","exports"],"sources":["../../src/FullscreenModal.jsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Button 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 SBackText = Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={Box} tag='button' tabIndex={0}>\n <ArrowLeft />\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type ~~Button~~ from '@semcore/~~button~~';\nimport type { ~~PropGetterFn, UnknownProperties, Intergalactic }~~ from '@semcore/~~core~~';\nimport type { ~~Flex~~, ~~Box,~~ ~~BoxProps~~ } from '@semcore/~~flex-box~~';\nimport type { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\~~n/** @deprecated /\~~nexport ~~interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}\nexport~~ type FullscreenModalProps = ModalProps & {\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\~~n/* @deprecated /\~~nexport ~~interface IFullscreenModalHeaderProps\n extends FullscreenModalHeaderProps,\n UnknownProperties {}\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\~~n/* @deprecated */\~~nexport ~~interface IFullscreenModalContext extends FullscreenModalContext, UnknownProperties {}\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":[]}
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 { ModalProps } from '@semcore/modal';\nimport type { Text } from '@semcore/typography';\n\nexport type FullscreenModalProps = ModalProps & {\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":[]}

package/lib/cjs/index.js CHANGED Viewed

@@ -1,13 +1,13 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _FullscreenModal["default"];
+  get: function () {
+    return _FullscreenModal.default;
   }
 });
 var _FullscreenModal = _interopRequireDefault(require("./FullscreenModal"));

package/lib/cjs/style/fullscreen-modal.shadow.css CHANGED Viewed

@@ -55,9 +55,7 @@ SBackText {
 STitle,
 SDescription {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow-wrap: break-word;
 }
 STitle {
@@ -68,35 +66,22 @@ STitle {
 }
 SDescription {
-  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);
-  &::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 {
   display: flex;
-  align-items: baseline;
+  flex-direction: column;
+  gap: var(--intergalactic-spacing-2x, 8px);
+  align-items: flex-start;
   padding-left: var(--intergalactic-spacing-8x, 32px);
-  padding-bottom: var(--intergalactic-spacing-2x, 8px);
+  padding-bottom: var(--intergalactic-spacing-4x, 16px);
   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;
 }