@semcore/fullscreen-modal 16.1.1 → 16.1.2-prerelease.3

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 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
+ ## [16.1.2] - 2025-06-16
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/button` [16.0.1 ~> 16.0.2], `@semcore/flex-box` [16.0.1 ~> 16.0.2], `@semcore/base-components` [16.0.1 ~> 16.0.2]).
10
+
5
11
  ## [16.1.1] - 2025-05-30
6
12
 
7
13
  ### Changed
package/README.md CHANGED
@@ -13,40 +13,10 @@
13
13
  ## Install
14
14
 
15
15
  ```sh
16
- npm install intergalactic
16
+ npm install @semcore/fullscreen-modal
17
17
  ```
18
18
 
19
- ## Usage
20
19
 
21
- ```jsx
22
- import FullscreenModal from 'intergalactic/fullscreen-modal';
23
- ```
24
-
25
- <details>
26
- <summary>Alternative installation and use</summary>
27
-
28
- **We do not recommend this usage path due to possible dependency and update issues.**
29
-
30
- ### Install
31
-
32
- You can only install one package from the design system
33
-
34
- ```sh
35
- npm install @semcore/fullscreen-modal @semcore/core
36
- ```
37
-
38
- `@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
39
- of the components that is discussed below. There should only be one version of the package in the project._
40
-
41
- ### Usage
42
-
43
- You can use the package the same way but without `/ui/` in the import path.
44
-
45
- ```jsx
46
- import FullscreenModal from '@semcore/fullscreen-modal';
47
- ```
48
-
49
- </details>
50
20
 
51
21
  ## 👤 Author
52
22
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
@@ -8,61 +8,62 @@ exports["default"] = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
+ var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
13
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
14
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
16
  var _core = require("@semcore/core");
16
- var _react = _interopRequireDefault(require("react"));
17
- var _modal = _interopRequireDefault(require("@semcore/modal"));
17
+ var _button = _interopRequireDefault(require("@semcore/button"));
18
+ var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
19
+ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
20
+ var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
21
+ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
18
22
  var _flexBox = require("@semcore/flex-box");
19
- var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
20
23
  var _m = _interopRequireDefault(require("@semcore/icon/ArrowLeft/m"));
24
+ var _l = _interopRequireDefault(require("@semcore/icon/Close/l"));
25
+ var _modal = _interopRequireDefault(require("@semcore/modal"));
21
26
  var _typography = require("@semcore/typography");
22
- var _button = _interopRequireDefault(require("@semcore/button"));
23
- var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
27
+ var _react = _interopRequireDefault(require("react"));
24
28
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
25
- var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
26
- var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
27
- var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
29
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
28
30
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1wg7w_gg_{padding:0}.___SFullscreenModal_1wg7w_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1wg7w_gg_{position:absolute;top:17px;right:24px}.___SBack_1wg7w_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_1wg7w_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1wg7w_gg_.__keyboardFocused_1wg7w_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1wg7w_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1wg7w_gg_,.___SDescription_1wg7w_gg_,.___STitle_1wg7w_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1wg7w_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_1wg7w_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_1wg7w_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_1wg7w_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_1wg7w_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1wg7w_gg_{display:flex;height:100%;overflow:auto}.___SSection_1wg7w_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_1wg7w_gg_{transition:none}}", /*__inner_css_end__*/"1wg7w_gg_"),
31
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_fzhrm_gg_{padding:0}.___SFullscreenModal_fzhrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_fzhrm_gg_{position:absolute;top:17px;right:24px}.___SBack_fzhrm_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_fzhrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_fzhrm_gg_.__keyboardFocused_fzhrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_fzhrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_fzhrm_gg_,.___SDescription_fzhrm_gg_,.___STitle_fzhrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_fzhrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_fzhrm_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_fzhrm_gg_{transition:none}}", /*__inner_css_end__*/"fzhrm_gg_"),
30
32
  /*__reshadow_css_end__*/
31
33
  {
32
- "__SFullscreenOverlay": "___SFullscreenOverlay_1wg7w_gg_",
33
- "__SFullscreenModal": "___SFullscreenModal_1wg7w_gg_",
34
- "__SClose": "___SClose_1wg7w_gg_",
35
- "__SBack": "___SBack_1wg7w_gg_",
36
- "_keyboardFocused": "__keyboardFocused_1wg7w_gg_",
37
- "__SBackText": "___SBackText_1wg7w_gg_",
38
- "__STitle": "___STitle_1wg7w_gg_",
39
- "__SDescription": "___SDescription_1wg7w_gg_",
40
- "__SHeader": "___SHeader_1wg7w_gg_",
41
- "__SFooter": "___SFooter_1wg7w_gg_",
42
- "__SBody": "___SBody_1wg7w_gg_",
43
- "__SSection": "___SSection_1wg7w_gg_"
34
+ "__SFullscreenOverlay": "___SFullscreenOverlay_fzhrm_gg_",
35
+ "__SFullscreenModal": "___SFullscreenModal_fzhrm_gg_",
36
+ "__SClose": "___SClose_fzhrm_gg_",
37
+ "__SBack": "___SBack_fzhrm_gg_",
38
+ "_keyboardFocused": "__keyboardFocused_fzhrm_gg_",
39
+ "__SBackText": "___SBackText_fzhrm_gg_",
40
+ "__STitle": "___STitle_fzhrm_gg_",
41
+ "__SDescription": "___SDescription_fzhrm_gg_",
42
+ "__SHeader": "___SHeader_fzhrm_gg_",
43
+ "__SFooter": "___SFooter_fzhrm_gg_",
44
+ "__SBody": "___SBody_fzhrm_gg_",
45
+ "__SSection": "___SSection_fzhrm_gg_"
44
46
  });
