@semcore/modal 4.54.0-prerelease.9 → 4.54.0

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.54.0] - 2025-02-28
+## [4.54.0] - 2025-03-14
 
-### Changed
+### Added
 
-- Version minor update due to children dependencies update (`@semcore/animation` [2.40.1 ~> 2.41.0], `@semcore/flex-box` [5.40.1 ~> 5.41.0], `@semcore/icon` [4.57.1 ~> 4.58.0], `@semcore/outside-click` [3.38.1 ~> 3.39.0], `@semcore/portal` [3.40.1 ~> 3.41.0], `@semcore/utils` [4.45.1 ~> 4.47.1], `@semcore/core` [2.38.1 ~> 2.39.0]).
+- Build for ESM.
 
 ## [4.53.1] - 2025-02-05
 

package/lib/esm/Modal.mjs

@@ -0,0 +1,196 @@
+import f from "@babel/runtime/helpers/esm/objectSpread2";
+import S from "@babel/runtime/helpers/esm/classCallCheck";
+import P from "@babel/runtime/helpers/esm/createClass";
+import g from "@babel/runtime/helpers/esm/assertThisInitialized";
+import w from "@babel/runtime/helpers/esm/inherits";
+import T from "@babel/runtime/helpers/esm/createSuper";
+import d from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as E } from "@semcore/utils/lib/core/index";
+import O, { assignProps as u, Component as I, sstyled as p } from "@semcore/core";
+import l from "react";
+import { Slide as W, FadeInOut as z } from "@semcore/animation";
+import M, { PortalProvider as D } from "@semcore/portal";
+import C from "@semcore/button";
+import R from "@semcore/outside-click";
+import A from "@semcore/icon/Close/l";
+import k from "@semcore/utils/lib/fire";
+import $ from "@semcore/utils/lib/use/usePreventScroll";
+import { isAdvanceMode as H } from "@semcore/utils/lib/findComponent";
+import N from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import { localizedMessages as x } from "./translations/__intergalactic-dynamic-locales.mjs";
+import F from "@semcore/utils/lib/enhances/i18nEnhance";
+import { Text as K } from "@semcore/typography";
+import Z from "@semcore/utils/lib/uniqueID";
+import { cssVariableEnhance as j } from "@semcore/utils/lib/useCssVariable";
+import { useFocusLock as q } from "@semcore/utils/lib/use/useFocusLock";
+import { useContextTheme as B } from "@semcore/utils/lib/ThemeProvider";
+import { useColorResolver as L } from "@semcore/utils/lib/use/useColorResolver";
+import { ZIndexStackingContextProvider as V, useZIndexStacking as G } from "@semcore/utils/lib/zIndexStacking";
+var J = (
+  /*__reshadow_css_start__*/
+  (E.insert(
+    /*__inner_css_start__*/
+    ".___SWindow_1k93m_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_1k93m_gg_:focus{outline:0}.___SWindow_1k93m_gg_ .___STitle_1k93m_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_1k93m_gg_ .___STitle_1k93m_gg_.__color_1k93m_gg_{color:var(--color_1k93m)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1k93m_gg_ .___SClose_1k93m_gg_.__ghost_1k93m_gg_{right:0;top:0}.___SWindow_1k93m_gg_.__ghost_1k93m_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1k93m_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;-webkit-overflow-scrolling:touch}.___SOverlay_1k93m_gg_ .___SOverlay_1k93m_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1k93m_gg_{min-width:60%}.___SOverlay_1k93m_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
+    "1k93m_gg_"
+  ), {
+    __SWindow: "___SWindow_1k93m_gg_",
+    _ghost: "__ghost_1k93m_gg_",
+    __SOverlay: "___SOverlay_1k93m_gg_",
+    __STitle: "___STitle_1k93m_gg_",
+    _color: "__color_1k93m_gg_",
+    "--color": "--color_1k93m",
+    __SClose: "___SClose_1k93m_gg_"
+  })
+), v = /* @__PURE__ */ function(i) {
+  w(r, i);
+  var c = T(r);
+  function r() {
+    var n;
+    S(this, r);
+    for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
+      a[t] = arguments[t];
+    return n = c.call.apply(c, [this].concat(a)), d(g(n), "state", {
+      hasTitle: !1
+    }), d(g(n), "handleKeyDown", function(o) {
+      o.key === "Escape" && (o.stopPropagation(), k(g(n), "onClose", "onEscape", o));
+    }), d(g(n), "handleIconCloseClick", function(o) {
+      k(g(n), "onClose", "onCloseClick", o);
+    }), d(g(n), "handleOutsideClick", function(o) {
+      k(g(n), "onClose", "onOutsideClick", o);
+    }), n;
+  }
+  return P(r, [{
+    key: "getOverlayProps",
+    value: function() {
+      var e = this.asProps, a = e.duration, t = e.visible, o = e.animationsDisabled, s = e.disablePreventScroll;
+      return {
+        duration: a,
+        visible: t,
+        onOutsideClick: this.handleOutsideClick,
+        animationsDisabled: o,
+        disablePreventScroll: s
+      };
+    }
+  }, {
+    key: "getWindowProps",
+    value: function() {
+      var e = this.asProps, a = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, h = e.animationsDisabled, b = this.state.hasTitle;
+      return {
+        visible: a,
+        closable: t,
+        onKeyDown: this.handleKeyDown,
+        "aria-label": b ? void 0 : o("title"),
+        "aria-labelledby": b ? "igc-".concat(s, "-title") : void 0,
+        duration: _,
+        animationsDisabled: h
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function() {
+      var e = this.asProps, a = e.getI18nText, t = e.ghost;
+      return {
+        onClick: this.handleIconCloseClick,
+        getI18nText: a,
+        ghost: t
+      };
+    }
+  }, {
+    key: "getTitleProps",
+    value: function() {
+      var e = this, a = this.asProps.uid, t = function() {
+        return e.setState({
+          hasTitle: !0
+        });
+      };
+      return {
+        id: "igc-".concat(a, "-title"),
+        setHasTitle: t
+      };
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = this.asProps, a = this.asProps, t = a.Children, o = a.disablePortal, s = a.forcedAdvancedMode, _ = a.ignorePortalsStacking, h = s || H(t, [m.Overlay.displayName, m.Window.displayName]);
+      return /* @__PURE__ */ l.createElement(M, {
+        disablePortal: o,
+        ignorePortalsStacking: _
+      }, h ? /* @__PURE__ */ l.createElement(t, null) : /* @__PURE__ */ l.createElement(m.Overlay, null, /* @__PURE__ */ l.createElement(m.Window, u({}, e))));
+    }
+  }]), r;
+}(I);
+d(v, "displayName", "Modal");
+d(v, "style", J);
+d(v, "enhance", [F(x), Z(), j({
+  variable: "--intergalactic-duration-modal",
+  fallback: "200",
+  map: Number.parseInt,
+  prop: "duration"
+})]);
+d(v, "defaultProps", {
+  closable: !0,
+  i18n: x,
+  locale: "en",
+  disablePreventScroll: !1
+});
+function Q(i) {
+  var c = arguments[0], r, n = W, e = i.Children, a = i.styles, t = i.visible, o = i.closable, s = i.duration, _ = l.useRef(null);
+  return q(_, !0, "auto", !t, !0), r = p(a), /* @__PURE__ */ l.createElement(n, r.cn("SWindow", f({}, u({
+    initialAnimation: !0,
+    slideOrigin: "top",
+    visible: t,
+    role: "dialog",
+    "aria-modal": !0,
+    duration: s,
+    ref: _
+  }, c))), /* @__PURE__ */ l.createElement(V, r.cn("ZIndexStackingContextProvider", {
+    designToken: "z-index-modal"
+  }), /* @__PURE__ */ l.createElement(D, r.cn("PortalProvider", {
+    value: _
+  }), o && /* @__PURE__ */ l.createElement(m.Close, null), /* @__PURE__ */ l.createElement(e, r.cn("Children", {})))));
+}
+function U(i) {
+  var c = arguments[0], r, n = z, e = i.Children, a = i.styles, t = i.onOutsideClick, o = i.visible, s = l.useRef(null);
+  $(o, i.disablePreventScroll), B(s, o);
+  var _ = G("z-index-modal");
+  return r = p(a), /* @__PURE__ */ l.createElement(n, r.cn("SOverlay", f({}, u({
+    ref: s,
+    zIndex: _
+  }, c))), /* @__PURE__ */ l.createElement(R, r.cn("OutsideClick", {
+    root: s,
+    onOutsideClick: t
+  }), /* @__PURE__ */ l.createElement(e, r.cn("Children", {}))));
+}
+function y(i) {
+  var c = arguments[0], r, n = C, e = i.Children, a = i.children, t = i.getI18nText, o = i.ghost;
+  return r = p(i.styles), /* @__PURE__ */ l.createElement(n, r.cn("SClose", f({}, u({
+    use: "tertiary",
+    size: "l",
+    theme: o ? "invert" : "muted",
+    "aria-label": t("close")
+  }, c))), a ? /* @__PURE__ */ l.createElement(e, r.cn("Children", {})) : /* @__PURE__ */ l.createElement(C.Addon, {
+    ml: "7px",
+    mr: "7px"
+  }, /* @__PURE__ */ l.createElement(A, r.cn("CloseIcon", {
+    title: t("close")
+  }))));
+}
+y.enhance = [N()];
+function X(i) {
+  var c = arguments[0], r, n = i.setHasTitle, e = i.styles, a = i.color, t = K, o = L();
+  return l.useEffect(function() {
+    return n();
+  }), r = p(e), /* @__PURE__ */ l.createElement(t, r.cn("STitle", f({}, u({
+    tag: "h2",
+    "use:color": o(a)
+  }, c))));
+}
+var m = O(v, {
+  Window: Q,
+  Overlay: U,
+  Close: y,
+  Title: X
+});
+export {
+  m as default
+};

package/lib/esm/index.mjs

@@ -0,0 +1,4 @@
+import { default as o } from "./Modal.mjs";
+export {
+  o as default
+};

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/lib/esm/translations/de.json.mjs

@@ -0,0 +1,9 @@
+const e = "Dialogfenster", t = "Schließen", l = {
+  title: e,
+  close: t
+};
+export {
+  t as close,
+  l as default,
+  e as title
+};

package/lib/esm/translations/en.json.mjs

@@ -0,0 +1,9 @@
+const o = "Modal window", t = "Close", e = {
+  title: o,
+  close: t
+};
+export {
+  t as close,
+  e as default,
+  o as title
+};

package/lib/esm/translations/es.json.mjs

@@ -0,0 +1,9 @@
+const t = "Ventana modal", e = "Cerrar", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,9 @@
+const e = "Fenêtre modale", t = "Fermer", o = {
+  title: e,
+  close: t
+};
+export {
+  t as close,
+  o as default,
+  e as title
+};

package/lib/esm/translations/it.json.mjs

@@ -0,0 +1,9 @@
+const t = "Finestra modale", e = "Chiudi", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,9 @@
+const t = "モーダルウィンドウ", e = "閉じる", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,9 @@
+const t = "대화상자 창", o = "닫기", e = {
+  title: t,
+  close: o
+};
+export {
+  o as close,
+  e as default,
+  t as title
+};

package/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,9 @@
+const t = "Modaal venster", e = "Sluiten", l = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  l as default,
+  t as title
+};

package/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,9 @@
+const t = "Okno modalne", o = "Zamknij", e = {
+  title: t,
+  close: o
+};
+export {
+  o as close,
+  e as default,
+  t as title
+};

package/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,9 @@
+const t = "Janela modal", e = "Fechar", l = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  l as default,
+  t as title
+};

