@semcore/modal 16.1.13 → 17.0.0-prerelease.17

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.
@@ -1 +1 @@
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
+ {"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,MAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
package/lib/es6/Modal.js CHANGED
@@ -1,8 +1,3 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
- import _createClass from "@babel/runtime/helpers/createClass";
4
- import _callSuper from "@babel/runtime/helpers/callSuper";
5
- import _inherits from "@babel/runtime/helpers/inherits";
6
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
2
  import { sstyled as _sstyled } from "@semcore/core";
8
3
  import { assignProps as _assignProps5 } from "@semcore/core";
@@ -10,8 +5,7 @@ import { assignProps as _assignProps4 } from "@semcore/core";
10
5
  import { assignProps as _assignProps3 } from "@semcore/core";
11
6
  import { assignProps as _assignProps2 } from "@semcore/core";
12
7
  import { assignProps as _assignProps } from "@semcore/core";
13
- import { FadeInOut, Slide } from '@semcore/animation';
14
- import { Flex } from '@semcore/base-components';
8
+ import { FadeInOut, Slide, Flex, OutsideClick, Portal, PortalProvider } from '@semcore/base-components';
15
9
  import Button from '@semcore/button';
16
10
  import { createComponent, Component, sstyled, Root } from '@semcore/core';
17
11
  import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
@@ -25,131 +19,116 @@ import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
25
19
  import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
26
20
  import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
27
21
  import CloseIcon from '@semcore/icon/Close/l';
28
- import OutsideClick from '@semcore/outside-click';
29
- import Portal, { PortalProvider } from '@semcore/portal';
30
22
  import { Text } from '@semcore/typography';
31
23
  import React from 'react';
32
24
  /*!__reshadow-styles__:"./style/modal.shadow.css"*/
33
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWindow_5oobv_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_5oobv_gg_:focus{outline:0}.___SWindow_5oobv_gg_ .___STitle_5oobv_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_5oobv_gg_ .___STitle_5oobv_gg_.__color_5oobv_gg_{color:var(--color_5oobv)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_5oobv_gg_ .___SClose_5oobv_gg_.__ghost_5oobv_gg_{right:0;top:0}.___SWindow_5oobv_gg_.__ghost_5oobv_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_5oobv_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_5oobv_gg_{display:flex;justify-content:center;flex-wrap:wrap;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_5oobv_gg_ .___SOverlay_5oobv_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_5oobv_gg_{min-width:60%}.___SOverlayContentWrapper_5oobv_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"5oobv_gg_"),
25
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWindow_1ij8i_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1ij8i_gg_:focus{outline:0}.___SWindow_1ij8i_gg_ .___STitle_1ij8i_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1ij8i_gg_ .___STitle_1ij8i_gg_.__color_1ij8i_gg_{color:var(--color_1ij8i)}.___SWindow_1ij8i_gg_ .___SClose_1ij8i_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1ij8i_gg_ .___SClose_1ij8i_gg_.__ghost_1ij8i_gg_{right:0;top:0}.___SWindow_1ij8i_gg_.__ghost_1ij8i_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlayContentWrapper_1ij8i_gg_{flex:1;max-width:100%;box-sizing:border-box;padding:var(--intergalactic-spacing-10x, 40px)}.___SOverlay_1ij8i_gg_{display:flex;justify-content:center;flex-wrap:wrap;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;-webkit-overflow-scrolling:touch}.___SOverlay_1ij8i_gg_ .___SOverlay_1ij8i_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1ij8i_gg_{min-width:60%}.___SOverlayContentWrapper_1ij8i_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}", /*__inner_css_end__*/"1ij8i_gg_"),
34
26
  /*__reshadow_css_end__*/
35
27
  {
36
- "__SWindow": "___SWindow_5oobv_gg_",
37
- "_ghost": "__ghost_5oobv_gg_",
38
- "__SOverlayContentWrapper": "___SOverlayContentWrapper_5oobv_gg_",
39
- "__STitle": "___STitle_5oobv_gg_",
40
- "_color": "__color_5oobv_gg_",
41
- "--color": "--color_5oobv",
42
- "__SClose": "___SClose_5oobv_gg_",
43
- "__SOverlay": "___SOverlay_5oobv_gg_"
28
+ "__SWindow": "___SWindow_1ij8i_gg_",
29
+ "_ghost": "__ghost_1ij8i_gg_",
30
+ "__SOverlayContentWrapper": "___SOverlayContentWrapper_1ij8i_gg_",
31
+ "__STitle": "___STitle_1ij8i_gg_",
32
+ "_color": "__color_1ij8i_gg_",
33
+ "--color": "--color_1ij8i",
34
+ "__SClose": "___SClose_1ij8i_gg_",
35
+ "__SOverlay": "___SOverlay_1ij8i_gg_"
44
36
  });
