@semcore/modal 3.7.0 → 3.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/lib/cjs/Modal.js +6 -6
- package/lib/cjs/modal.vo-test.js +12 -9
- package/lib/cjs/modal.vo-test.js.map +1 -1
- package/lib/es6/Modal.js +6 -6
- package/lib/es6/modal.vo-test.js +12 -9
- package/lib/es6/modal.vo-test.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.7.2] - 2023-06-12
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [1.10.17 ~> 1.10.18], `@semcore/flex-box` [4.7.29 ~> 4.7.30], `@semcore/icon` [3.15.0 ~> 3.15.1], `@semcore/utils` [3.53.2 ~> 3.53.3]).
|
|
10
|
+
|
|
11
|
+
## [3.7.1] - 2023-06-09
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [1.10.16 ~> 1.10.17], `@semcore/flex-box` [4.7.28 ~> 4.7.29], `@semcore/icon` [3.14.16 ~> 3.15.0], `@semcore/utils` [3.53.1 ~> 3.53.2]).
|
|
16
|
+
|
|
5
17
|
## [3.7.0] - 2023-06-09
|
|
6
18
|
|
|
7
19
|
### Added
|
package/lib/cjs/Modal.js
CHANGED
|
@@ -32,12 +32,12 @@ var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
|
32
32
|
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
33
33
|
var _ThemeProvider = require("@semcore/utils/lib/ThemeProvider");
|
|
34
34
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
36
|
-
"__SWindow": "
|
|
37
|
-
"__SOverlay": "
|
|
38
|
-
"__SClose": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"__STitle": "
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SWindow_1k5fz_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_1k5fz_gg_:focus{outline:0}.___SOverlay_1k5fz_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_1k5fz_gg_ .___SOverlay_1k5fz_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1k5fz_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_1k5fz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SClose_1k5fz_gg_.__keyboardFocused_1k5fz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_1k5fz_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_1k5fz_gg_{min-width:60%}.___SOverlay_1k5fz_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1k5fz_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SWindow": "___SWindow_1k5fz_gg_",
|
|
37
|
+
"__SOverlay": "___SOverlay_1k5fz_gg_",
|
|
38
|
+
"__SClose": "___SClose_1k5fz_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_1k5fz_gg_",
|
|
40
|
+
"__STitle": "___STitle_1k5fz_gg_"
|
|
41
41
|
});
|
|
42
42
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
|
43
43
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
package/lib/cjs/modal.vo-test.js
CHANGED
|
@@ -16,7 +16,7 @@ var _voReporter = require("@semcore/jest-preset-ui/vo-reporter");
|
|
|
16
16
|
while (1) switch (_context.prev = _context.next) {
|
|
17
17
|
case 0:
|
|
18
18
|
page = _ref.page, pureVoiceOver = _ref.voiceOver;
|
|
19
|
-
standPath = (0, _path.resolve)(__dirname, '../../../website/docs/components/modal/examples/modal.
|
|
19
|
+
standPath = (0, _path.resolve)(__dirname, '../../../website/docs/components/modal/examples/modal.tsx');
|
|
20
20
|
reportPath = (0, _path.resolve)(__dirname, '../../../website/docs/components/modal/modal-a11y-report.md');
|
|
21
21
|
_context.next = 5;
|
|
22
22
|
return (0, _e2eStand.e2eStandToHtml)(standPath, 'en');
|
|
@@ -73,25 +73,28 @@ var _voReporter = require("@semcore/jest-preset-ui/vo-reporter");
|
|
|
73
73
|
_context.next = 45;
|
|
74
74
|
return voiceOver.act();
|
|
75
75
|
case 45:
|
|
76
|
+
_context.next = 47;
|
|
77
|
+
return voiceOver.act();
|
|
78
|
+
case 47:
|
|
76
79
|
_context.t8 = _test.expect;
|
|
77
|
-
_context.next =
|
|
80
|
+
_context.next = 50;
|
|
78
81
|
return voiceOver.itemText();
|
|
79
|
-
case
|
|
82
|
+
case 50:
|
|
80
83
|
_context.t9 = _context.sent;
|
|
81
84
|
(0, _context.t8)(_context.t9).toBe('Open modal button');
|
|
82
|
-
_context.next =
|
|
85
|
+
_context.next = 54;
|
|
83
86
|
return (0, _voReporter.getReportHeader)();
|
|
84
|
-
case
|
|
87
|
+
case 54:
|
|
85
88
|
_context.t10 = _context.sent;
|
|
86
89
|
_context.t11 = _context.t10 + '\n\n';
|
|
87
|
-
_context.next =
|
|
90
|
+
_context.next = 58;
|
|
88
91
|
return getReport(standPath);
|
|
89
|
-
case
|
|
92
|
+
case 58:
|
|
90
93
|
_context.t12 = _context.sent;
|
|
91
94
|
report = _context.t11 + _context.t12;
|
|
92
|
-
_context.next =
|
|
95
|
+
_context.next = 62;
|
|
93
96
|
return (0, _promises.writeFile)(reportPath, report);
|
|
94
|
-
case
|
|
97
|
+
case 62:
|
|
95
98
|
case "end":
|
|
96
99
|
return _context.stop();
|
|
97
100
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vo-test.js","names":["_test","require","_playwright","_e2eStand","_path","_promises","_voReporter","test","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","resolvePath","__dirname","e2eStandToHtml","sent","setContent","makeVoiceOverReporter","interact","t0","expect","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","t4","t5","t6","t7","t8","t9","getReportHeader","t10","t11","t12","writeFile","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.
|
|
1
|
+
{"version":3,"file":"modal.vo-test.js","names":["_test","require","_playwright","_e2eStand","_path","_promises","_voReporter","test","_ref2","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","resolvePath","__dirname","e2eStandToHtml","sent","setContent","makeVoiceOverReporter","interact","t0","expect","itemText","t1","toBe","act","t2","lastSpokenPhrase","t3","t4","t5","t6","t7","t8","t9","getReportHeader","t10","t11","t12","writeFile","stop","_x","apply","arguments"],"sources":["../../src/modal.vo-test.ts"],"sourcesContent":["import { expect } from '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.tsx',\n );\n const reportPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/modal-a11y-report.md',\n );\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/lib/es6/Modal.js
CHANGED
|
@@ -23,12 +23,12 @@ import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
|
|
|
23
23
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
24
24
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
25
25
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SWindow": "
|
|
28
|
-
"__SOverlay": "
|
|
29
|
-
"__SClose": "
|
|
30
|
-
"_keyboardFocused": "
|
|
31
|
-
"__STitle": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1k5fz_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_1k5fz_gg_:focus{outline:0}.___SOverlay_1k5fz_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_1k5fz_gg_ .___SOverlay_1k5fz_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1k5fz_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_1k5fz_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b)}}.___SClose_1k5fz_gg_.__keyboardFocused_1k5fz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_1k5fz_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_1k5fz_gg_{min-width:60%}.___SOverlay_1k5fz_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1k5fz_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SWindow": "___SWindow_1k5fz_gg_",
|
|
28
|
+
"__SOverlay": "___SOverlay_1k5fz_gg_",
|
|
29
|
+
"__SClose": "___SClose_1k5fz_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_1k5fz_gg_",
|
|
31
|
+
"__STitle": "___STitle_1k5fz_gg_"
|
|
32
32
|
});
|
|
33
33
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
34
34
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
package/lib/es6/modal.vo-test.js
CHANGED
|
@@ -13,7 +13,7 @@ test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
|
13
13
|
while (1) switch (_context.prev = _context.next) {
|
|
14
14
|
case 0:
|
|
15
15
|
page = _ref.page, pureVoiceOver = _ref.voiceOver;
|
|
16
|
-
standPath = resolvePath(__dirname, '../../../website/docs/components/modal/examples/modal.
|
|
16
|
+
standPath = resolvePath(__dirname, '../../../website/docs/components/modal/examples/modal.tsx');
|
|
17
17
|
reportPath = resolvePath(__dirname, '../../../website/docs/components/modal/modal-a11y-report.md');
|
|
18
18
|
_context.next = 5;
|
|
19
19
|
return e2eStandToHtml(standPath, 'en');
|
|
@@ -70,25 +70,28 @@ test('Users can interact with Modal via VoiceOver', /*#__PURE__*/function () {
|
|
|
70
70
|
_context.next = 45;
|
|
71
71
|
return voiceOver.act();
|
|
72
72
|
case 45:
|
|
73
|
+
_context.next = 47;
|
|
74
|
+
return voiceOver.act();
|
|
75
|
+
case 47:
|
|
73
76
|
_context.t8 = expect;
|
|
74
|
-
_context.next =
|
|
77
|
+
_context.next = 50;
|
|
75
78
|
return voiceOver.itemText();
|
|
76
|
-
case
|
|
79
|
+
case 50:
|
|
77
80
|
_context.t9 = _context.sent;
|
|
78
81
|
(0, _context.t8)(_context.t9).toBe('Open modal button');
|
|
79
|
-
_context.next =
|
|
82
|
+
_context.next = 54;
|
|
80
83
|
return getReportHeader();
|
|
81
|
-
case
|
|
84
|
+
case 54:
|
|
82
85
|
_context.t10 = _context.sent;
|
|
83
86
|
_context.t11 = _context.t10 + '\n\n';
|
|
84
|
-
_context.next =
|
|
87
|
+
_context.next = 58;
|
|
85
88
|
return getReport(standPath);
|
|
86
|
-
case
|
|
89
|
+
case 58:
|
|
87
90
|
_context.t12 = _context.sent;
|
|
88
91
|
report = _context.t11 + _context.t12;
|
|
89
|
-
_context.next =
|
|
92
|
+
_context.next = 62;
|
|
90
93
|
return writeFile(reportPath, report);
|
|
91
|
-
case
|
|
94
|
+
case 62:
|
|
92
95
|
case "end":
|
|
93
96
|
return _context.stop();
|
|
94
97
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.vo-test.js","names":["expect","voTest","test","e2eStandToHtml","resolve","resolvePath","writeFile","getReportHeader","makeVoiceOverReporter","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","__dirname","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 '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.
|
|
1
|
+
{"version":3,"file":"modal.vo-test.js","names":["expect","voTest","test","e2eStandToHtml","resolve","resolvePath","writeFile","getReportHeader","makeVoiceOverReporter","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","page","pureVoiceOver","standPath","reportPath","htmlContent","_yield$makeVoiceOverR","voiceOver","getReport","report","wrap","_callee$","_context","prev","next","__dirname","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 '@playwright/test';\nimport { voTest as test } from '@guidepup/playwright';\nimport { e2eStandToHtml } from '@semcore/jest-preset-ui/e2e-stand';\nimport { resolve as resolvePath } from 'path';\nimport { writeFile } from 'fs/promises';\nimport { getReportHeader, makeVoiceOverReporter } from '@semcore/jest-preset-ui/vo-reporter';\n\ntest('Users can interact with Modal via VoiceOver', async ({ page, voiceOver: pureVoiceOver }) => {\n const standPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/examples/modal.tsx',\n );\n const reportPath = resolvePath(\n __dirname,\n '../../../website/docs/components/modal/modal-a11y-report.md',\n );\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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"}
|