@pingux/astro 1.35.0-alpha.2 → 1.35.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -126,12 +126,7 @@ var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
126
126
 
127
127
  var _useDialog = (0, _dialog.useDialog)(contentProps, modalRef),
128
128
  dialogProps = _useDialog.dialogProps,
129
- titleProps = _useDialog.titleProps; // Prevents extra dialog focus from being called.
130
-
131
-
132
- dialogProps.onMouseDown = function (e) {
133
- return e.preventDefault();
134
- };
129
+ titleProps = _useDialog.titleProps;
135
130
 
136
131
  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
137
132
  isDarkMode: others.variant === 'modal.dark'
@@ -18,13 +18,6 @@ var _react2 = require("@emotion/react");
18
18
  var getComponent = function getComponent() {
19
19
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
20
20
  return (0, _testWrapper.render)((0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Modal, props)));
21
- };
22
-
23
- var getComponentWithCheckbox = function getComponentWithCheckbox() {
24
- var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
25
- return (0, _testWrapper.render)((0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Modal, props, (0, _react2.jsx)(_index.CheckboxField, {
26
- "aria-label": "checkbox"
27
- }))));
28
21
  }; // **********
29
22
  // Unit tests
30
23
  // **********
@@ -226,21 +219,4 @@ test('should auto focus the first tabbable element if "hasAutoFocus" is true', f
226
219
  var button = _testWrapper.screen.queryByRole('button');
227
220
 
228
221
  expect(button).toHaveFocus();
229
- });
230
- test('checkbox should not have focus outline on click', function () {
231
- getComponentWithCheckbox({
232
- isOpen: true
233
- });
234
-
235
- var checkbox = _testWrapper.screen.getByRole('checkbox');
236
-
237
- _userEvent["default"].click(checkbox);
238
-
239
- expect(checkbox).toBeChecked();
240
- expect(checkbox).not.toHaveClass('is-focused');
241
-
242
- _userEvent["default"].click(checkbox);
243
-
244
- expect(checkbox).not.toBeChecked();
245
- expect(checkbox).not.toHaveClass('is-focused');
246
222
  });
@@ -86,12 +86,7 @@ var Modal = /*#__PURE__*/forwardRef(function (props, ref) {
86
86
 
87
87
  var _useDialog = useDialog(contentProps, modalRef),
88
88
  dialogProps = _useDialog.dialogProps,
89
- titleProps = _useDialog.titleProps; // Prevents extra dialog focus from being called.
90
-
91
-
92
- dialogProps.onMouseDown = function (e) {
93
- return e.preventDefault();
94
- };
89
+ titleProps = _useDialog.titleProps;
95
90
 
96
91
  var _useStatusClasses = useStatusClasses(className, {
97
92
  isDarkMode: others.variant === 'modal.dark'
@@ -2,20 +2,13 @@ import React from 'react';
2
2
  import userEvent from '@testing-library/user-event';
3
3
  import axeTest from '../../../utils/testUtils/testAxe';
4
4
  import { render, screen, queryByAttribute } from '../../../utils/testUtils/testWrapper';
5
- import { CheckboxField, OverlayProvider, Modal } from '../../../index'; // For testing the modal alone
5
+ import { OverlayProvider, Modal } from '../../../index'; // For testing the modal alone
6
6
 
7
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
8
8
 
9
9
  var getComponent = function getComponent() {
10
10
  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
11
11
  return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Modal, props)));
12
- };
13
-
14
- var getComponentWithCheckbox = function getComponentWithCheckbox() {
15
- var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
16
- return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Modal, props, ___EmotionJSX(CheckboxField, {
17
- "aria-label": "checkbox"
18
- }))));
19
12
  }; // **********
20
13
  // Unit tests
21
14
  // **********
@@ -192,16 +185,4 @@ test('should auto focus the first tabbable element if "hasAutoFocus" is true', f
192
185
  });
193
186
  var button = screen.queryByRole('button');
194
187
  expect(button).toHaveFocus();
195
- });
196
- test('checkbox should not have focus outline on click', function () {
197
- getComponentWithCheckbox({
198
- isOpen: true
199
- });
200
- var checkbox = screen.getByRole('checkbox');
201
- userEvent.click(checkbox);
202
- expect(checkbox).toBeChecked();
203
- expect(checkbox).not.toHaveClass('is-focused');
204
- userEvent.click(checkbox);
205
- expect(checkbox).not.toBeChecked();
206
- expect(checkbox).not.toHaveClass('is-focused');
207
188
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.35.0-alpha.2",
3
+ "version": "1.35.0-alpha.3",
4
4
  "description": "PingUX themeable React component library",
5
5
  "repository": {
6
6
  "type": "git",