package/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,9 @@
+const t = "Modalt fönster", s = "Stäng", e = {
+  title: t,
+  close: s
+};
+export {
+  s as close,
+  e as default,
+  t as title
+};

package/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,9 @@
+const t = "Modal pencere", e = "Kapat", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,9 @@
+const t = "Cửa sổ phương thức", s = "Đóng", c = {
+  title: t,
+  close: s
+};
+export {
+  s as close,
+  c as default,
+  t as title
+};

package/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,9 @@
+const t = "模态窗口", e = "关闭", o = {
+  title: t,
+  close: e
+};
+export {
+  e as close,
+  o as default,
+  t as title
+};

package/package.json

@@ -1,24 +1,30 @@
 {
   "name": "@semcore/modal",
   "description": "Semrush Modal Component",
-  "version": "4.54.0-prerelease.9",
+  "version": "4.54.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
+  "exports": {
+    "require": "./lib/cjs/index.js",
+    "import": "./lib/esm/index.mjs",
+    "types": "./lib/types/index.d.ts"
+  },
   "dependencies": {
-    "@semcore/animation": "2.41.0-prerelease.9",
-    "@semcore/flex-box": "5.41.0-prerelease.9",
-    "@semcore/icon": "4.58.0-prerelease.9",
-    "@semcore/outside-click": "3.39.0-prerelease.9",
-    "@semcore/portal": "3.41.0-prerelease.9",
-    "@semcore/typography": "5.52.0-prerelease.9",
-    "@semcore/utils": "4.47.1-prerelease.9"
+    "@semcore/button": "5.42.0",
+    "@semcore/animation": "2.41.0",
+    "@semcore/flex-box": "5.41.0",
+    "@semcore/icon": "4.60.0",
+    "@semcore/outside-click": "3.39.0",
+    "@semcore/portal": "3.41.0",
+    "@semcore/typography": "5.52.0",
+    "@semcore/utils": "4.48.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.0-prerelease.9",
+    "@semcore/core": "^2.17.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -32,6 +38,6 @@
     "@semcore/testing-utils": "1.0.0"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js && pnpm vite build"
   }
 }

