intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/modal/lib/es6/Modal.js

@@ -0,0 +1,239 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps5 } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import { FadeInOut, Slide } from '@semcore/animation';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
+import Portal, { PortalProvider } from '@semcore/portal';
+import { Box } from '@semcore/flex-box';
+import OutsideClick from '@semcore/outside-click';
+import CloseIcon from '@semcore/icon/Close/l';
+import fire from '@semcore/utils/lib/fire';
+import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
+import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+/*__reshadow-styles__:"./style/modal.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_axpwz_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_axpwz_gg_:focus{outline:0}.___SWindow_axpwz_gg_.__ghost_axpwz_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_axpwz_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_axpwz_gg_ .___SOverlay_axpwz_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_axpwz_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_axpwz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_axpwz_gg_.__ghost_axpwz_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_axpwz_gg_.__ghost_axpwz_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_axpwz_gg_.__keyboardFocused_axpwz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_axpwz_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)}@media (max-width:767px){.___SWindow_axpwz_gg_{min-width:60%}.___SOverlay_axpwz_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "axpwz_gg_") /*__reshadow_css_end__*/, {
+  "__SWindow": "___SWindow_axpwz_gg_",
+  "_ghost": "__ghost_axpwz_gg_",
+  "__SClose": "___SClose_axpwz_gg_",
+  "_keyboardFocused": "__keyboardFocused_axpwz_gg_",
+  "__STitle": "___STitle_axpwz_gg_",
+  "__SOverlay": "___SOverlay_axpwz_gg_"
+});
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
+import { Text } from '@semcore/typography';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
+import { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';
+import { useContextTheme } from '@semcore/utils/lib/ThemeProvider';
+var ModalRoot = /*#__PURE__*/function (_Component) {
+  _inherits(ModalRoot, _Component);
+  var _super = _createSuper(ModalRoot);
+  function ModalRoot() {
+    var _this;
+    _classCallCheck(this, ModalRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hasTitle: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
+      if (e.key === 'Escape') {
+        e.stopPropagation();
+        fire(_assertThisInitialized(_this), 'onClose', 'onEscape', e);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleIconCloseClick", function (e) {
+      fire(_assertThisInitialized(_this), 'onClose', 'onCloseClick', e);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleOutsideClick", function (e) {
+      fire(_assertThisInitialized(_this), 'onClose', 'onOutsideClick', e);
+    });
+    return _this;
+  }
+  _createClass(ModalRoot, [{
+    key: "getOverlayProps",
+    value: function getOverlayProps() {
+      var _this$asProps = this.asProps,
+        duration = _this$asProps.duration,
+        visible = _this$asProps.visible,
+        animationsDisabled = _this$asProps.animationsDisabled,
+        disablePreventScroll = _this$asProps.disablePreventScroll;
+      return {
+        duration: duration,
+        visible: visible,
+        onOutsideClick: this.handleOutsideClick,
+        animationsDisabled: animationsDisabled,
+        disablePreventScroll: disablePreventScroll
+      };
+    }
+  }, {
+    key: "getWindowProps",
+    value: function getWindowProps() {
+      var _this$asProps2 = this.asProps,
+        visible = _this$asProps2.visible,
+        closable = _this$asProps2.closable,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid,
+        duration = _this$asProps2.duration,
+        animationsDisabled = _this$asProps2.animationsDisabled;
+      var hasTitle = this.state.hasTitle;
+      return {
+        visible: visible,
+        closable: closable,
+        onKeyDown: this.handleKeyDown,
+        'aria-label': hasTitle ? undefined : getI18nText('title'),
+        'aria-labelledby': hasTitle ? "igc-".concat(uid, "-title") : undefined,
+        duration: duration,
+        animationsDisabled: animationsDisabled
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      var _this$asProps3 = this.asProps,
+        getI18nText = _this$asProps3.getI18nText,
+        ghost = _this$asProps3.ghost;
+      return {
+        onClick: this.handleIconCloseClick,
+        getI18nText: getI18nText,
+        ghost: ghost
+      };
+    }
+  }, {
+    key: "getTitleProps",
+    value: function getTitleProps() {
+      var _this2 = this;
+      var uid = this.asProps.uid;
+      var setHasTitle = function setHasTitle() {
+        return _this2.setState({
+          hasTitle: true
+        });
+      };
+      return {
+        id: "igc-".concat(uid, "-title"),
+        setHasTitle: setHasTitle
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps;
+      var _this$asProps4 = this.asProps,
+        Children = _this$asProps4.Children,
+        disablePortal = _this$asProps4.disablePortal,
+        forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
+      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);
+      return /*#__PURE__*/React.createElement(Portal, {
+        disablePortal: disablePortal
+      }, advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Modal.Overlay, null, /*#__PURE__*/React.createElement(Modal.Window, _assignProps({}, _ref))));
+    }
+  }]);
+  return ModalRoot;
+}(Component);
+_defineProperty(ModalRoot, "displayName", 'Modal');
+_defineProperty(ModalRoot, "style", style);
+_defineProperty(ModalRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement(), cssVariableEnhance({
+  variable: '--intergalactic-duration-modal',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+})]);
+_defineProperty(ModalRoot, "defaultProps", {
+  closable: true,
+  i18n: localizedMessages,
+  locale: 'en',
+  disablePreventScroll: false
+});
+function Window(props) {
+  var _ref2 = arguments[0],
+    _ref6;
+  var SWindow = Slide;
+  var Children = props.Children,
+    styles = props.styles,
+    visible = props.visible,
+    closable = props.closable,
+    duration = props.duration;
+  var windowRef = React.useRef(null);
+  useFocusLock(windowRef, true, 'auto', !visible, true);
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SWindow, _ref6.cn("SWindow", _objectSpread({}, _assignProps2({
+    "initialAnimation": true,
+    "slideOrigin": 'top',
+    "visible": visible,
+    "role": 'dialog',
+    "aria-modal": true,
+    "duration": duration,
+    "ref": windowRef
+  }, _ref2))), /*#__PURE__*/React.createElement(PortalProvider, _ref6.cn("PortalProvider", {
+    "value": windowRef
+  }), closable && /*#__PURE__*/React.createElement(Modal.Close, null), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {}))));
+}
+function Overlay(props) {
+  var _ref3 = arguments[0],
+    _ref7;
+  var SOverlay = FadeInOut;
+  var Children = props.Children,
+    styles = props.styles,
+    onOutsideClick = props.onOutsideClick,
+    visible = props.visible;
+  var overlayRef = React.useRef(null);
+  usePreventScroll(visible, props.disablePreventScroll);
+  useContextTheme(overlayRef, visible);
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SOverlay, _ref7.cn("SOverlay", _objectSpread({}, _assignProps3({
+    "ref": overlayRef
+  }, _ref3))), /*#__PURE__*/React.createElement(OutsideClick, _ref7.cn("OutsideClick", {
+    "root": overlayRef,
+    "onOutsideClick": onOutsideClick
+  }), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {}))));
+}
+function Close(props) {
+  var _ref4 = arguments[0],
+    _ref8;
+  var SClose = Box;
+  var Children = props.Children,
+    hasChildren = props.children,
+    getI18nText = props.getI18nText;
+  return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SClose, _ref8.cn("SClose", _objectSpread({}, _assignProps4({
+    "tag": 'button',
+    "tabIndex": 0,
+    "aria-label": getI18nText('close')
+  }, _ref4))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})) : /*#__PURE__*/React.createElement(CloseIcon, _ref8.cn("CloseIcon", {
+    "title": getI18nText('close')
+  })));
+}
+Close.enhance = [keyboardFocusEnhance()];
+function Title(props) {
+  var _ref5 = arguments[0],
+    _ref9;
+  var setHasTitle = props.setHasTitle,
+    styles = props.styles;
+  var STitle = Text;
+  React.useEffect(function () {
+    return setHasTitle();
+  });
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref9.cn("STitle", _objectSpread({}, _assignProps5({
+    "tag": 'h2'
+  }, _ref5))));
+}
+var Modal = createComponent(ModalRoot, {
+  Window: Window,
+  Overlay: Overlay,
+  Close: Close,
+  Title: Title
+});
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/libs/modal/lib/es6/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":["React","FadeInOut","Slide","createComponent","Component","sstyled","Root","Portal","PortalProvider","Box","OutsideClick","CloseIcon","fire","usePreventScroll","isAdvanceMode","keyboardFocusEnhance","style","_sstyled","insert","localizedMessages","i18nEnhance","Text","uniqueIDEnhancement","cssVariableEnhance","useFocusLock","useContextTheme","ModalRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hasTitle","e","key","stopPropagation","_createClass","value","getOverlayProps","_this$asProps","asProps","duration","visible","animationsDisabled","disablePreventScroll","onOutsideClick","handleOutsideClick","getWindowProps","_this$asProps2","closable","getI18nText","uid","state","onKeyDown","handleKeyDown","undefined","getCloseProps","_this$asProps3","ghost","onClick","handleIconCloseClick","getTitleProps","_this2","setHasTitle","setState","id","render","_ref","_this$asProps4","Children","disablePortal","forcedAdvancedMode","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","overlayRef","_assignProps3","_ref4","_ref8","SClose","hasChildren","children","_assignProps4","enhance","Title","_ref5","_ref9","STitle","useEffect","_assignProps5"],"sources":["../../src/Modal.jsx"],"sourcesContent":["import React from 'react';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport { Box } from '@semcore/flex-box';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport style from './style/modal.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\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  static defaultProps = {\n    closable: true,\n    i18n: localizedMessages,\n    locale: 'en',\n    disablePreventScroll: false,\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 } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Modal.Overlay.displayName, Modal.Window.displayName]);\n\n    return (\n      <Portal disablePortal={disablePortal}>\n        {advancedMode ? (\n          <Children />\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, true, '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    >\n      <PortalProvider value={windowRef}>\n        {closable && <Modal.Close />}\n        <Children />\n      </PortalProvider>\n    </SWindow>,\n  );\n}\n\nfunction Overlay(props) {\n  const SOverlay = Root;\n  const { Children, styles, onOutsideClick, visible } = props;\n  const overlayRef = React.useRef(null);\n  usePreventScroll(visible, props.disablePreventScroll);\n  useContextTheme(overlayRef, visible);\n\n  return sstyled(styles)(\n    <SOverlay render={FadeInOut} ref={overlayRef}>\n      <OutsideClick root={overlayRef} onOutsideClick={onOutsideClick}>\n        <Children />\n      </OutsideClick>\n    </SOverlay>,\n  );\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { Children, children: hasChildren, getI18nText } = props;\n  return sstyled(props.styles)(\n    <SClose render={Box} tag='button' tabIndex={0} aria-label={getI18nText('close')}>\n      {hasChildren ? <Children /> : <CloseIcon title={getI18nText('close')} />}\n    </SClose>,\n  );\n}\n\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n  const { setHasTitle, styles } = props;\n  const STitle = Root;\n\n  React.useEffect(() => setHasTitle());\n\n  return sstyled(styles)(<STitle render={Text} tag='h2' />);\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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"}