45
47
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
46
- (0, _inherits2["default"])(FullscreenModalRoot, _Component);
47
- var _super = (0, _createSuper2["default"])(FullscreenModalRoot);
48
48
  function FullscreenModalRoot() {
49
49
  var _this;
50
50
  (0, _classCallCheck2["default"])(this, FullscreenModalRoot);
51
51
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
52
52
  args[_key] = arguments[_key];
53
53
  }
54
- _this = _super.call.apply(_super, [this].concat(args));
55
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
54
+ _this = _callSuper(this, FullscreenModalRoot, [].concat(args));
55
+ (0, _defineProperty2["default"])(_this, "state", {
56
56
  hasTitle: false
57
57
  });
58
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClose", function (trigger) {
58
+ (0, _defineProperty2["default"])(_this, "bindHandlerClose", function (trigger) {
59
59
  return function (e) {
60
- (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onClose', trigger, e);
60
+ (0, _fire["default"])(_this, 'onClose', trigger, e);
61
61
  };
62
62
  });
63
63
  return _this;
64
64
  }
65
- (0, _createClass2["default"])(FullscreenModalRoot, [{
65
+ (0, _inherits2["default"])(FullscreenModalRoot, _Component);
66
+ return (0, _createClass2["default"])(FullscreenModalRoot, [{
66
67
  key: "getCloseProps",
67
68
  value: function getCloseProps() {
68
69
  var getI18nText = this.asProps.getI18nText;
@@ -97,7 +98,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
97
98
  key: "render",
98
99
  value: function render() {
99
100
  var _ref = this.asProps,
100
- _ref10;
101
+ _ref0;
101
102
  var SFullscreenModal = _modal["default"].Window;
102
103
  var _this$asProps = this.asProps,
103
104
  styles = _this$asProps.styles,
@@ -111,19 +112,18 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
111
112
  uid = _this$asProps.uid;
112
113
  var hasTitle = this.state.hasTitle;
113
114
  var SFullscreenOverlay = _modal["default"].Overlay;
114
- return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref10.cn("Modal", {
115
+ return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref0.cn("Modal", {
115
116
  "closable": false,
116
117
  "visible": visible,
117
118
  "onClose": onClose,
118
119
  "duration": duration,
119
120
  "disablePortal": disablePortal
120
- }), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
121
+ }), /*#__PURE__*/_react["default"].createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/_react["default"].createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
121
122
  "aria-label": hasTitle ? undefined : getI18nText('title'),
122
123
  "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
123
- }, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})))));
124
+ }, _ref))), closable && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Close, null), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {})))));
124
125
  }
125
126
  }]);
126
- return FullscreenModalRoot;
127
127
  }(_core.Component);
128
128
  (0, _defineProperty2["default"])(FullscreenModalRoot, "displayName", 'FullscreenModal');
129
129
  (0, _defineProperty2["default"])(FullscreenModalRoot, "style", style);
@@ -134,83 +134,83 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
134
134
  });
135
135
  function Header(props) {
136
136
  var _ref2 = arguments[0],
137
- _ref11;
137
+ _ref1;
138
138
  var SHeader = _flexBox.Box;
139
139
  var Children = props.Children,
140
140
  styles = props.styles,
141
141
  title = props.title,
142
142
  description = props.description;
143
- return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref11.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), title && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Title, {
143
+ 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, {
144
144
  children: title
145
145
  }), description && /*#__PURE__*/_react["default"].createElement(FullscreenModal.Description, {
146
146
  children: description
147
- }), /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})));
147
+ }), /*#__PURE__*/_react["default"].createElement(Children, _ref1.cn("Children", {})));
148
148
  }
149
149
  function Body(props) {
150
150
  var _ref3 = arguments[0],
151
- _ref12;
151
+ _ref10;
152
152
  var SBody = _flexBox.Box;
153
- return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref12.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
153
+ return _ref10 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
154
154
  }
155
155
  function Section(props) {
156
156
  var _ref4 = arguments[0],
157
- _ref13;
157
+ _ref11;
158
158
  var SSection = _flexBox.Box;
159
- return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref13.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
159
+ return _ref11 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SSection, _ref11.cn("SSection", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
160
160
  "tag": 'section'
161
161
  }, _ref4))));
162
162
  }
163
163
  function Footer(props) {
164
164
  var _ref5 = arguments[0],
165
- _ref14;
165
+ _ref12;
166
166
  var SFooter = _flexBox.Flex;
167
- return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref14.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
167
+ return _ref12 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref12.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref5))));
168
168
  }
169
169
  function Close(props) {
170
170
  var _ref6 = arguments[0],
171
- _ref15;
171
+ _ref13;
172
172
  var SClose = _button["default"];
173
173
  var getI18nText = props.getI18nText;
174
- return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref15.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
174
+ return _ref13 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref13.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
175
175
  "use": 'tertiary',
176
176
  "size": 'l',
177
177
  "theme": 'muted',
178
178
  "aria-label": getI18nText('close')
179
179
  }, _ref6))), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, {
180
- ml: '7px',
181
- mr: '7px'
182
- }, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref15.cn("CloseIcon", {
180
+ ml: "7px",
181
+ mr: "7px"
182
+ }, /*#__PURE__*/_react["default"].createElement(_l["default"], _ref13.cn("CloseIcon", {
183
183
  "title": getI18nText('close')
184
184
  }))));
185
185
  }
186
186
  function Title(props) {
187
187
  var _ref7 = arguments[0],
188
- _ref16;
188
+ _ref14;
189
189
  var STitle = _typography.Text;
190
190
  var setHasTitle = props.setHasTitle;
191
191
  _react["default"].useEffect(function () {
192
192
  return setHasTitle();
193
193
  });
194
- return _ref16 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref16.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
194
+ return _ref14 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref14.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
195
195
  "tag": 'h2'
196
196
  }, _ref7))));
197
197
  }