45
37
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
46
- var ModalRoot = /*#__PURE__*/function (_Component) {
47
- function ModalRoot() {
48
- var _this;
49
- _classCallCheck(this, ModalRoot);
50
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
51
- args[_key] = arguments[_key];
52
- }
53
- _this = _callSuper(this, ModalRoot, [].concat(args));
54
- _defineProperty(_this, "state", {
38
+ class ModalRoot extends Component {
39
+ constructor(...args) {
40
+ super(...args);
41
+ _defineProperty(this, "state", {
55
42
  hasTitle: false
56
43
  });
57
- _defineProperty(_this, "handleKeyDown", function (e) {
44
+ _defineProperty(this, "handleKeyDown", e => {
58
45
  if (e.key === 'Escape') {
59
46
  e.stopPropagation();
60
- fire(_this, 'onClose', 'onEscape', e);
47
+ fire(this, 'onClose', 'onEscape', e);
61
48
  }
62
49
  });
63
- _defineProperty(_this, "handleIconCloseClick", function (e) {
64
- fire(_this, 'onClose', 'onCloseClick', e);
50
+ _defineProperty(this, "handleIconCloseClick", e => {
51
+ fire(this, 'onClose', 'onCloseClick', e);
65
52
  });
66
- _defineProperty(_this, "handleOutsideClick", function (e) {
67
- fire(_this, 'onClose', 'onOutsideClick', e);
53
+ _defineProperty(this, "handleOutsideClick", e => {
54
+ fire(this, 'onClose', 'onOutsideClick', e);
68
55
  });
69
- return _this;
70
56
  }
71
- _inherits(ModalRoot, _Component);
72
- return _createClass(ModalRoot, [{
73
- key: "getOverlayProps",
74
- value: function getOverlayProps() {
75
- var _this$asProps = this.asProps,
76
- duration = _this$asProps.duration,
77
- visible = _this$asProps.visible,
78
- animationsDisabled = _this$asProps.animationsDisabled,
79
- disablePreventScroll = _this$asProps.disablePreventScroll;
80
- return {
81
- duration: duration,
82
- visible: visible,
83
- onOutsideClick: this.handleOutsideClick,
84
- animationsDisabled: animationsDisabled,
85
- disablePreventScroll: disablePreventScroll
86
- };
87
- }
88
- }, {
89
- key: "getWindowProps",
90
- value: function getWindowProps() {
91
- var _this$asProps2 = this.asProps,
92
- visible = _this$asProps2.visible,
93
- closable = _this$asProps2.closable,
94
- getI18nText = _this$asProps2.getI18nText,
95
- uid = _this$asProps2.uid,
96
- duration = _this$asProps2.duration,
97
- animationsDisabled = _this$asProps2.animationsDisabled;
98
- var hasTitle = this.state.hasTitle;
99
- return {
100
- visible: visible,
101
- closable: closable,
102
- 'onKeyDown': this.handleKeyDown,
103
- 'aria-label': hasTitle ? undefined : getI18nText('title'),
104
- 'aria-labelledby': hasTitle ? "igc-".concat(uid, "-title") : undefined,
105
- duration: duration,
106
- animationsDisabled: animationsDisabled
107
- };
108
- }
109
- }, {
110
- key: "getCloseProps",
111
- value: function getCloseProps() {
112
- var _this$asProps3 = this.asProps,
113
- getI18nText = _this$asProps3.getI18nText,
114
- ghost = _this$asProps3.ghost;
115
- return {
116
- onClick: this.handleIconCloseClick,
117
- getI18nText: getI18nText,
118
- ghost: ghost
119
- };
120
- }
121
- }, {
122
- key: "getTitleProps",
123
- value: function getTitleProps() {
124
- var _this2 = this;
125
- var uid = this.asProps.uid;
126
- var setHasTitle = function setHasTitle() {
127
- return _this2.setState({
128
- hasTitle: true
129
- });
130
- };
131
- return {
132
- id: "igc-".concat(uid, "-title"),
133
- setHasTitle: setHasTitle
134
- };
135
- }
136
- }, {
137
- key: "render",
138
- value: function render() {
139
- var _ref = this.asProps;
140
- var _this$asProps4 = this.asProps,
141
- Children = _this$asProps4.Children,
142
- disablePortal = _this$asProps4.disablePortal,
143
- forcedAdvancedMode = _this$asProps4.forcedAdvancedMode,
144
- ignorePortalsStacking = _this$asProps4.ignorePortalsStacking;
145
- var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
146
- return /*#__PURE__*/React.createElement(Portal, {
147
- disablePortal: disablePortal,
148
- ignorePortalsStacking: ignorePortalsStacking
149
- }, advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Modal.Overlay, null, /*#__PURE__*/React.createElement(Modal.Window, _assignProps({}, _ref))));
150
- }
151
- }]);
152
- }(Component);
57
+ getOverlayProps() {
58
+ const {
59
+ duration,
60
+ visible,
61
+ animationsDisabled,
62
+ disablePreventScroll
63
+ } = this.asProps;
64
+ return {
65
+ duration,
66
+ visible,
67
+ onOutsideClick: this.handleOutsideClick,
68
+ animationsDisabled,
69
+ disablePreventScroll
70
+ };
71
+ }
72
+ getWindowProps() {
73
+ const {
74
+ visible,
75
+ closable,
76
+ getI18nText,
77
+ uid,
78
+ duration,
79
+ animationsDisabled
80
+ } = this.asProps;
81
+ const {
82
+ hasTitle
83
+ } = this.state;
84
+ return {
85
+ visible,
86
+ closable,
87
+ 'onKeyDown': this.handleKeyDown,
88
+ 'aria-label': hasTitle ? undefined : getI18nText('title'),
89
+ 'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,
90
+ duration,
91
+ animationsDisabled
92
+ };
93
+ }
94
+ getCloseProps() {
95
+ const {
96
+ getI18nText,
97
+ ghost
98
+ } = this.asProps;
99
+ return {
100
+ onClick: this.handleIconCloseClick,
101
+ getI18nText,
102
+ ghost
103
+ };
104
+ }
105
+ getTitleProps() {
106
+ const {
107
+ uid
108
+ } = this.asProps;
109
+ const setHasTitle = () => this.setState({
110
+ hasTitle: true
111
+ });
112
+ return {
113
+ id: `igc-${uid}-title`,
114
+ setHasTitle
115
+ };
116
+ }
117
+ render() {
118
+ var _ref = this.asProps;
119
+ const {
120
+ Children,
121
+ disablePortal,
122
+ forcedAdvancedMode,
123
+ ignorePortalsStacking
124
+ } = this.asProps;
125
+ const advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
126
+ return /*#__PURE__*/React.createElement(Portal, {
127
+ disablePortal: disablePortal,
128
+ ignorePortalsStacking: ignorePortalsStacking
129
+ }, advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Modal.Overlay, null, /*#__PURE__*/React.createElement(Modal.Window, _assignProps({}, _ref))));
130
+ }
131
+ }
153
132
  _defineProperty(ModalRoot, "displayName", 'Modal');
154
133
  _defineProperty(ModalRoot, "style", style);
155
134
  _defineProperty(ModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), cssVariableEnhance({
@@ -167,24 +146,28 @@ _defineProperty(ModalRoot, "defaultProps", {
167
146
  function Window(props) {
168
147
  var _ref2 = arguments[0],
169
148
  _ref6;
170
- var SWindow = Slide;
171
- var Children = props.Children,
172
- styles = props.styles,
173
- visible = props.visible,
174
- closable = props.closable,
175
- duration = props.duration;
176
- var windowRef = React.useRef(null);
149
+ const SWindow = Slide;
150
+ const {
151
+ Children,
152
+ styles,
153
+ visible,
154
+ closable,
155
+ duration
156
+ } = props;
157
+ const windowRef = React.useRef(null);
177
158
  useFocusLock(windowRef, 'enforced', 'auto', !visible, true);
178
- return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SWindow, _ref6.cn("SWindow", _objectSpread({}, _assignProps2({
179
- "initialAnimation": true,
180
- "slideOrigin": 'top',
181
- "visible": visible,
182
- "role": 'dialog',
183
- "aria-modal": true,
184
- "duration": duration,
185
- "ref": windowRef,
186
- "tabIndex": -1
187
- }, _ref2))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
159
+ return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SWindow, _ref6.cn("SWindow", {
160
+ ..._assignProps2({
161
+ "initialAnimation": true,
162
+ "slideOrigin": 'top',
163
+ "visible": visible,
164
+ "role": 'dialog',
165
+ "aria-modal": true,
166
+ "duration": duration,
167
+ "ref": windowRef,
168
+ "tabIndex": -1
169
+ }, _ref2)
170
+ }), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref6.cn("ZIndexStackingContextProvider", {
188
171
  "designToken": 'z-index-modal'
189
172
  }), /*#__PURE__*/React.createElement(PortalProvider, _ref6.cn("PortalProvider", {
190
173
  "value": windowRef
@@ -193,19 +176,23 @@ function Window(props) {
193
176
  function Overlay(props) {
194
177
  var _ref3 = arguments[0],
195
178
  _ref7;
196
- var SOverlay = FadeInOut;
197
- var SOverlayContentWrapper = Flex;
198
- var Children = props.Children,
199
- styles = props.styles,
200
- onOutsideClick = props.onOutsideClick,
201
- visible = props.visible;
202
- var overlayContentWrapperRef = React.useRef(null);
179
+ const SOverlay = FadeInOut;
180
+ const SOverlayContentWrapper = Flex;
181
+ const {
182
+ Children,
183
+ styles,
184
+ onOutsideClick,
185
+ visible
186
+ } = props;
187
+ const overlayContentWrapperRef = React.useRef(null);
203
188
  usePreventScroll(visible, props.disablePreventScroll);
204
189
  useContextTheme(overlayContentWrapperRef, visible);
205
- var zIndex = useZIndexStacking('z-index-modal');
206
- return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SOverlay, _ref7.cn("SOverlay", _objectSpread({}, _assignProps3({
207
- "zIndex": zIndex
208
- }, _ref3))), /*#__PURE__*/React.createElement(SOverlayContentWrapper, _ref7.cn("SOverlayContentWrapper", {
190
+ const zIndex = useZIndexStacking('z-index-modal');
191
+ return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SOverlay, _ref7.cn("SOverlay", {
192
+ ..._assignProps3({
193
+ "zIndex": zIndex
194
+ }, _ref3)
195
+ }), /*#__PURE__*/React.createElement(SOverlayContentWrapper, _ref7.cn("SOverlayContentWrapper", {
209
196
  "data-ui-name": 'Modal.Overlay.ContentWrapper',
210
197
  "ref": overlayContentWrapperRef
211
198
  }), /*#__PURE__*/React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
@@ -216,17 +203,21 @@ function Overlay(props) {
216
203
  function Close(props) {
217
204
  var _ref4 = arguments[0],
218
205
  _ref8;
219
- var SClose = Button;
220
- var Children = props.Children,
221
- hasChildren = props.children,
222
- getI18nText = props.getI18nText,
223
- ghost = props.ghost;
224
- return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps4({
225
- "use": 'tertiary',
226
- "size": 'l',
227
- "theme": ghost ? 'invert' : 'muted',
228
- "aria-label": getI18nText('close')
229
- }, _ref4))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})) : /*#__PURE__*/React.createElement(Button.Addon, {
206
+ const SClose = Button;
207
+ const {
208
+ Children,
209
+ children: hasChildren,
210
+ getI18nText,
211
+ ghost
212
+ } = props;
213
+ return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", {
214
+ ..._assignProps4({
215
+ "use": 'tertiary',
216
+ "size": 'l',
217
+ "theme": ghost ? 'invert' : 'muted',
218
+ "aria-label": getI18nText('close')
219
+ }, _ref4)
220
+ }), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})) : /*#__PURE__*/React.createElement(Button.Addon, {
230
221
  ml: "7px",
231
222
  mr: "7px"
232
223
  }, /*#__PURE__*/React.createElement(CloseIcon, _ref8.cn("CloseIcon", {
@@ -236,24 +227,26 @@ function Close(props) {
236
227
  function Title(props) {
237
228
  var _ref5 = arguments[0],
238
229
  _ref9;
239
- var setHasTitle = props.setHasTitle,
240
- styles = props.styles,
241
- color = props.color;
242
- var STitle = Text;
243
- var resolveColor = useColorResolver();
244
- React.useEffect(function () {
245
- return setHasTitle();
246
- });
247
- return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref9.cn("STitle", _objectSpread({}, _assignProps5({
248
- "tag": 'h2',
249
- "use:color": resolveColor(color)
250
- }, _ref5))));
230
+ const {
231
+ setHasTitle,
232
+ styles,
233
+ color
234
+ } = props;
235
+ const STitle = Text;
236
+ const resolveColor = useColorResolver();
237
+ React.useEffect(() => setHasTitle());
238
+ return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref9.cn("STitle", {
239
+ ..._assignProps5({
240
+ "tag": 'h2',
241
+ "use:color": resolveColor(color)
242
+ }, _ref5)
243
+ }));
251
244
  }
252
- var Modal = createComponent(ModalRoot, {
253
- Window: Window,
254
- Overlay: Overlay,
255
- Close: Close,
256
- Title: Title
245
+ const Modal = createComponent(ModalRoot, {
246
+ Window,
247
+ Overlay,
248
+ Close,
249
+ Title
257
250
  });
258
251
  export default Modal;
259
252
  //# sourceMappingURL=Modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","names":["FadeInOut","Slide","Flex","Button","createComponent","Component","sstyled","Root","i18nEnhance","isAdvanceMode","fire","useContextTheme","uniqueIDEnhancement","useColorResolver","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","CloseIcon","OutsideClick","Portal","PortalProvider","Text","React","style","_sstyled","insert","localizedMessages","ModalRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","hasTitle","e","key","stopPropagation","_inherits","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_objectSpread","_assignProps2","Close","_ref3","_ref7","SOverlay","SOverlayContentWrapper","overlayContentWrapperRef","zIndex","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","Addon","ml","mr","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import { FadeInOut, Slide } from '@semcore/animation';\nimport { Flex } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport OutsideClick from '@semcore/outside-click';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass ModalRoot extends Component {\n static displayName = 'Modal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n static defaultProps = {\n closable: true,\n i18n: localizedMessages,\n locale: 'en',\n disablePreventScroll: false,\n };\n\n state = { hasTitle: false };\n\n handleKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n getOverlayProps() {\n const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n duration,\n visible,\n onOutsideClick: this.handleOutsideClick,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getWindowProps() {\n const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n const { hasTitle } = this.state;\n return {\n visible,\n closable,\n 'onKeyDown': this.handleKeyDown,\n 'aria-label': hasTitle ? undefined : getI18nText('title'),\n 'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n duration,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n const { getI18nText, ghost } = this.asProps;\n\n return {\n onClick: this.handleIconCloseClick,\n getI18nText,\n ghost,\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 { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <Modal.Overlay>\n <Root render={Modal.Window} />\n </Modal.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Window(props) {\n const SWindow = Root;\n const { Children, styles, visible, closable, duration } = props;\n const windowRef = React.useRef(null);\n\n useFocusLock(windowRef, 'enforced', 'auto', !visible, true);\n\n return sstyled(styles)(\n <SWindow\n render={Slide}\n initialAnimation={true}\n slideOrigin='top'\n visible={visible}\n role='dialog'\n aria-modal={true}\n duration={duration}\n ref={windowRef}\n tabIndex={-1}\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={windowRef}>\n {closable && <Modal.Close />}\n <Children />\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SWindow>,\n );\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const SOverlayContentWrapper = Flex;\n const { Children, styles, onOutsideClick, visible } = props;\n const overlayContentWrapperRef = React.useRef(null);\n usePreventScroll(visible, props.disablePreventScroll);\n useContextTheme(overlayContentWrapperRef, visible);\n const zIndex = useZIndexStacking('z-index-modal');\n\n return sstyled(styles)(\n <SOverlay render={FadeInOut} zIndex={zIndex}>\n {/* This child component is intended to be private. Since true encapsulation isn't possible in this context, we’re applying the data-ui-name attribute directly as a workaround. */}\n <SOverlayContentWrapper data-ui-name='Modal.Overlay.ContentWrapper' ref={overlayContentWrapperRef}>\n <OutsideClick root={overlayContentWrapperRef} onOutsideClick={onOutsideClick}>\n <Children />\n </OutsideClick>\n </SOverlayContentWrapper>\n </SOverlay>,\n );\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { Children, children: hasChildren, getI18nText, ghost } = props;\n return sstyled(props.styles)(\n <SClose\n render={Button}\n use='tertiary'\n size='l'\n theme={ghost ? 'invert' : 'muted'}\n aria-label={getI18nText('close')}\n >\n {hasChildren\n ? (\n <Children />\n )\n : (\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n )}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const { setHasTitle, styles, color } = props;\n const STitle = Root;\n\n const resolveColor = useColorResolver();\n React.useEffect(() => setHasTitle());\n\n return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n Window,\n Overlay,\n Close,\n Title,\n});\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Modal.js","names":["FadeInOut","Slide","Flex","OutsideClick","Portal","PortalProvider","Button","createComponent","Component","sstyled","Root","i18nEnhance","isAdvanceMode","fire","useContextTheme","uniqueIDEnhancement","useColorResolver","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","CloseIcon","Text","React","style","_sstyled","insert","localizedMessages","ModalRoot","constructor","args","_defineProperty","hasTitle","e","key","stopPropagation","getOverlayProps","duration","visible","animationsDisabled","disablePreventScroll","asProps","onOutsideClick","handleOutsideClick","getWindowProps","closable","getI18nText","uid","state","handleKeyDown","undefined","getCloseProps","ghost","onClick","handleIconCloseClick","getTitleProps","setHasTitle","setState","id","render","_ref","Children","disablePortal","forcedAdvancedMode","ignorePortalsStacking","advancedMode","Modal","Overlay","displayName","Window","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","i18n","locale","props","_ref2","arguments[0]","_ref6","SWindow","styles","windowRef","useRef","cn","_assignProps2","Close","_ref3","_ref7","SOverlay","SOverlayContentWrapper","overlayContentWrapperRef","zIndex","_assignProps3","_ref4","_ref8","SClose","children","hasChildren","_assignProps4","Addon","ml","mr","Title","_ref5","_ref9","color","STitle","resolveColor","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, OutsideClick, Portal, PortalProvider } from '@semcore/base-components';\nimport Button from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass ModalRoot extends Component {\n static displayName = 'Modal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n uniqueIDEnhancement(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n static defaultProps = {\n closable: true,\n i18n: localizedMessages,\n locale: 'en',\n disablePreventScroll: false,\n };\n\n state = { hasTitle: false };\n\n handleKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n getOverlayProps() {\n const { duration, visible, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n duration,\n visible,\n onOutsideClick: this.handleOutsideClick,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getWindowProps() {\n const { visible, closable, getI18nText, uid, duration, animationsDisabled } = this.asProps;\n const { hasTitle } = this.state;\n return {\n visible,\n closable,\n 'onKeyDown': this.handleKeyDown,\n 'aria-label': hasTitle ? undefined : getI18nText('title'),\n 'aria-labelledby': hasTitle ? `igc-${uid}-title` : undefined,\n duration,\n animationsDisabled,\n };\n }\n\n getCloseProps() {\n const { getI18nText, ghost } = this.asProps;\n\n return {\n onClick: this.handleIconCloseClick,\n getI18nText,\n ghost,\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 { Children, disablePortal, forcedAdvancedMode, ignorePortalsStacking } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <Modal.Overlay>\n <Root render={Modal.Window} />\n </Modal.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Window(props) {\n const SWindow = Root;\n const { Children, styles, visible, closable, duration } = props;\n const windowRef = React.useRef(null);\n\n useFocusLock(windowRef, 'enforced', 'auto', !visible, true);\n\n return sstyled(styles)(\n <SWindow\n render={Slide}\n initialAnimation={true}\n slideOrigin='top'\n visible={visible}\n role='dialog'\n aria-modal={true}\n duration={duration}\n ref={windowRef}\n tabIndex={-1}\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={windowRef}>\n {closable && <Modal.Close />}\n <Children />\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SWindow>,\n );\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const SOverlayContentWrapper = Flex;\n const { Children, styles, onOutsideClick, visible } = props;\n const overlayContentWrapperRef = React.useRef(null);\n usePreventScroll(visible, props.disablePreventScroll);\n useContextTheme(overlayContentWrapperRef, visible);\n const zIndex = useZIndexStacking('z-index-modal');\n\n return sstyled(styles)(\n <SOverlay render={FadeInOut} zIndex={zIndex}>\n {/* This child component is intended to be private. Since true encapsulation isn't possible in this context, we’re applying the data-ui-name attribute directly as a workaround. */}\n <SOverlayContentWrapper data-ui-name='Modal.Overlay.ContentWrapper' ref={overlayContentWrapperRef}>\n <OutsideClick root={overlayContentWrapperRef} onOutsideClick={onOutsideClick}>\n <Children />\n </OutsideClick>\n </SOverlayContentWrapper>\n </SOverlay>,\n );\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { Children, children: hasChildren, getI18nText, ghost } = props;\n return sstyled(props.styles)(\n <SClose\n render={Button}\n use='tertiary'\n size='l'\n theme={ghost ? 'invert' : 'muted'}\n aria-label={getI18nText('close')}\n >\n {hasChildren\n ? (\n <Children />\n )\n : (\n <Button.Addon ml='7px' mr='7px'>\n <CloseIcon title={getI18nText('close')} />\n </Button.Addon>\n )}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const { setHasTitle, styles, color } = props;\n const STitle = Root;\n\n const resolveColor = useColorResolver();\n React.useEffect(() => setHasTitle());\n\n return sstyled(styles)(<STitle render={Text} tag='h2' use:color={resolveColor(color)} />);\n}\n\nconst Modal = createComponent(ModalRoot, {\n Window,\n Overlay,\n Close,\n Title,\n});\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface IModalProps extends ModalProps, UnknownProperties {}\nexport type ModalProps = PortalProps &\n BoxProps &\n FadeInOutProps & {\n /** Duration of animation, ms\n * @default 200\n */\n duration?: number;\n /** This property is responsible for the visibility of the modal window */\n visible?: boolean;\n /** Function called when the component is hidden */\n onClose?: (\n trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n /** Displaying the close button(x) in the upper-right corner of the modal dialog\n * @default true\n * */\n closable?: boolean;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Props for render modal without background and paddings. Useful in carousel for example\n */\n ghost?: boolean;\n };\n\n/** @deprecated */\nexport interface IWindowProps extends WindowProps, UnknownProperties {}\nexport type WindowProps = BoxProps & SlideProps & {};\n\n/** @deprecated */\nexport interface IModalContext extends ModalContext, UnknownProperties {}\nexport type ModalContext = {\n getOverlayProps: PropGetterFn;\n getWindowProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n Window: Intergalactic.Component<'div', WindowProps>;\n Overlay: typeof Box;\n Close: typeof Button;\n Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, Box, BoxProps, PortalProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ModalProps = PortalProps &\n BoxProps &\n FadeInOutProps & {\n /** Duration of animation, ms\n * @default 200\n */\n duration?: number;\n /** This property is responsible for the visibility of the modal window */\n visible?: boolean;\n /** Function called when the component is hidden */\n onClose?: (\n trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',\n e?: React.MouseEvent | React.KeyboardEvent,\n ) => void;\n /** Displaying the close button(x) in the upper-right corner of the modal dialog\n * @default true\n * */\n closable?: boolean;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Props for render modal without background and paddings. Useful in carousel for example\n */\n ghost?: boolean;\n };\n\nexport type WindowProps = BoxProps & SlideProps & {};\n\nexport type ModalContext = {\n getOverlayProps: PropGetterFn;\n getWindowProps: PropGetterFn;\n getCloseProps: PropGetterFn;\n};\n\ndeclare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {\n Window: Intergalactic.Component<'div', WindowProps>;\n Overlay: typeof Box;\n Close: typeof Button;\n Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":"","ignoreList":[]}
@@ -12,20 +12,20 @@ import sv from './sv.json';
12
12
  import tr from './tr.json';
13
13
  import vi from './vi.json';
14
14
  import zh from './zh.json';
15
- export var localizedMessages = {
16
- de: de,
17
- en: en,
18
- es: es,
19
- fr: fr,
20
- it: it,
21
- ja: ja,
22
- ko: ko,
23
- nl: nl,
24
- pt: pt,
25
- tr: tr,
26
- vi: vi,
27
- zh: zh,
28
- pl: pl,
29
- sv: sv
15
+ export const localizedMessages = {
16
+ de,
17
+ en,
18
+ es,
19
+ fr,
20
+ it,
21
+ ja,
22
+ ko,
23
+ nl,
24
+ pt,
25
+ tr,
26
+ vi,
27
+ zh,
28
+ pl,
29
+ sv
30
30
  };
31
31
  //# sourceMappingURL=__intergalactic-dynamic-locales.js.map
@@ -1 +1 @@
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
+ {"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,MAAMC,iBAAiB,GAAG;EAC/Bd,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFE,EAAE;EACFE,EAAE;EACFC,EAAE;EACFC,EAAE;EACFL,EAAE;EACFE;AACF,CAAC","ignoreList":[]}