package/libs/modal/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { PortalProps } from '@semcore/portal';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\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\n    locale?: string;\n\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 Box;\n  Title: Intergalactic.Component<'div', TextProps>;\n};\n\nexport default Modal;\n"],"mappings":""}

package/libs/modal/lib/es6/index.js

@@ -0,0 +1,2 @@
+export { default } from './Modal';
+//# sourceMappingURL=index.js.map

package/libs/modal/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Modal';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}

package/libs/modal/lib/es6/modal.vo-test.js

@@ -0,0 +1,103 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { expect } from '@semcore/testing-utils/playwright';
+import { voTest as test } from '@guidepup/playwright';
+import { e2eStandToHtml } from '@semcore/testing-utils/e2e-stand';
+import { writeFile } from 'fs/promises';
+import { getReportHeader, makeVoiceOverReporter } from '@semcore/testing-utils/vo-reporter';
+test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var page, pureVoiceOver, standPath, reportPath, htmlContent, _yield$makeVoiceOverR, voiceOver, getReport, report;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          page = _ref.page, pureVoiceOver = _ref.voiceOver;
+          standPath = 'website/docs/components/modal/examples/modal.tsx';
+          reportPath = 'website/docs/components/modal/modal-a11y-report.md';
+          _context.next = 5;
+          return e2eStandToHtml(standPath, 'en');
+        case 5:
+          htmlContent = _context.sent;
+          _context.next = 8;
+          return page.setContent(htmlContent);
+        case 8:
+          _context.next = 10;
+          return makeVoiceOverReporter(pureVoiceOver);
+        case 10:
+          _yield$makeVoiceOverR = _context.sent;
+          voiceOver = _yield$makeVoiceOverR.voiceOver;
+          getReport = _yield$makeVoiceOverR.getReport;
+          _context.next = 15;
+          return voiceOver.interact();
+        case 15:
+          _context.t0 = expect;
+          _context.next = 18;
+          return voiceOver.itemText();
+        case 18:
+          _context.t1 = _context.sent;
+          (0, _context.t0)(_context.t1).toBe('Open modal button');
+          _context.next = 22;
+          return voiceOver.act();
+        case 22:
+          _context.t2 = expect;
+          _context.next = 25;
+          return voiceOver.lastSpokenPhrase();
+        case 25:
+          _context.t3 = _context.sent;
+          (0, _context.t2)(_context.t3).toBe('Do you want to save your changes? web dialog with 5 items Close button');
+          _context.next = 29;
+          return voiceOver.next();
+        case 29:
+          _context.t4 = expect;
+          _context.next = 32;
+          return voiceOver.itemText();
+        case 32:
+          _context.t5 = _context.sent;
+          (0, _context.t4)(_context.t5).toBe('Do you want to save your changes? heading level 2');
+          _context.next = 36;
+          return voiceOver.next();
+        case 36:
+          _context.next = 38;
+          return voiceOver.next();
+        case 38:
+          _context.t6 = expect;
+          _context.next = 41;
+          return voiceOver.itemText();
+        case 41:
+          _context.t7 = _context.sent;
+          (0, _context.t6)(_context.t7).toBe('Save changes button');
+          _context.next = 45;
+          return voiceOver.act();
+        case 45:
+          _context.next = 47;
+          return voiceOver.act();
+        case 47:
+          _context.t8 = expect;
+          _context.next = 50;
+          return voiceOver.itemText();
+        case 50:
+          _context.t9 = _context.sent;
+          (0, _context.t8)(_context.t9).toBe('Open modal button');
+          _context.next = 54;
+          return getReportHeader();
+        case 54:
+          _context.t10 = _context.sent;
+          _context.t11 = _context.t10 + '\n\n';
+          _context.next = 58;
+          return getReport(standPath);
+        case 58:
+          _context.t12 = _context.sent;
+          report = _context.t11 + _context.t12;
+          _context.next = 62;
+          return writeFile(reportPath, report);
+        case 62:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function (_x) {
+    return _ref2.apply(this, arguments);
+  };
+}());
+//# sourceMappingURL=modal.vo-test.js.map