198
198
  function Description(props) {
199
199
  var _ref8 = arguments[0],
200
- _ref17;
200
+ _ref15;
201
201
  var SDescription = _typography.Text;
202
- return _ref17 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref17.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
202
+ return _ref15 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref15.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref8))));
203
203
  }
204
204
  function Back(props) {
205
205
  var _ref9 = arguments[0],
206
- _ref18;
206
+ _ref16;
207
207
  var SBack = _flexBox.Box;
208
208
  var SBackText = _typography.Text;
209
209
  var Children = props.Children,
210
210
  styles = props.styles;
211
- return _ref18 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref18.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
211
+ return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBack, _ref16.cn("SBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
212
212
  "tag": 'button'
213
- }, _ref9))), /*#__PURE__*/_react["default"].createElement(_m["default"], _ref18.cn("ArrowLeft", {})), /*#__PURE__*/_react["default"].createElement(SBackText, _ref18.cn("SBackText", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref18.cn("Children", {}))));
213
+ }, _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", {}))));
214
214
  }
215
215
  Back.enhance = [(0, _keyboardFocusEnhance["default"])()];
216
216
  var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
@@ -225,6 +225,5 @@ var FullscreenModal = (0, _core.createComponent)(FullscreenModalRoot, {
225
225
  }, {
226
226
  parent: _modal["default"]
227
227
  });
