@pingux/astro 1.15.1-alpha.0 → 1.16.0-alpha.0

package/lib/cjs/components/Button/Button.test.js

@@ -109,7 +109,7 @@ test('button loading hides children and shows loader', function () {
 
   expect(childWrapper).toBeInTheDocument();
   expect(childWrapper).not.toBeVisible();
-  expect(_testWrapper.screen.getByRole('progressbar')).toBeInTheDocument();
+  expect(_testWrapper.screen.getByRole('alert')).toBeInTheDocument();
 });
 test('button renders children when not loading', function () {
   var textContent = "I'ma button";

package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js

@@ -596,7 +596,7 @@ describe('loadingState', function () {
       jest.advanceTimersByTime(500);
     }); // First time load will show progress bar so user can know that items are being fetched
 
-    expect(_testWrapper.screen.getByRole('progressbar')).toBeInTheDocument();
+    expect(_testWrapper.screen.getByRole('alert')).toBeInTheDocument();
     getComponent({
       loadingState: _loadingStates["default"].FILTERING
     }, {
@@ -867,7 +867,7 @@ describe('loadingState', function () {
     var listbox = _testWrapper.screen.getByRole('listbox');
 
     expect(listbox).toBeVisible();
-    var loader = (0, _testWrapper.within)(listbox).getByRole('progressbar');
+    var loader = (0, _testWrapper.within)(listbox).getByRole('alert');
     expect(loader).toBeInTheDocument();
     expect(loader).toHaveAttribute('aria-label', 'Loading more...');
   });

package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js

@@ -367,7 +367,7 @@ test('should render loader if isLoading prop is true', function () {
   }, {
     renderFn: rerender
   });
-  expect(_testWrapper.screen.queryByRole('progressbar')).toBeInTheDocument();
+  expect(_testWrapper.screen.queryByRole('alert')).toBeInTheDocument();
 });
 test('should render loader if isLoading prop is true', function () {
   var _getComponent3 = getComponent(),
@@ -379,7 +379,7 @@ test('should render loader if isLoading prop is true', function () {
   }, {
     renderFn: rerender
   });
-  expect(_testWrapper.screen.queryByRole('progressbar')).toBeInTheDocument();
+  expect(_testWrapper.screen.queryByRole('alert')).toBeInTheDocument();
 });
 test('should render image preview and menu when previewImage prop is supplied', function () {
   getComponent({

package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js

@@ -195,8 +195,8 @@ test('displays a loader while loading', function () {
 
   var button = _testWrapper.screen.getByRole('button');
 
-  var loader = (0, _testWrapper.within)(button).getByRole('progressbar');
-  expect(loader).toHaveAttribute('aria-label', 'Loading...');
+  var loader = (0, _testWrapper.within)(button).getByRole('alert');
+  expect(loader).toHaveAttribute('aria-label', 'Loading in progress');
   expect(loader).not.toHaveAttribute('aria-valuenow');
   getComponent({
     items: []

package/lib/cjs/components/ListView/ListView.test.js

@@ -233,7 +233,7 @@ test('renders loader, if a loader component is passed in, and state is loading',
     loadingState: _loadingStates["default"].LOADING
   });
 
-  var loader = _testWrapper.screen.getByRole('progressbar');
+  var loader = _testWrapper.screen.getByRole('alert');
 
   expect(loader).toBeInTheDocument();
 });
@@ -242,7 +242,7 @@ test('renders loader, if a loader component is passed in, and state is loadingMo
     loadingState: _loadingStates["default"].LOADING_MORE
   });
 
-  var loader = _testWrapper.screen.getByRole('progressbar');
+  var loader = _testWrapper.screen.getByRole('alert');
 
   expect(loader).toBeInTheDocument();
 });

package/lib/cjs/components/Loader/Loader.js

@@ -2,25 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -30,16 +18,12 @@ exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _progress = require("@react-aria/progress");
-
 var _Box = _interopRequireDefault(require("../Box"));
 
 var _react2 = require("@emotion/react");
@@ -50,10 +34,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Indeterminite progress component. Used to show general loading.
  * Uses [useProgressBar](https://react-spectrum.adobe.com/react-aria/useProgressBar.html) from React Aria
@@ -61,19 +41,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var Loader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var size = props.size,
       others = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
-  var _useProgressBar = (0, _progress.useProgressBar)(_objectSpread({
-    isIndeterminate: true,
-    'aria-label': 'Loading...'
-  }, props)),
-      progressBarProps = _useProgressBar.progressBarProps;
-
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
     isRow: true,
     fontSize: size,
-    variant: "loader.container"
-  }, progressBarProps, others), (0, _react2.jsx)(_Box["default"], {
+    variant: "loader.container",
+    role: "alert",
+    "aria-live": "assertive",
+    "aria-label": "Loading in progress"
+  }, others), (0, _react2.jsx)(_Box["default"], {
     variant: "loader.dotLeft"
   }), (0, _react2.jsx)(_Box["default"], {
     variant: "loader.dotCenter"

package/lib/cjs/components/Loader/Loader.test.js

@@ -29,7 +29,7 @@ var getComponent = function getComponent() {
 test('default loader', function () {
   getComponent();
 
-  var loader = _testWrapper.screen.getByRole('progressbar');
+  var loader = _testWrapper.screen.getByRole('alert');
 
   expect(loader).toHaveAttribute('data-testid', testId);
   expect(loader).toBeInTheDocument();

package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js

@@ -402,8 +402,8 @@ describe('async loading', function () {
 
     var button = _testWrapper.screen.getByRole('button');
 
-    var loader = (0, _testWrapper.within)(button).getByRole('progressbar');
-    expect(loader).toHaveAttribute('aria-label', 'Loading...');
+    var loader = (0, _testWrapper.within)(button).getByRole('alert');
+    expect(loader).toHaveAttribute('aria-label', 'Loading in progress');
     expect(loader).not.toHaveAttribute('aria-valuenow');
     getComponent({
       items: []
@@ -433,7 +433,7 @@ describe('async loading', function () {
 
     var options = (0, _testWrapper.within)(listbox).getAllByRole('option');
     expect(options.length).toBe(2);
-    var loader = (0, _testWrapper.within)(listbox).getByRole('progressbar');
+    var loader = (0, _testWrapper.within)(listbox).getByRole('alert');
     expect(loader).toHaveAttribute('aria-label', 'Loading more...');
     expect(loader).not.toHaveAttribute('aria-valuenow');
     getComponent({

package/lib/components/Button/Button.test.js

@@ -78,7 +78,7 @@ test('button loading hides children and shows loader', function () {
   var childWrapper = screen.getByText(textContent);
   expect(childWrapper).toBeInTheDocument();
   expect(childWrapper).not.toBeVisible();
-  expect(screen.getByRole('progressbar')).toBeInTheDocument();
+  expect(screen.getByRole('alert')).toBeInTheDocument();
 });
 test('button renders children when not loading', function () {
   var textContent = "I'ma button";

package/lib/components/ComboBoxField/ComboBoxField.test.js

@@ -470,7 +470,7 @@ describe('loadingState', function () {
       jest.advanceTimersByTime(500);
     }); // First time load will show progress bar so user can know that items are being fetched
 
-    expect(screen.getByRole('progressbar')).toBeInTheDocument();
+    expect(screen.getByRole('alert')).toBeInTheDocument();
     getComponent({
       loadingState: loadingStates.FILTERING
     }, {
@@ -705,7 +705,7 @@ describe('loadingState', function () {
     userEvent.click(button);
     var listbox = screen.getByRole('listbox');
     expect(listbox).toBeVisible();
-    var loader = within(listbox).getByRole('progressbar');
+    var loader = within(listbox).getByRole('alert');
     expect(loader).toBeInTheDocument();
     expect(loader).toHaveAttribute('aria-label', 'Loading more...');
   });

package/lib/components/ImageUploadField/ImageUploadField.test.js

@@ -317,7 +317,7 @@ test('should render loader if isLoading prop is true', function () {
   }, {
     renderFn: rerender
   });
-  expect(screen.queryByRole('progressbar')).toBeInTheDocument();
+  expect(screen.queryByRole('alert')).toBeInTheDocument();
 });
 test('should render loader if isLoading prop is true', function () {
   var _getComponent3 = getComponent(),
@@ -329,7 +329,7 @@ test('should render loader if isLoading prop is true', function () {
   }, {
     renderFn: rerender
   });
-  expect(screen.queryByRole('progressbar')).toBeInTheDocument();
+  expect(screen.queryByRole('alert')).toBeInTheDocument();
 });
 test('should render image preview and menu when previewImage prop is supplied', function () {
   getComponent({

package/lib/components/LinkSelectField/LinkSelectField.test.js

@@ -157,8 +157,8 @@ test('displays a loader while loading', function () {
       rerender = _getComponent.rerender;
 
   var button = screen.getByRole('button');
-  var loader = within(button).getByRole('progressbar');
-  expect(loader).toHaveAttribute('aria-label', 'Loading...');
+  var loader = within(button).getByRole('alert');
+  expect(loader).toHaveAttribute('aria-label', 'Loading in progress');
   expect(loader).not.toHaveAttribute('aria-valuenow');
   getComponent({
     items: []

package/lib/components/ListView/ListView.test.js

@@ -203,14 +203,14 @@ test('renders loader, if a loader component is passed in, and state is loading',
   getComponent({
     loadingState: loadingStates.LOADING
   });
-  var loader = screen.getByRole('progressbar');
+  var loader = screen.getByRole('alert');
   expect(loader).toBeInTheDocument();
 });
 test('renders loader, if a loader component is passed in, and state is loadingMore', function () {
   getComponent({
     loadingState: loadingStates.LOADING_MORE
   });
-  var loader = screen.getByRole('progressbar');
+  var loader = screen.getByRole('alert');
   expect(loader).toBeInTheDocument();
 });
 test('does not render loader, if loadingState is not loadingMore', function () {

package/lib/components/Loader/Loader.js

@@ -1,23 +1,8 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["size"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import { useProgressBar } from '@react-aria/progress';
 import Box from '../Box';
 /**
  * Indeterminite progress component. Used to show general loading.
@@ -29,18 +14,15 @@ var Loader = /*#__PURE__*/forwardRef(function (props, ref) {
   var size = props.size,
       others = _objectWithoutProperties(props, _excluded);
 
-  var _useProgressBar = useProgressBar(_objectSpread({
-    isIndeterminate: true,
-    'aria-label': 'Loading...'
-  }, props)),
-      progressBarProps = _useProgressBar.progressBarProps;
-
   return ___EmotionJSX(Box, _extends({
     ref: ref,
     isRow: true,
     fontSize: size,
-    variant: "loader.container"
-  }, progressBarProps, others), ___EmotionJSX(Box, {
+    variant: "loader.container",
+    role: "alert",
+    "aria-live": "assertive",
+    "aria-label": "Loading in progress"
+  }, others), ___EmotionJSX(Box, {
     variant: "loader.dotLeft"
   }), ___EmotionJSX(Box, {
     variant: "loader.dotCenter"

package/lib/components/Loader/Loader.test.js

@@ -18,7 +18,7 @@ var getComponent = function getComponent() {
 axeTest(getComponent);
 test('default loader', function () {
   getComponent();
-  var loader = screen.getByRole('progressbar');
+  var loader = screen.getByRole('alert');
   expect(loader).toHaveAttribute('data-testid', testId);
   expect(loader).toBeInTheDocument();
 });

package/lib/components/SelectFieldBase/SelectFieldBase.test.js

@@ -306,8 +306,8 @@ describe('async loading', function () {
         rerender = _getComponent.rerender;
 
     var button = screen.getByRole('button');
-    var loader = within(button).getByRole('progressbar');
-    expect(loader).toHaveAttribute('aria-label', 'Loading...');
+    var loader = within(button).getByRole('alert');
+    expect(loader).toHaveAttribute('aria-label', 'Loading in progress');
     expect(loader).not.toHaveAttribute('aria-valuenow');
     getComponent({
       items: []
@@ -334,7 +334,7 @@ describe('async loading', function () {
     var listbox = screen.getByRole('listbox');
     var options = within(listbox).getAllByRole('option');
     expect(options.length).toBe(2);
-    var loader = within(listbox).getByRole('progressbar');
+    var loader = within(listbox).getByRole('alert');
     expect(loader).toHaveAttribute('aria-label', 'Loading more...');
     expect(loader).not.toHaveAttribute('aria-valuenow');
     getComponent({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.15.1-alpha.0",
+  "version": "1.16.0-alpha.0",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",