package/libs/modal/lib/es6/modal.vo-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.vo-test.js","names":["expect","voTest","test","e2eStandToHtml","writeFile","getReportHeader","makeVoiceOverReporter","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","sent","setContent","interact","t0","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@semcore/testing-utils/playwright';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/testing-utils/e2e-stand';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/testing-utils/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n  const standPath = 'website/docs/components/modal/examples/modal.tsx';\n  const reportPath = 'website/docs/components/modal/modal-a11y-report.md';\n  const htmlContent = await e2eStandToHtml(standPath, 'en');\n\n  await page.setContent(htmlContent);\n  const { voiceOver, getReport } = await makeVoiceOverReporter(pureVoiceOver);\n  await voiceOver.interact();\n\n  expect(await voiceOver.itemText()).toBe('Open modal button');\n  await voiceOver.act();\n  expect(await voiceOver.lastSpokenPhrase()).toBe(\n    'Do you want to save your changes? web dialog with 5 items Close button',\n  );\n  await voiceOver.next();\n  expect(await voiceOver.itemText()).toBe('Do you want to save your changes? heading level 2');\n  await voiceOver.next();\n  await voiceOver.next();\n  expect(await voiceOver.itemText()).toBe('Save changes button');\n  await voiceOver.act();\n\n  await voiceOver.act();\n  expect(await voiceOver.itemText()).toBe('Open modal button');\n\n  const report = (await getReportHeader()) + '\\n\\n' + (await getReport(standPath));\n\n  await writeFile(reportPath, report);\n});\n"],"mappings":"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"}