228
- var _default = FullscreenModal;
229
- exports["default"] = _default;
228
+ var _default = exports["default"] = FullscreenModal;
230
229
  //# sourceMappingURL=FullscreenModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FullscreenModal.js","names":["_core","require","_react","_interopRequireDefault","_modal","_flexBox","_l","_m","_typography","_button","_fire","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","_keyboardFocusEnhance","style","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/core/lib/utils/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/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","require","_button","_interopRequireDefault","_i18nEnhance","_keyboardFocusEnhance","_fire","_uniqueID","_flexBox","_m","_l","_modal","_typography","_react","_intergalacticDynamicLocales","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","FullscreenModalRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","hasTitle","trigger","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","enhance","keyboardFocusEnhance","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 keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\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 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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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { ModalProps } from '@semcore/modal';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { 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?: React.ReactNode;\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":""}
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?: React.ReactNode;\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":[]}
package/lib/cjs/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_FullscreenModal","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA"}
1
+ {"version":3,"file":"index.js","names":["_FullscreenModal","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
13
13
  var _ja = _interopRequireDefault(require("./ja.json"));
14
14
  var _ko = _interopRequireDefault(require("./ko.json"));
15
15
  var _nl = _interopRequireDefault(require("./nl.json"));
16
+ var _pl = _interopRequireDefault(require("./pl.json"));
16
17
  var _pt = _interopRequireDefault(require("./pt.json"));
18
+ var _sv = _interopRequireDefault(require("./sv.json"));
17
19
  var _tr = _interopRequireDefault(require("./tr.json"));
18
20
  var _vi = _interopRequireDefault(require("./vi.json"));
19
21
  var _zh = _interopRequireDefault(require("./zh.json"));
20
- var _pl = _interopRequireDefault(require("./pl.json"));
21
- var _sv = _interopRequireDefault(require("./sv.json"));
22
- var localizedMessages = {
22
+ var localizedMessages = exports.localizedMessages = {
23
23
  de: _de["default"],
24
24
  en: _en["default"],
25
25
  es: _es["default"],
@@ -35,5 +35,4 @@ var localizedMessages = {
35
35
  pl: _pl["default"],
36
36
  sv: _sv["default"]
37
37
  };
38
- exports.localizedMessages = localizedMessages;
39
38
  //# sourceMappingURL=__intergalactic-dynamic-locales.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
@@ -1,9 +1,10 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
+ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
5
+ import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
6
+ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
7
  import _inherits from "@babel/runtime/helpers/inherits";
6
- import _createSuper from "@babel/runtime/helpers/createSuper";
7
8
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
9
  import { sstyled as _sstyled } from "@semcore/core";
9
10
  import { assignProps as _assignProps9 } from "@semcore/core";
@@ -15,57 +16,57 @@ import { assignProps as _assignProps4 } from "@semcore/core";
15
16
  import { assignProps as _assignProps3 } from "@semcore/core";
16
17
  import { assignProps as _assignProps2 } from "@semcore/core";
17
18
  import { assignProps as _assignProps } from "@semcore/core";
18
- import React from 'react';
19
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
20
+ import Button from '@semcore/button';
19
21
  import { createComponent, Component, sstyled, Root } from '@semcore/core';
20
- import Modal from '@semcore/modal';
22
+ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
23
+ import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
24
+ import fire from '@semcore/core/lib/utils/fire';
25
+ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
21
26
  import { Flex, Box } from '@semcore/flex-box';
22
- import CloseIcon from '@semcore/icon/Close/l';
23
27
  import ArrowLeft from '@semcore/icon/ArrowLeft/m';
28
+ import CloseIcon from '@semcore/icon/Close/l';
29
+ import Modal from '@semcore/modal';
24
30
  import { Text } from '@semcore/typography';
25
- import Button from '@semcore/button';
26
- import fire from '@semcore/core/lib/utils/fire';
27
- import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
28
- import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
29
- import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
31
+ import React from 'react';
30
32
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1wg7w_gg_{padding:0}.___SFullscreenModal_1wg7w_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1wg7w_gg_{position:absolute;top:17px;right:24px}.___SBack_1wg7w_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_1wg7w_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1wg7w_gg_.__keyboardFocused_1wg7w_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1wg7w_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1wg7w_gg_,.___SDescription_1wg7w_gg_,.___STitle_1wg7w_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1wg7w_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_1wg7w_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_1wg7w_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_1wg7w_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_1wg7w_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1wg7w_gg_{display:flex;height:100%;overflow:auto}.___SSection_1wg7w_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_1wg7w_gg_{transition:none}}", /*__inner_css_end__*/"1wg7w_gg_"),
33
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFullscreenOverlay_fzhrm_gg_{padding:0}.___SFullscreenModal_fzhrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_fzhrm_gg_{position:absolute;top:17px;right:24px}.___SBack_fzhrm_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_fzhrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_fzhrm_gg_.__keyboardFocused_fzhrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_fzhrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_fzhrm_gg_,.___SDescription_fzhrm_gg_,.___STitle_fzhrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_fzhrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_fzhrm_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_fzhrm_gg_{transition:none}}", /*__inner_css_end__*/"fzhrm_gg_"),
32
34
  /*__reshadow_css_end__*/
33
35
  {
34
- "__SFullscreenOverlay": "___SFullscreenOverlay_1wg7w_gg_",
35
- "__SFullscreenModal": "___SFullscreenModal_1wg7w_gg_",
36
- "__SClose": "___SClose_1wg7w_gg_",
37
- "__SBack": "___SBack_1wg7w_gg_",
38
- "_keyboardFocused": "__keyboardFocused_1wg7w_gg_",
39
- "__SBackText": "___SBackText_1wg7w_gg_",
40
- "__STitle": "___STitle_1wg7w_gg_",
41
- "__SDescription": "___SDescription_1wg7w_gg_",
42
- "__SHeader": "___SHeader_1wg7w_gg_",
43
- "__SFooter": "___SFooter_1wg7w_gg_",
44
- "__SBody": "___SBody_1wg7w_gg_",
45
- "__SSection": "___SSection_1wg7w_gg_"
36
+ "__SFullscreenOverlay": "___SFullscreenOverlay_fzhrm_gg_",
37
+ "__SFullscreenModal": "___SFullscreenModal_fzhrm_gg_",
38
+ "__SClose": "___SClose_fzhrm_gg_",
39
+ "__SBack": "___SBack_fzhrm_gg_",
40
+ "_keyboardFocused": "__keyboardFocused_fzhrm_gg_",
41
+ "__SBackText": "___SBackText_fzhrm_gg_",
42
+ "__STitle": "___STitle_fzhrm_gg_",
43
+ "__SDescription": "___SDescription_fzhrm_gg_",
44
+ "__SHeader": "___SHeader_fzhrm_gg_",
45
+ "__SFooter": "___SFooter_fzhrm_gg_",
46
+ "__SBody": "___SBody_fzhrm_gg_",
47
+ "__SSection": "___SSection_fzhrm_gg_"
46
48
  });
47
- import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
49
+ import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
48
50
  var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
49
- _inherits(FullscreenModalRoot, _Component);
50
- var _super = _createSuper(FullscreenModalRoot);
51
51
  function FullscreenModalRoot() {
52
52
  var _this;
53
53
  _classCallCheck(this, FullscreenModalRoot);
54
54
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
55
55
  args[_key] = arguments[_key];
56
56
  }
57
- _this = _super.call.apply(_super, [this].concat(args));
58
- _defineProperty(_assertThisInitialized(_this), "state", {
57
+ _this = _callSuper(this, FullscreenModalRoot, [].concat(args));
58
+ _defineProperty(_this, "state", {
59
59
  hasTitle: false
60
60
  });
61
- _defineProperty(_assertThisInitialized(_this), "bindHandlerClose", function (trigger) {
61
+ _defineProperty(_this, "bindHandlerClose", function (trigger) {
62
62
  return function (e) {
63
- fire(_assertThisInitialized(_this), 'onClose', trigger, e);
63
+ fire(_this, 'onClose', trigger, e);
64
64
  };
65
65
  });
66
66
  return _this;
67
67
  }
68
- _createClass(FullscreenModalRoot, [{
68
+ _inherits(FullscreenModalRoot, _Component);
69
+ return _createClass(FullscreenModalRoot, [{
69
70
  key: "getCloseProps",
70
71
  value: function getCloseProps() {
71
72
  var getI18nText = this.asProps.getI18nText;
@@ -100,7 +101,7 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
100
101
  key: "render",
101
102
  value: function render() {
102
103
  var _ref = this.asProps,
103
- _ref10;
104
+ _ref0;
104
105
  var SFullscreenModal = Modal.Window;
105
106
  var _this$asProps = this.asProps,
106
107
  styles = _this$asProps.styles,
@@ -114,19 +115,18 @@ var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
114
115
  uid = _this$asProps.uid;
115
116
  var hasTitle = this.state.hasTitle;
116
117
  var SFullscreenOverlay = Modal.Overlay;
117
- return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(Modal, _ref10.cn("Modal", {
118
+ return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(Modal, _ref0.cn("Modal", {
118
119
  "closable": false,
119
120
  "visible": visible,
120
121
  "onClose": onClose,
121
122
  "duration": duration,
122
123
  "disablePortal": disablePortal
123
- }), /*#__PURE__*/React.createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /*#__PURE__*/React.createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", _objectSpread({}, _assignProps({
124
+ }), /*#__PURE__*/React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /*#__PURE__*/React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", _objectSpread({}, _assignProps({
124
125
  "aria-label": hasTitle ? undefined : getI18nText('title'),
125
126
  "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : undefined
126
- }, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})))));
127
+ }, _ref))), closable && /*#__PURE__*/React.createElement(FullscreenModal.Close, null), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})))));
127
128
  }
128
129
  }]);
129
- return FullscreenModalRoot;
130
130
  }(Component);
131
131
  _defineProperty(FullscreenModalRoot, "displayName", 'FullscreenModal');
132
132
  _defineProperty(FullscreenModalRoot, "style", style);
@@ -137,83 +137,83 @@ _defineProperty(FullscreenModalRoot, "defaultProps", {
137
137
  });
