@pingux/astro 2.238.0 → 2.239.0-alpha.0

package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js

@@ -1,96 +0,0 @@
-"use strict";
-
-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$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _testWrapper = require("../../../../utils/testUtils/testWrapper");
-var _messagesReducer = _interopRequireWildcard(require("../messagesReducer"));
-var _react2 = require("@emotion/react");
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var testId = 'test-messages';
-var messages = [{
-  text: 'uno',
-  key: 1
-}, {
-  text: 'dos',
-  key: 2
-}, {
-  text: 'tres',
-  key: 3
-}];
-var TestComponent = function TestComponent() {
-  var _useReducer = (0, _react.useReducer)(_messagesReducer["default"], []),
-    _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  (0, _react.useEffect)(function () {
-    (0, _messagesReducer.showMessage)({
-      text: 'uno',
-      key: 1
-    }, 500)(dispatch);
-  }, []);
-  return (0, _react2.jsx)("div", {
-    "data-testid": testId
-  }, (0, _map["default"])(state).call(state, function (_ref) {
-    var key = _ref.key,
-      text = _ref.text;
-    return (0, _react2.jsx)("div", {
-      key: key
-    }, text);
-  }));
-};
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _testWrapper.render;
-  return renderFn((0, _react2.jsx)(TestComponent, props));
-};
-test('should create an empty state', function () {
-  var state = (0, _messagesReducer["default"])([], {});
-  expect(state.length).toBe(0);
-});
-test('should add a new message', function () {
-  var state = (0, _messagesReducer["default"])(messages, (0, _messagesReducer.addMessage)({
-    key: 4,
-    text: 'quatro'
-  }));
-  expect(state.length).toBe(4);
-});
-test('should hide a message by key', function () {
-  var state = (0, _messagesReducer["default"])(messages, (0, _messagesReducer.hideMessage)(2));
-  expect(state.length).toBe(3);
-  expect(state[1].isHidden).toBe(true);
-});
-test('should remove a message by key', function () {
-  var state = (0, _messagesReducer["default"])(messages, (0, _messagesReducer.removeMessage)(2));
-  expect(state.length).toBe(2);
-});
-test('should clear all messages', function () {
-  var state = (0, _messagesReducer["default"])(messages, (0, _messagesReducer.clearMessages)());
-  expect(state.length).toBe(0);
-});
-test('should show and hide a message', function () {
-  var _screen$queryByTestId, _screen$queryByTestId2;
-  jest.useFakeTimers();
-  getComponent();
-  expect((_screen$queryByTestId = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId === void 0 ? void 0 : _screen$queryByTestId.children.length).toBe(1);
-  (0, _testWrapper.act)(function () {
-    jest.runAllTimers();
-  });
-  expect((_screen$queryByTestId2 = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
-});
-test('should initialize the reducer as an empty array', function () {
-  var state = (0, _messagesReducer["default"])(undefined, {});
-  expect(state.length).toBe(0);
-});
-test('should add message in empty state', function () {
-  var state = (0, _messagesReducer["default"])(undefined, (0, _messagesReducer.addMessage)({
-    key: 1,
-    text: 'quatro'
-  }));
-  expect(state.length).toBe(1);
-});

package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js

@@ -1,92 +0,0 @@
-"use strict";
-
-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$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _testWrapper = require("../../../../utils/testUtils/testWrapper");
-var _multiMessagesReducer = _interopRequireWildcard(require("../multiMessagesReducer"));
-var _react2 = require("@emotion/react");
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var testId = 'test-messages';
-var messages = [{
-  text: 'uno',
-  key: 1
-}, {
-  text: 'dos',
-  key: 2
-}, {
-  text: 'tres',
-  key: 3
-}];
-var TestComponent = function TestComponent() {
-  var _context;
-  var _useReducer = (0, _react.useReducer)(_multiMessagesReducer["default"], {
-      container: []
-    }),
-    _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  (0, _react.useEffect)(function () {
-    (0, _multiMessagesReducer.showMessage)('container', {
-      text: 'uno',
-      key: 1
-    }, 500)(dispatch);
-  }, []);
-  return (0, _react2.jsx)("div", {
-    "data-testid": testId
-  }, (0, _map["default"])(_context = state.container).call(_context, function (_ref) {
-    var key = _ref.key,
-      text = _ref.text;
-    return (0, _react2.jsx)("div", {
-      key: key
-    }, text);
-  }));
-};
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var renderFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _testWrapper.render;
-  return renderFn((0, _react2.jsx)(TestComponent, props));
-};
-test('should add a new message', function () {
-  var state = (0, _multiMessagesReducer["default"])({
-    'container-one': messages
-  }, (0, _multiMessagesReducer.addMessage)('container-one', {
-    key: 4,
-    text: 'quatro'
-  }));
-  expect(state['container-one'].length).toBe(4);
-});
-test('should hide a message by key', function () {
-  var state = (0, _multiMessagesReducer["default"])({
-    'container-one': messages
-  }, (0, _multiMessagesReducer.hideMessage)('container-one', 2));
-  expect(state['container-one'].length).toBe(3);
-  expect(state['container-one'][1].isHidden).toBe(true);
-});
-test('should remove a message by key', function () {
-  var state = (0, _multiMessagesReducer["default"])({
-    'container-one': messages
-  }, (0, _multiMessagesReducer.removeMessage)('container-one', 2));
-  expect(state['container-one'].length).toBe(2);
-});
-test('should clear all messages', function () {
-  var state = (0, _multiMessagesReducer["default"])({
-    'container-one': messages
-  }, (0, _multiMessagesReducer.clearMessages)('container-one'));
-  expect(state['container-one'].length).toBe(0);
-});
-test('should show and hide a message', function () {
-  var _screen$queryByTestId, _screen$queryByTestId2;
-  jest.useFakeTimers();
-  getComponent();
-  expect((_screen$queryByTestId = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId === void 0 ? void 0 : _screen$queryByTestId.children.length).toBe(1);
-  (0, _testWrapper.act)(function () {
-    jest.runAllTimers();
-  });
-  expect((_screen$queryByTestId2 = _testWrapper.screen.queryByTestId(testId)) === null || _screen$queryByTestId2 === void 0 ? void 0 : _screen$queryByTestId2.children.length).toBe(0);
-});

package/lib/cjs/components/Modal/Convenience/ModalBody.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _storybookDocsLayout = _interopRequireDefault(require("../../../../.storybook/storybookDocsLayout"));
-var _index = require("../../../index");
-var _modalBodyAttributes = require("./modalBodyAttributes");
-var _react2 = require("@emotion/react");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = {
-  title: 'Components/Modal/Convenience/ModalBody',
-  component: _index.ModalBody,
-  parameters: {
-    docs: {
-      page: function page() {
-        return (0, _react2.jsx)(_storybookDocsLayout["default"], null);
-      }
-    }
-  },
-  argTypes: _objectSpread({}, _modalBodyAttributes.modalBodyArgTypes)
-};
-var Default = exports.Default = function Default() {
-  return (0, _react2.jsx)(_index.ModalBody, null, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Text, null, "Do you want to continue with this action that you\u2018re performing?")));
-};

package/lib/cjs/components/Modal/Convenience/ModalFooter.stories.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _storybookDocsLayout = _interopRequireDefault(require("../../../../.storybook/storybookDocsLayout"));
-var _hooks = require("../../../hooks");
-var _index = require("../../../index");
-var _modalFooterAttributes = require("./modalFooterAttributes");
-var _react2 = require("@emotion/react");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = {
-  title: 'Components/Modal/Convenience/ModalFooter',
-  component: _index.ModalFooter,
-  parameters: {
-    docs: {
-      page: function page() {
-        return (0, _react2.jsx)(_storybookDocsLayout["default"], null);
-      }
-    }
-  },
-  argTypes: _objectSpread({}, _modalFooterAttributes.modalFooterArgTypes)
-};
-var Default = exports.Default = function Default() {
-  var state = (0, _hooks.useModalState)();
-  return (0, _react2.jsx)(_index.ModalFooter, {
-    onSubmit: state.close,
-    onCancel: state.close
-  });
-};

package/lib/cjs/components/Modal/Convenience/ModalHeader.stories.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _storybookDocsLayout = _interopRequireDefault(require("../../../../.storybook/storybookDocsLayout"));
-var _hooks = require("../../../hooks");
-var _index = require("../../../index");
-var _modalHeaderAttributes = require("./modalHeaderAttributes");
-var _react2 = require("@emotion/react");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = {
-  title: 'Components/Modal/Convenience/ModalHeader',
-  component: _index.ModalHeader,
-  parameters: {
-    docs: {
-      page: function page() {
-        return (0, _react2.jsx)(_storybookDocsLayout["default"], null);
-      }
-    }
-  },
-  argTypes: _objectSpread({}, _modalHeaderAttributes.modalHeaderArgTypes)
-};
-var Default = exports.Default = function Default() {
-  var state = (0, _hooks.useModalState)();
-  return (0, _react2.jsx)(_index.ModalHeader, {
-    hasCloseButton: true,
-    onClose: state.close,
-    title: "Continue"
-  });
-};

package/lib/cjs/components/Modal/Modal.mdx

@@ -1,62 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-import * as ModalStories from './Modal.stories';
-import AccessibilityTable from '../../utils/docUtils/AccessibilityTable';
-import { KeyboardRows } from '../../utils/docUtils/accessibilityTableConstants';
-
-<Meta of={ModalStories} isTemplate />
-
-# Modal
-
-Modals (also known as modal windows, overlays, and dialogs) are large UI elements that sit on top of an application's main window.
-To return to the application's main interface, users must interact with the modal.
-
-This component must be wrapped in an OverlayProvider and the first child component should be a trigger, such as a button.
-
-If the modal is used to display an error message, it displays after users perform an action and require a response. 
-These messages should be short, meaningful, free of technical jargon, and follow status color guidelines. 
-They can also be used to educate users, but don’t try to explain complicated troubleshooting processes in error messages.
-
-Error messages should clearly explain: 
-- What happened
-- Why it happened, if that’s relevant
-- The steps users should take to resolve the issue
-
-See our [Error message writing guidelines](https://pingidentity.atlassian.net/wiki/spaces/CCC/pages/21137273/Error+messages) for additional information. 
-
-Modals should:
-- Be used for important warnings and information requests as a way to prevent or correct critical errors.
-- Be used to break down complex workflow to not overwhelm the user.
-- Have all the critical information inside it to help users make decisions.
-
-Modals should not:
-- Be nested inside or replaced by another modal.
-- Be overused as it disrupts the user’s workflow and requires a response.
-- Be used for brief warnings and alerts, use the [Messages](./?path=/docs/components-messages--default) component instead.
-
-### Required Components
-
-This component requires the OverlayProvider and [Button](./?path=/docs/components-button--default) components. 
-
-### Accessibility
-
-This component should adhere to the [WAI-ARIA Modal](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/) accessibility guidelines.
-
-<AccessibilityTable
-  keyboardRows={[
-    { key: 'Tab', description: 'The trigger component and the content in the modal are focusable using the Tab key.' },
-    { key: '', description: 'When a modal opens, focus moves to an element contained in the modal, which is usually the first focusable element. If the first focusable element does not make sense, tabindex=”-1” should be added to a static element at the top of the modal, which could be the panel title.' },
-    { key: 'Space or Enter', description: 'Opens the modal when the trigger is focused. Once opened, the focus is locked inside the modal.' },
-    KeyboardRows.shiftTabFocusPrevious,
-    { key: 'Esc', description: 'Pressing the escape key closes the modal and adds focus to the previously focused component.' },
-  ]}
-  screenReaderRows={[
-    'The button uses the **`aria-label`** attribute to provide an accessible name.',
-    'The **`aria-labelledby`** attribute is supplied with label ID.',
-    'The **`aria-modal`** attribute allows the assistive technologies to inform users that the ability to interact with or access other content on the page requires the modal dialog to be closed.',
-  ]}
-/>
-
-{/* Non-standard section: '#### Note' contains AutoFocus implementation guidance. Flagged for future migration. */}
-#### Note
-
-AutoFocus is not enabled by default. To ensure accessibility and expected keyboard navigation support set the `hasAutoFocus` prop to true.