package/libs/modal/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,31 @@
+import de from './de.json';
+import en from './en.json';
+import es from './es.json';
+import fr from './fr.json';
+import it from './it.json';
+import ja from './ja.json';
+import ko from './ko.json';
+import nl from './nl.json';
+import pt from './pt.json';
+import tr from './tr.json';
+import vi from './vi.json';
+import zh from './zh.json';
+import pl from './pl.json';
+import sv from './sv.json';
+export var localizedMessages = {
+  de: de,
+  en: en,
+  es: es,
+  fr: fr,
+  it: it,
+  ja: ja,
+  ko: ko,
+  nl: nl,
+  pt: pt,
+  tr: tr,
+  vi: vi,
+  zh: zh,
+  pl: pl,
+  sv: sv
+};
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/libs/modal/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +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"}

package/libs/modal/lib/es6/translations/de.json

@@ -0,0 +1,4 @@
+{
+  "title": "Dialogfenster",
+  "close": "Schließen"
+}

package/libs/modal/lib/es6/translations/en.json

@@ -0,0 +1,4 @@
+{
+  "title": "Modal window",
+  "close": "Close"
+}

package/libs/modal/lib/es6/translations/es.json

@@ -0,0 +1,4 @@
+{
+  "title": "Ventana modal",
+  "close": "Cerrar"
+}