138
138
  function Header(props) {
139
139
  var _ref2 = arguments[0],
140
- _ref11;
140
+ _ref1;
141
141
  var SHeader = Box;
142
142
  var Children = props.Children,
143
143
  styles = props.styles,
144
144
  title = props.title,
145
145
  description = props.description;
146
- return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref11.cn("SHeader", _objectSpread({}, _assignProps2({}, _ref2))), title && /*#__PURE__*/React.createElement(FullscreenModal.Title, {
146
+ return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref1.cn("SHeader", _objectSpread({}, _assignProps2({}, _ref2))), title && /*#__PURE__*/React.createElement(FullscreenModal.Title, {
147
147
  children: title
148
148
  }), description && /*#__PURE__*/React.createElement(FullscreenModal.Description, {
149
149
  children: description
150
- }), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
150
+ }), /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})));
151
151
  }
152
152
  function Body(props) {
153
153
  var _ref3 = arguments[0],
154
- _ref12;
154
+ _ref10;
155
155
  var SBody = Box;
156
- return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref12.cn("SBody", _objectSpread({}, _assignProps3({}, _ref3))));
156
+ return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, _assignProps3({}, _ref3))));
157
157
  }
158
158
  function Section(props) {
159
159
  var _ref4 = arguments[0],
160
- _ref13;
160
+ _ref11;
161
161
  var SSection = Box;
162
- return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, _assignProps4({
162
+ return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SSection, _ref11.cn("SSection", _objectSpread({}, _assignProps4({
163
163
  "tag": 'section'
164
164
  }, _ref4))));
165
165
  }
166
166
  function Footer(props) {
167
167
  var _ref5 = arguments[0],
168
- _ref14;
168
+ _ref12;
169
169
  var SFooter = Flex;
170
- return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref14.cn("SFooter", _objectSpread({}, _assignProps5({}, _ref5))));
170
+ return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, _assignProps5({}, _ref5))));
171
171
  }
172
172
  function Close(props) {
173
173
  var _ref6 = arguments[0],
174
- _ref15;
174
+ _ref13;
175
175
  var SClose = Button;
176
176
  var getI18nText = props.getI18nText;
177
- return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref15.cn("SClose", _objectSpread({}, _assignProps6({
177
+ return _ref13 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, _assignProps6({
178
178
  "use": 'tertiary',
179
179
  "size": 'l',
180
180
  "theme": 'muted',
181
181
  "aria-label": getI18nText('close')
182
182
  }, _ref6))), /*#__PURE__*/React.createElement(Button.Addon, {
183
- ml: '7px',
184
- mr: '7px'
185
- }, /*#__PURE__*/React.createElement(CloseIcon, _ref15.cn("CloseIcon", {
183
+ ml: "7px",
184
+ mr: "7px"
185
+ }, /*#__PURE__*/React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
186
186
  "title": getI18nText('close')
187
187
  }))));
188
188
  }
189
189
  function Title(props) {
190
190
  var _ref7 = arguments[0],
191
- _ref16;
191
+ _ref14;
192
192
  var STitle = Text;
193
193
  var setHasTitle = props.setHasTitle;
194
194
  React.useEffect(function () {
195
195
  return setHasTitle();
196
196
  });
197
- return _ref16 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref16.cn("STitle", _objectSpread({}, _assignProps7({
197
+ return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, _assignProps7({
198
198
  "tag": 'h2'
199
199
  }, _ref7))));
200
200
  }
201
201
  function Description(props) {
202
202
  var _ref8 = arguments[0],
203
- _ref17;
203
+ _ref15;
204
204
  var SDescription = Text;
205
- return _ref17 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref17.cn("SDescription", _objectSpread({}, _assignProps8({}, _ref8))));
205
+ return _ref15 = sstyled(props.styles), /*#__PURE__*/React.createElement(SDescription, _ref15.cn("SDescription", _objectSpread({}, _assignProps8({}, _ref8))));
206
206
  }
207
207
  function Back(props) {
208
208
  var _ref9 = arguments[0],
209
- _ref18;
209
+ _ref16;
210
210
  var SBack = Box;
211
211
  var SBackText = Text;
212
212
  var Children = props.Children,
213
213
  styles = props.styles;
214
- return _ref18 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref18.cn("SBack", _objectSpread({}, _assignProps9({
214
+ return _ref16 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref16.cn("SBack", _objectSpread({}, _assignProps9({
215
215
  "tag": 'button'
216
- }, _ref9))), /*#__PURE__*/React.createElement(ArrowLeft, _ref18.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref18.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref18.cn("Children", {}))));
216
+ }, _ref9))), /*#__PURE__*/React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /*#__PURE__*/React.createElement(SBackText, _ref16.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref16.cn("Children", {}))));
217
217
  }
218
218
  Back.enhance = [keyboardFocusEnhance()];