package/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, mergeConfig } from 'vite';
+
+import viteConfig from '../../commonVite.config';
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    build: {
+      lib: {
+        entry: './src/index.js',
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom', 'react/jsx-runtime', /@babel\/runtime\/*/, /@semcore\/*/],
+      },
+    },
+  }),
+);

package/lib/cjs/modal.vo-test.js

@@ -1,102 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _playwright = require("@semcore/testing-utils/playwright");
-var _e2eStand = require("@semcore/testing-utils/e2e-stand");
-var _promises = require("fs/promises");
-var _voReporter = require("@semcore/testing-utils/vo-reporter");
-(0, _playwright.voiceOverTest)('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(_ref) {
-    var page, pureVoiceOver, standPath, reportPath, htmlContent, _yield$makeVoiceOverR, voiceOver, getReport, report;
-    return (0, _regeneratorRuntime2["default"])().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/basic_modal_window_usage.tsx';
-          reportPath = 'website/docs/components/modal/modal-a11y-report.md';
-          _context.next = 5;
-          return (0, _e2eStand.e2eStandToHtml)(standPath, 'en');
-        case 5:
-          htmlContent = _context.sent;
-          _context.next = 8;
-          return page.setContent(htmlContent);
-        case 8:
-          _context.next = 10;
-          return (0, _voReporter.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 = _playwright.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 = _playwright.expect;
-          _context.next = 25;
-          return voiceOver.lastSpokenPhrase();
-        case 25:
-          _context.t3 = _context.sent;
-          (0, _context.t2)(_context.t3).toContain('Do you want to save your changes? web dialog with 5 items Close button');
-          _context.next = 29;
-          return voiceOver.next();
-        case 29:
-          _context.t4 = _playwright.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 = _playwright.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.t8 = _playwright.expect;
-          _context.next = 48;
-          return voiceOver.itemText();
-        case 48:
-          _context.t9 = _context.sent;
-          (0, _context.t8)(_context.t9).toBe('Open modal button');
-          _context.next = 52;
-          return (0, _voReporter.getReportHeader)();
-        case 52:
-          _context.t10 = _context.sent;
-          _context.t11 = _context.t10 + '\n\n';
-          _context.next = 56;
-          return getReport(standPath);
-        case 56:
-          _context.t12 = _context.sent;
-          report = _context.t11 + _context.t12;
-          _context.next = 60;
-          return (0, _promises.writeFile)(reportPath, report);
-        case 60:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function (_x) {
-    return _ref2.apply(this, arguments);
-  };
-}());
-//# sourceMappingURL=modal.vo-test.js.map