package/libs/modal/lib/es6/translations/fr.json

@@ -0,0 +1,4 @@
+{
+  "title": "Fenêtre modale",
+  "close": "Fermer"
+}

package/libs/modal/lib/es6/translations/it.json

@@ -0,0 +1,4 @@
+{
+  "title": "Finestra modale",
+  "close": "Chiudi"
+}

package/libs/modal/lib/es6/translations/ja.json

@@ -0,0 +1,4 @@
+{
+  "title": "モーダルウィンドウ",
+  "close": "閉じる"
+}

package/libs/modal/lib/es6/translations/ko.json

@@ -0,0 +1,4 @@
+{
+  "title": "대화상자 창",
+  "close": "닫기"
+}

package/libs/modal/lib/es6/translations/nl.json

@@ -0,0 +1,4 @@
+{
+  "title": "Modaal venster",
+  "close": "Sluiten"
+}

package/libs/modal/lib/es6/translations/pl.json

@@ -0,0 +1,4 @@
+{
+  "title": "Okno modalne",
+  "close": "Zamknij"
+}

package/libs/modal/lib/es6/translations/pt.json

@@ -0,0 +1,4 @@
+{
+  "title": "Janela modal",
+  "close": "Fechar"
+}

package/libs/modal/lib/es6/translations/sv.json

@@ -0,0 +1,4 @@
+{
+  "title": "Modalt fönster",
+  "close": "Stäng"
+}

package/libs/modal/lib/es6/translations/tr.json

@@ -0,0 +1,4 @@
+{
+  "title": "Modal pencere",
+  "close": "Kapat"
+}

package/libs/modal/lib/es6/translations/vi.json

@@ -0,0 +1,4 @@
+{
+  "title": "Cửa sổ phương thức",
+  "close": "Đóng"
+}

package/libs/modal/lib/es6/translations/zh.json

@@ -0,0 +1,4 @@
+{
+  "title": "模态窗口",
+  "close": "关闭"
+}

package/libs/modal/lib/types/index.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import { FadeInOutProps, SlideProps } from '@semcore/animation';
+import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import { PortalProps } from '@semcore/portal';
+import { Box, BoxProps } from '@semcore/flex-box';
+import { TextProps } from '@semcore/typography';
+
+/** @deprecated */
+export interface IModalProps extends ModalProps, UnknownProperties {}
+export type ModalProps = PortalProps &
+  BoxProps &
+  FadeInOutProps & {
+    /** Duration of animation, ms
+     * @default 200
+     */
+    duration?: number;
+    /** This property is responsible for the visibility of the modal window */
+    visible?: boolean;
+    /** Function called when the component is hidden */
+    onClose?: (
+      trigger: 'onOutsideClick' | 'onCloseClick' | 'onEscape',
+      e?: React.MouseEvent | React.KeyboardEvent,
+    ) => void;
+    /** Displaying the close button(x) in the upper-right corner of the modal dialog
+     * @default true
+     * */
+    closable?: boolean;
+    /**
+     * Setting `true` disables mechanism that hides document body scrollbar when Modal is visible
+     * @default false
+     */
+    disablePreventScroll?: boolean;
+
+    locale?: string;
+
+    /**
+     * Props for render modal without background and paddings. Useful in carousel for example
+     */
+    ghost?: boolean;
+  };
+
+/** @deprecated */
+export interface IWindowProps extends WindowProps, UnknownProperties {}
+export type WindowProps = BoxProps & SlideProps & {};
+
+/** @deprecated */
+export interface IModalContext extends ModalContext, UnknownProperties {}
+export type ModalContext = {
+  getOverlayProps: PropGetterFn;
+  getWindowProps: PropGetterFn;
+  getCloseProps: PropGetterFn;
+};
+
+declare const Modal: Intergalactic.Component<'div', ModalProps, ModalContext> & {
+  Window: Intergalactic.Component<'div', WindowProps>;
+  Overlay: typeof Box;
+  Close: typeof Box;
+  Title: Intergalactic.Component<'div', TextProps>;
+};
+
+export default Modal;