219
219
  var FullscreenModal = createComponent(FullscreenModalRoot, {
@@ -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/core/lib/utils/fire';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\n\nimport style from './style/fullscreen-modal.shadow.css';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/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":["Button","createComponent","Component","sstyled","Root","i18nEnhance","keyboardFocusEnhance","fire","uniqueIDEnhancement","Flex","Box","ArrowLeft","CloseIcon","Modal","Text","React","style","_sstyled","insert","localizedMessages","FullscreenModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","trigger","e","_inherits","_createClass","key","value","getCloseProps","getI18nText","asProps","onClick","bindHandlerClose","getBackProps","getTitleProps","_this2","uid","setHasTitle","setState","id","render","_ref","_ref0","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]","_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","SBackText","_assignProps9","enhance","parent"],"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 keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\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 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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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { ModalProps } from '@semcore/modal';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { 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?: React.ReactNode;\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":""}
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?: React.ReactNode;\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 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FullscreenModal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB","ignoreList":[]}
@@ -6,12 +6,12 @@ import it from './it.json';
6
6
  import ja from './ja.json';
7
7
  import ko from './ko.json';
8
8
  import nl from './nl.json';
9
+ import pl from './pl.json';
9
10
  import pt from './pt.json';
11
+ import sv from './sv.json';
10
12
  import tr from './tr.json';
11
13
  import vi from './vi.json';
12
14
  import zh from './zh.json';
13
- import pl from './pl.json';
14
- import sv from './sv.json';
15
15
  export var localizedMessages = {
16
16
  de: de,
17
17
  en: en,
@@ -1 +1 @@
1
- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
1
+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
@@ -1,68 +1,71 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/esm/createClass";
4
- import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
4
+ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
5
+ import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
6
+ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
5
7
  import _inherits from "@babel/runtime/helpers/esm/inherits";
6
- import _createSuper from "@babel/runtime/helpers/esm/createSuper";
7
8
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
8
- import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
9
- import React from "react";
10
- import Modal from "@semcore/modal";
9
+ import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
10
+ import Button from "@semcore/button";
11
+ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
12
+ import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
13
+ import fire from "@semcore/core/lib/utils/fire";
14
+ import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
11
15
  import { Box, Flex } from "@semcore/flex-box";
12
- import CloseIcon from "@semcore/icon/Close/l";
13
16
  import ArrowLeft from "@semcore/icon/ArrowLeft/m";
17
+ import CloseIcon from "@semcore/icon/Close/l";
18
+ import Modal from "@semcore/modal";
14
19
  import { Text } from "@semcore/typography";
15
- import Button from "@semcore/button";
16
- import fire from "@semcore/core/lib/utils/fire";
20
+ import React from "react";
17
21
  import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
18
- import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
19
- import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
20
- import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
22
+ function _callSuper(t, o, e) {
23
+ return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
24
+ }
21
25
  /*!__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
22
26
  var style = (
23
27
  /*__reshadow_css_start__*/
24
28
  (sstyled.insert(
25
29
  /*__inner_css_start__*/
26
- '.___SFullscreenOverlay_1wg7w_gg_{padding:0}.___SFullscreenModal_1wg7w_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1wg7w_gg_{position:absolute;top:17px;right:24px}.___SBack_1wg7w_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_1wg7w_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1wg7w_gg_.__keyboardFocused_1wg7w_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1wg7w_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1wg7w_gg_,.___SDescription_1wg7w_gg_,.___STitle_1wg7w_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1wg7w_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_1wg7w_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_1wg7w_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_1wg7w_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_1wg7w_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1wg7w_gg_{display:flex;height:100%;overflow:auto}.___SSection_1wg7w_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_1wg7w_gg_{transition:none}}',
30
+ '.___SFullscreenOverlay_fzhrm_gg_{padding:0}.___SFullscreenModal_fzhrm_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_fzhrm_gg_{position:absolute;top:17px;right:24px}.___SBack_fzhrm_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_fzhrm_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_fzhrm_gg_.__keyboardFocused_fzhrm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_fzhrm_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_fzhrm_gg_,.___SDescription_fzhrm_gg_,.___STitle_fzhrm_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_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_fzhrm_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_fzhrm_gg_{display:flex;height:100%;overflow:auto}.___SSection_fzhrm_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_fzhrm_gg_{transition:none}}',
27
31
  /*__inner_css_end__*/
28
- "1wg7w_gg_"
32
+ "fzhrm_gg_"
29
33
  ), /*__reshadow_css_end__*/
30
34
  {
31
- "__SFullscreenOverlay": "___SFullscreenOverlay_1wg7w_gg_",
32
- "__SFullscreenModal": "___SFullscreenModal_1wg7w_gg_",
33
- "__SClose": "___SClose_1wg7w_gg_",
34
- "__SBack": "___SBack_1wg7w_gg_",
35
- "_keyboardFocused": "__keyboardFocused_1wg7w_gg_",
36
- "__SBackText": "___SBackText_1wg7w_gg_",
37
- "__STitle": "___STitle_1wg7w_gg_",
38
- "__SDescription": "___SDescription_1wg7w_gg_",
39
- "__SHeader": "___SHeader_1wg7w_gg_",
40
- "__SFooter": "___SFooter_1wg7w_gg_",
41
- "__SBody": "___SBody_1wg7w_gg_",
42
- "__SSection": "___SSection_1wg7w_gg_"
35
+ "__SFullscreenOverlay": "___SFullscreenOverlay_fzhrm_gg_",
36
+ "__SFullscreenModal": "___SFullscreenModal_fzhrm_gg_",
37
+ "__SClose": "___SClose_fzhrm_gg_",
38
+ "__SBack": "___SBack_fzhrm_gg_",
39
+ "_keyboardFocused": "__keyboardFocused_fzhrm_gg_",
40
+ "__SBackText": "___SBackText_fzhrm_gg_",
41
+ "__STitle": "___STitle_fzhrm_gg_",
42
+ "__SDescription": "___SDescription_fzhrm_gg_",
43
+ "__SHeader": "___SHeader_fzhrm_gg_",
44
+ "__SFooter": "___SFooter_fzhrm_gg_",
45
+ "__SBody": "___SBody_fzhrm_gg_",
46
+ "__SSection": "___SSection_fzhrm_gg_"
43
47
  })
44
48
  );
45
49
  var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
46
- _inherits(FullscreenModalRoot2, _Component);
47
- var _super = _createSuper(FullscreenModalRoot2);
48
50
  function FullscreenModalRoot2() {
49
51
  var _this;
50
52
  _classCallCheck(this, FullscreenModalRoot2);
51
53
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
52
54
  args[_key] = arguments[_key];
53
55
  }
54
- _this = _super.call.apply(_super, [this].concat(args));
55
- _defineProperty(_assertThisInitialized(_this), "state", {
56
+ _this = _callSuper(this, FullscreenModalRoot2, [].concat(args));
57
+ _defineProperty(_this, "state", {
56
58
  hasTitle: false
57
59
  });
58
- _defineProperty(_assertThisInitialized(_this), "bindHandlerClose", function(trigger) {
60
+ _defineProperty(_this, "bindHandlerClose", function(trigger) {
59
61
  return function(e) {
60
- fire(_assertThisInitialized(_this), "onClose", trigger, e);
62
+ fire(_this, "onClose", trigger, e);
61
63
  };
62
64
  });
63
65
  return _this;
64
66
  }
65
- _createClass(FullscreenModalRoot2, [{
67
+ _inherits(FullscreenModalRoot2, _Component);
68
+ return _createClass(FullscreenModalRoot2, [{
66
69
  key: "getCloseProps",
67
70
  value: function getCloseProps() {
68
71
  var getI18nText = this.asProps.getI18nText;
@@ -96,24 +99,23 @@ var FullscreenModalRoot = /* @__PURE__ */ function(_Component) {
96
99
  }, {
97
100
  key: "render",
98
101
  value: function render() {
99
- var _ref = this.asProps, _ref10;
102
+ var _ref = this.asProps, _ref0;
100
103
  var SFullscreenModal = Modal.Window;
101
104
  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;
102
105
  var hasTitle = this.state.hasTitle;
103
106
  var SFullscreenOverlay = Modal.Overlay;
104
- return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(Modal, _ref10.cn("Modal", {
107
+ return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(Modal, _ref0.cn("Modal", {
105
108
  "closable": false,
106
109
  "visible": visible,
107
110
  "onClose": onClose,
108
111
  "duration": duration,
109
112
  "disablePortal": disablePortal
110
- }), /* @__PURE__ */ React.createElement(SFullscreenOverlay, _ref10.cn("SFullscreenOverlay", {}), /* @__PURE__ */ React.createElement(SFullscreenModal, _ref10.cn("SFullscreenModal", _objectSpread({}, assignProps({
113
+ }), /* @__PURE__ */ React.createElement(SFullscreenOverlay, _ref0.cn("SFullscreenOverlay", {}), /* @__PURE__ */ React.createElement(SFullscreenModal, _ref0.cn("SFullscreenModal", _objectSpread({}, assignProps({
111
114
  "aria-label": hasTitle ? void 0 : getI18nText("title"),
112
115
  "aria-labelledby": hasTitle ? "igc-".concat(uid, "-title") : void 0
113
- }, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})))));
116
+ }, _ref))), closable && /* @__PURE__ */ React.createElement(FullscreenModal.Close, null), /* @__PURE__ */ React.createElement(Children, _ref0.cn("Children", {})))));
114
117
  }
115
118
  }]);
116
- return FullscreenModalRoot2;
117
119
  }(Component);
118
120
  _defineProperty(FullscreenModalRoot, "displayName", "FullscreenModal");
119
121
  _defineProperty(FullscreenModalRoot, "style", style);
@@ -123,37 +125,37 @@ _defineProperty(FullscreenModalRoot, "defaultProps", {
123
125
  locale: "en"
124
126
  });
125
127
  function Header(props) {
126
- var _ref2 = arguments[0], _ref11;
128
+ var _ref2 = arguments[0], _ref1;
127
129
  var SHeader = Box;
128
130
  var Children = props.Children, styles = props.styles, title = props.title, description = props.description;
129
- return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref11.cn("SHeader", _objectSpread({}, assignProps({}, _ref2))), title && /* @__PURE__ */ React.createElement(FullscreenModal.Title, {
131
+ return _ref1 = sstyled(styles), /* @__PURE__ */ React.createElement(SHeader, _ref1.cn("SHeader", _objectSpread({}, assignProps({}, _ref2))), title && /* @__PURE__ */ React.createElement(FullscreenModal.Title, {
130
132
  children: title
131
133
  }), description && /* @__PURE__ */ React.createElement(FullscreenModal.Description, {
132
134
  children: description
133
- }), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
135
+ }), /* @__PURE__ */ React.createElement(Children, _ref1.cn("Children", {})));
134
136
  }
135
137
  function Body(props) {
136
- var _ref3 = arguments[0], _ref12;
138
+ var _ref3 = arguments[0], _ref10;
137
139
  var SBody = Box;
138
- return _ref12 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SBody, _ref12.cn("SBody", _objectSpread({}, assignProps({}, _ref3))));
140
+ return _ref10 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SBody, _ref10.cn("SBody", _objectSpread({}, assignProps({}, _ref3))));
139
141
  }
140
142
  function Section(props) {
141
- var _ref4 = arguments[0], _ref13;
143
+ var _ref4 = arguments[0], _ref11;
142
144
  var SSection = Box;
143
- return _ref13 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SSection, _ref13.cn("SSection", _objectSpread({}, assignProps({
145
+ return _ref11 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SSection, _ref11.cn("SSection", _objectSpread({}, assignProps({
144
146
  "tag": "section"
145
147
  }, _ref4))));
146
148
  }
147
149
  function Footer(props) {
148
- var _ref5 = arguments[0], _ref14;
150
+ var _ref5 = arguments[0], _ref12;
149
151
  var SFooter = Flex;
150
- return _ref14 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SFooter, _ref14.cn("SFooter", _objectSpread({}, assignProps({}, _ref5))));
152
+ return _ref12 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, assignProps({}, _ref5))));
151
153
  }
152
154
  function Close(props) {
153
- var _ref6 = arguments[0], _ref15;
155
+ var _ref6 = arguments[0], _ref13;
154
156
  var SClose = Button;
155
157
  var getI18nText = props.getI18nText;
156
- return _ref15 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref15.cn("SClose", _objectSpread({}, assignProps({
158
+ return _ref13 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, assignProps({
157
159
  "use": "tertiary",
158
160
  "size": "l",
159
161
  "theme": "muted",
@@ -161,34 +163,34 @@ function Close(props) {
161
163
  }, _ref6))), /* @__PURE__ */ React.createElement(Button.Addon, {
162
164
  ml: "7px",
163
165
  mr: "7px"
164
- }, /* @__PURE__ */ React.createElement(CloseIcon, _ref15.cn("CloseIcon", {
166
+ }, /* @__PURE__ */ React.createElement(CloseIcon, _ref13.cn("CloseIcon", {
165
167
  "title": getI18nText("close")
166
168
  }))));
167
169
  }
168
170
  function Title(props) {
169
- var _ref7 = arguments[0], _ref16;
171
+ var _ref7 = arguments[0], _ref14;
170
172
  var STitle = Text;
171
173
  var setHasTitle = props.setHasTitle;
172
174
  React.useEffect(function() {
173
175
  return setHasTitle();
174
176
  });
175
- return _ref16 = sstyled(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref16.cn("STitle", _objectSpread({}, assignProps({
177
+ return _ref14 = sstyled(props.styles), /* @__PURE__ */ React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, assignProps({
176
178
  "tag": "h2"
177
179
  }, _ref7))));
178
180
  }
179
181
  function Description(props) {
180
- var _ref8 = arguments[0], _ref17;
182
+ var _ref8 = arguments[0], _ref15;
181
183
  var SDescription = Text;
182
- return _ref17 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref17.cn("SDescription", _objectSpread({}, assignProps({}, _ref8))));
184
+ return _ref15 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SDescription, _ref15.cn("SDescription", _objectSpread({}, assignProps({}, _ref8))));
183
185
  }
184
186
  function Back(props) {
185
- var _ref9 = arguments[0], _ref18;
187
+ var _ref9 = arguments[0], _ref16;
186
188
  var SBack = Box;
187
189
  var SBackText = Text;
188
190
  var Children = props.Children, styles = props.styles;
189
- return _ref18 = sstyled(styles), /* @__PURE__ */ React.createElement(SBack, _ref18.cn("SBack", _objectSpread({}, assignProps({
191
+ return _ref16 = sstyled(styles), /* @__PURE__ */ React.createElement(SBack, _ref16.cn("SBack", _objectSpread({}, assignProps({
190
192
  "tag": "button"
191
- }, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft, _ref18.cn("ArrowLeft", {})), /* @__PURE__ */ React.createElement(SBackText, _ref18.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref18.cn("Children", {}))));
193
+ }, _ref9))), /* @__PURE__ */ React.createElement(ArrowLeft, _ref16.cn("ArrowLeft", {})), /* @__PURE__ */ React.createElement(SBackText, _ref16.cn("SBackText", {}), /* @__PURE__ */ React.createElement(Children, _ref16.cn("Children", {}))));
192
194
  }
193
195
  Back.enhance = [keyboardFocusEnhance()];
194
196
  var FullscreenModal = createComponent(FullscreenModalRoot, {
@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
6
6
  import ja from "./ja.json.mjs";
7
7
  import ko from "./ko.json.mjs";
8
8
  import nl from "./nl.json.mjs";
9
+ import pl from "./pl.json.mjs";
9
10
  import pt from "./pt.json.mjs";
11
+ import sv from "./sv.json.mjs";
10
12
  import tr from "./tr.json.mjs";
11
13
  import vi from "./vi.json.mjs";
12
14
  import zh from "./zh.json.mjs";
13
- import pl from "./pl.json.mjs";
14
- import sv from "./sv.json.mjs";
15
15
  var localizedMessages = {
16
16
  de,
17
17
  en,
@@ -1,8 +1,8 @@
1
- import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
2
- import { ModalProps } from '@semcore/modal';
3
- import { Flex, Box, BoxProps } from '@semcore/flex-box';
4
- import Button from '@semcore/button';
5
- import { Text } from '@semcore/typography';
1
+ import type Button from '@semcore/button';
2
+ import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
3
+ import type { Flex, Box, BoxProps } from '@semcore/flex-box';
4
+ import type { ModalProps } from '@semcore/modal';
5
+ import type { Text } from '@semcore/typography';
6
6
 
7
7
  /** @deprecated */
8
8
  export interface IFullscreenModalProps extends FullscreenModalProps, UnknownProperties {}
@@ -17,7 +17,7 @@ export type FullscreenModalProps = ModalProps & {
17
17
  /** @deprecated */
18
18
  export interface IFullscreenModalHeaderProps
19
19
  extends FullscreenModalHeaderProps,
20
- UnknownProperties {}
20
+ UnknownProperties {}
21
21
  export type FullscreenModalHeaderProps = BoxProps & {
22
22
  title?: React.ReactNode;
23
23
  description?: React.ReactNode;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/fullscreen-modal",
3
3
  "description": "Semrush FullscreenModal Component",
4
- "version": "16.1.1",
4
+ "version": "16.1.2-prerelease.3",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,14 +14,14 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/icon": "16.2.0",
18
- "@semcore/modal": "16.1.1",
19
- "@semcore/typography": "16.1.1",
20
- "@semcore/button": "16.0.1",
21
- "@semcore/flex-box": "16.0.1"
17
+ "@semcore/icon": "16.2.1-prerelease.3",
18
+ "@semcore/modal": "16.1.2-prerelease.3",
19
+ "@semcore/typography": "16.1.2-prerelease.3",
20
+ "@semcore/button": "16.0.2-prerelease.3",
21
+ "@semcore/flex-box": "16.0.2-prerelease.3"
22
22
  },
23
23
  "peerDependencies": {
24
- "@semcore/base-components": "^16.0.0"
24
+ "@semcore/base-components": "^16.0.2-prerelease.3"
25
25
  },
26
26
  "repository": {
27
27
  "type": "git",
@@ -29,7 +29,7 @@
29
29
  "directory": "semcore/fullscreen-modal"
30
30
  },
31
31
  "devDependencies": {
32
- "@types/react": "18.0.21",
32
+ "@semcore/core": "16.0.0",
33
33
  "@semcore/testing-utils": "1.0.0"
34
34
  },
35
35
  "scripts": {