package/lib/cjs/modal.vo-test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.vo-test.js","names":["_playwright","require","_e2eStand","_promises","_voReporter","test","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","e2eStandToHtml","sent","setContent","makeVoiceOverReporter","interact","t0","expect","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","toContain","t4","t5","t6","t7","t8","t9","getReportHeader","t10","t11","t12","writeFile","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect, voiceOverTest as test } from '@semcore/testing-utils/playwright';\n\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/basic_modal_window_usage.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()).toContain(\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  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":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAI,EAAC,6CAA6C;EAAA,IAAAC,KAAA,OAAAC,kBAAA,+BAAAC,oBAAA,eAAAC,IAAA,CAAE,SAAAC,QAAAC,IAAA;IAAA,IAAAC,IAAA,EAAAC,aAAA,EAAAC,SAAA,EAAAC,UAAA,EAAAC,WAAA,EAAAC,qBAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,MAAA;IAAA,WAAAZ,oBAAA,eAAAa,IAAA,UAAAC,SAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAASb,IAAI,GAAAD,IAAA,CAAJC,IAAI,EAAaC,aAAa,GAAAF,IAAA,CAAxBO,SAAS;UACpEJ,SAAS,GAAG,qEAAqE;UACjFC,UAAU,GAAG,oDAAoD;UAAAQ,QAAA,CAAAE,IAAA;UAAA,OAC7C,IAAAC,wBAAc,EAACZ,SAAS,EAAE,IAAI,CAAC;QAAA;UAAnDE,WAAW,GAAAO,QAAA,CAAAI,IAAA;UAAAJ,QAAA,CAAAE,IAAA;UAAA,OAEXb,IAAI,CAACgB,UAAU,CAACZ,WAAW,CAAC;QAAA;UAAAO,QAAA,CAAAE,IAAA;UAAA,OACK,IAAAI,iCAAqB,EAAChB,aAAa,CAAC;QAAA;UAAAI,qBAAA,GAAAM,QAAA,CAAAI,IAAA;UAAnET,SAAS,GAAAD,qBAAA,CAATC,SAAS;UAAEC,SAAS,GAAAF,qBAAA,CAATE,SAAS;UAAAI,QAAA,CAAAE,IAAA;UAAA,OACtBP,SAAS,CAACY,QAAQ,EAAE;QAAA;UAAAP,QAAA,CAAAQ,EAAA,GAE1BC,kBAAM;UAAAT,QAAA,CAAAE,IAAA;UAAA,OAAOP,SAAS,CAACe,QAAQ,EAAE;QAAA;UAAAV,QAAA,CAAAW,EAAA,GAAAX,QAAA,CAAAI,IAAA;UAAA,IAAAJ,QAAA,CAAAQ,EAAA,EAAAR,QAAA,CAAAW,EAAA,EAAEC,IAAI,CAAC,mBAAmB;UAAAZ,QAAA,CAAAE,IAAA;UAAA,OACrDP,SAAS,CAACkB,GAAG,EAAE;QAAA;UAAAb,QAAA,CAAAc,EAAA,GACrBL,kBAAM;UAAAT,QAAA,CAAAE,IAAA;UAAA,OAAOP,SAAS,CAACoB,gBAAgB,EAAE;QAAA;UAAAf,QAAA,CAAAgB,EAAA,GAAAhB,QAAA,CAAAI,IAAA;UAAA,IAAAJ,QAAA,CAAAc,EAAA,EAAAd,QAAA,CAAAgB,EAAA,EAAEC,SAAS,CAClD,wEAAwE;UAAAjB,QAAA,CAAAE,IAAA;UAAA,OAEpEP,SAAS,CAACO,IAAI,EAAE;QAAA;UAAAF,QAAA,CAAAkB,EAAA,GACtBT,kBAAM;UAAAT,QAAA,CAAAE,IAAA;UAAA,OAAOP,SAAS,CAACe,QAAQ,EAAE;QAAA;UAAAV,QAAA,CAAAmB,EAAA,GAAAnB,QAAA,CAAAI,IAAA;UAAA,IAAAJ,QAAA,CAAAkB,EAAA,EAAAlB,QAAA,CAAAmB,EAAA,EAAEP,IAAI,CAAC,mDAAmD;UAAAZ,QAAA,CAAAE,IAAA;UAAA,OACrFP,SAAS,CAACO,IAAI,EAAE;QAAA;UAAAF,QAAA,CAAAE,IAAA;UAAA,OAChBP,SAAS,CAACO,IAAI,EAAE;QAAA;UAAAF,QAAA,CAAAoB,EAAA,GACtBX,kBAAM;UAAAT,QAAA,CAAAE,IAAA;UAAA,OAAOP,SAAS,CAACe,QAAQ,EAAE;QAAA;UAAAV,QAAA,CAAAqB,EAAA,GAAArB,QAAA,CAAAI,IAAA;UAAA,IAAAJ,QAAA,CAAAoB,EAAA,EAAApB,QAAA,CAAAqB,EAAA,EAAET,IAAI,CAAC,qBAAqB;UAAAZ,QAAA,CAAAE,IAAA;UAAA,OACvDP,SAAS,CAACkB,GAAG,EAAE;QAAA;UAAAb,QAAA,CAAAsB,EAAA,GACrBb,kBAAM;UAAAT,QAAA,CAAAE,IAAA;UAAA,OAAOP,SAAS,CAACe,QAAQ,EAAE;QAAA;UAAAV,QAAA,CAAAuB,EAAA,GAAAvB,QAAA,CAAAI,IAAA;UAAA,IAAAJ,QAAA,CAAAsB,EAAA,EAAAtB,QAAA,CAAAuB,EAAA,EAAEX,IAAI,CAAC,mBAAmB;UAAAZ,QAAA,CAAAE,IAAA;UAAA,OAErC,IAAAsB,2BAAe,GAAE;QAAA;UAAAxB,QAAA,CAAAyB,GAAA,GAAAzB,QAAA,CAAAI,IAAA;UAAAJ,QAAA,CAAA0B,GAAA,GAAA1B,QAAA,CAAAyB,GAAA,GAAI,MAAM;UAAAzB,QAAA,CAAAE,IAAA;UAAA,OAAUN,SAAS,CAACL,SAAS,CAAC;QAAA;UAAAS,QAAA,CAAA2B,GAAA,GAAA3B,QAAA,CAAAI,IAAA;UAAzEP,MAAM,GAAAG,QAAA,CAAA0B,GAAA,GAAA1B,QAAA,CAAA2B,GAAA;UAAA3B,QAAA,CAAAE,IAAA;UAAA,OAEN,IAAA0B,mBAAS,EAACpC,UAAU,EAAEK,MAAM,CAAC;QAAA;QAAA;UAAA,OAAAG,QAAA,CAAA6B,IAAA;MAAA;IAAA,GAAA1C,OAAA;EAAA,CACpC;EAAA,iBAAA2C,EAAA;IAAA,OAAA/C,KAAA,CAAAgD,KAAA,OAAAC,SAAA;EAAA;AAAA,IAAC"}

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

@@ -1,99 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import { expect, voiceOverTest as test } from '@semcore/testing-utils/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/basic_modal_window_usage.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).toContain('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.t8 = expect;
-          _context.next = 48;
-          return voiceOver.itemText();
-        case 48:
-          _context.t9 = _context.sent;
-          (0, _context.t8)(_context.t9).toBe('Open modal button');
-          _context.next = 52;
-          return getReportHeader();
-        case 52:
-          _context.t10 = _context.sent;
-          _context.t11 = _context.t10 + '\n\n';
-          _context.next = 56;
-          return getReport(standPath);
-        case 56:
-          _context.t12 = _context.sent;
-          report = _context.t11 + _context.t12;
-          _context.next = 60;
-          return writeFile(reportPath, report);
-        case 60:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function (_x) {
-    return _ref2.apply(this, arguments);
-  };
-}());
-//# sourceMappingURL=modal.vo-test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"modal.vo-test.js","names":["expect","voiceOverTest","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","toContain","t4","t5","t6","t7","t8","t9","t10","t11","t12","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect, voiceOverTest as test } from '@semcore/testing-utils/playwright';\n\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/basic_modal_window_usage.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()).toContain(\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  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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"}