@pingux/astro 1.27.0-alpha.0 → 1.27.0-alpha.1

package/lib/cjs/components/ArrayField/ArrayField.stories.js

@@ -207,26 +207,26 @@ var Controlled = function Controlled() {
       fieldValues = _React$useState2[0],
       setFieldValues = _React$useState2[1];
 
-  function handleOnChange(values) {
+  var handleOnChange = function handleOnChange(values) {
     setFieldValues(values);
-  }
+  };
 
-  function handleOnAdd() {
+  var handleOnAdd = function handleOnAdd() {
     setFieldValues(function (oldValues) {
       var _context;
 
       return (0, _concat["default"])(_context = []).call(_context, oldValues, [defaultEmptyField]);
     });
-  }
+  };
 
-  function handleOnDelete(fieldId) {
+  var handleOnDelete = function handleOnDelete(fieldId) {
     setFieldValues(function (oldValues) {
       return (0, _filter["default"])(oldValues).call(oldValues, function (_ref2) {
         var id = _ref2.id;
         return id !== fieldId;
       });
     });
-  }
+  };
 
   return (0, _react2.jsx)(_index.ArrayField, {
     value: fieldValues,

package/lib/cjs/components/FileInputField/FileInputField.js

@@ -230,7 +230,10 @@ var FileInputField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     variant: "boxes.fileInputFieldWrapper"
   }, (0, _utils.mergeProps)(fieldContainerProps, others), {
     className: classNames
-  }, getRootProps()), (0, _react2.jsx)(_index.Input, (0, _extends2["default"])({}, (0, _utils.mergeProps)(visuallyHiddenProps, fieldControlProps, getInputProps()), {
+  }, getRootProps(), {
+    // to pass accessibility test, this removes focusable dependents
+    role: "none"
+  }), (0, _react2.jsx)(_index.Input, (0, _extends2["default"])({}, (0, _utils.mergeProps)(visuallyHiddenProps, fieldControlProps, getInputProps()), {
     "aria-label": "File Input",
     multiple: isMultiple,
     onChange: handleOnChange,
@@ -294,8 +297,8 @@ FileInputField.propTypes = {
    * */
   fileList: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     fileObj: _propTypes["default"].shape({}),
-    id: _propTypes["default"].string.required,
-    name: _propTypes["default"].string.required,
+    id: _propTypes["default"].string.isRequired,
+    name: _propTypes["default"].string.isRequired,
     downloadLink: _propTypes["default"].string,
     status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"]))
   })),
@@ -303,8 +306,8 @@ FileInputField.propTypes = {
   /** Default array of objects for uploaded files. */
   defaultFileList: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     fileObj: _propTypes["default"].shape({}),
-    id: _propTypes["default"].string.required,
-    name: _propTypes["default"].string.required,
+    id: _propTypes["default"].string.isRequired,
+    name: _propTypes["default"].string.isRequired,
     downloadLink: _propTypes["default"].string,
     status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"]))
   })),

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

@@ -168,7 +168,7 @@ LinkSelectField.propTypes = {
    * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
    * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
    */
-  items: _propTypes["default"].arrayOf(_propTypes["default"].any),
+  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),
 
   /** The label for the select element. */
   label: _propTypes["default"].node,

package/lib/cjs/components/ListBox/Option.js

@@ -124,7 +124,10 @@ Option.propTypes = {
   hasVirtualFocus: _propTypes["default"].bool,
   item: _propTypes["default"].shape({
     key: _propTypes["default"].string,
-    props: _propTypes["default"].shape({}),
+    props: _propTypes["default"].shape({
+      'data-id': _propTypes["default"].string,
+      isSeparator: _propTypes["default"].bool
+    }),
     rendered: _propTypes["default"].node
   }),
   state: _propTypes["default"].shape({

package/lib/cjs/components/MenuItem/MenuItem.js

@@ -174,7 +174,8 @@ MenuItem.propTypes = {
     key: _propTypes["default"].string,
     props: _propTypes["default"].shape({
       'data-id': _propTypes["default"].string,
-      isSeparator: _propTypes["default"].bool
+      isSeparator: _propTypes["default"].bool,
+      isPressed: _propTypes["default"].bool
     }),
     rendered: _propTypes["default"].node,
     isDisabled: _propTypes["default"].bool

package/lib/cjs/components/Messages/Message.js

@@ -184,7 +184,8 @@ Message.propTypes = {
       icon: _propTypes["default"].elementType,
 
       /* Hides the message with an animated transition */
-      isHidden: _propTypes["default"].bool
+      isHidden: _propTypes["default"].bool,
+      'data-id': _propTypes["default"].string
     })
   }),
 

package/lib/cjs/components/SelectField/SelectField.js

@@ -104,7 +104,7 @@ SelectField.propTypes = {
    * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
    * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
    */
-  items: _propTypes["default"].arrayOf(_propTypes["default"].any),
+  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),
 
   /** The label for the select element. */
   label: _propTypes["default"].node,

package/lib/cjs/components/Tab/Tab.js

@@ -46,7 +46,7 @@ var _ = require("../..");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["icon", "isDisabled", "separator", "tabLabelProps", "tabLineProps", "content", "titleAttr"];
+var _excluded = ["icon", "isDisabled", "separator", "tabLabelProps", "tabLineProps", "content", "titleAttr", "title"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -74,6 +74,7 @@ var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tabLineProps = itemProps.tabLineProps,
       content = itemProps.content,
       titleAttr = itemProps.titleAttr,
+      title = itemProps.title,
       otherItemProps = (0, _objectWithoutProperties2["default"])(itemProps, _excluded);
   var state = (0, _react.useContext)(_Tabs.TabsContext);
   var isDisabled = tabsDisabled || tabDisabled || state.disabledKeys.has(key);
@@ -149,9 +150,19 @@ CollectionTab.propTypes = {
   isDisabled: _propTypes["default"].bool,
   item: _propTypes["default"].shape({
     key: _propTypes["default"].string,
-    props: _propTypes["default"].shape({}),
-    rendered: _propTypes["default"].node,
-    tabLineProps: _propTypes["default"].shape({})
+    props: _propTypes["default"].shape({
+      icon: _propTypes["default"].shape({}),
+      isDisabled: _propTypes["default"].bool,
+      textValue: _propTypes["default"].string,
+      tabLineProps: _propTypes["default"].shape({}),
+      tabLabelProps: _propTypes["default"].shape({}),
+      content: _propTypes["default"].shape({}),
+      titleAttr: _propTypes["default"].string,
+      title: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string, _propTypes["default"].object]),
+      separator: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].bool]),
+      list: _propTypes["default"].arrayOf(_propTypes["default"].shape({}))
+    }),
+    rendered: _propTypes["default"].node
   }),
   mode: _propTypes["default"].oneOf(['default', 'tooltip', 'list']),
   orientation: _propTypes["default"].oneOf(['horizontal', 'vertical']),

package/lib/cjs/components/TabPicker/TabPicker.js

@@ -246,10 +246,10 @@ TabPicker.propTypes = {
   state: _propTypes["default"].shape({
     collection: _propTypes["default"].shape({}),
     selectedKey: _propTypes["default"].string,
-    setSelectedKey: _propTypes["default"]["function"],
+    setSelectedKey: _propTypes["default"].func,
     selectionManager: _propTypes["default"].shape({
       focusedKey: _propTypes["default"].string,
-      setFocusedKey: _propTypes["default"]["function"]
+      setFocusedKey: _propTypes["default"].func
     })
   })
 };

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js

@@ -12,7 +12,7 @@ test('default useOverlayPanelState', function () {
   }),
       result = _renderHook.result;
 
-  expect(result.current).toEqual(expect.objectContaining({
+  var obj = {
     state: {
       open: expect.any(Function),
       close: expect.any(Function),
@@ -20,5 +20,6 @@ test('default useOverlayPanelState', function () {
       isOpen: expect.any(Boolean)
     },
     onClose: expect.any(Function)
-  }));
+  };
+  expect(result.current).toEqual(obj);
 });

package/lib/cjs/hooks/useSelectField/useSelectField.js

@@ -143,7 +143,15 @@ var useSelectField = function useSelectField(props, ref) {
       labelProps = _useSelect.labelProps,
       triggerProps = _useSelect.triggerProps,
       valueProps = _useSelect.valueProps,
-      menuProps = _useSelect.menuProps;
+      menuProps = _useSelect.menuProps; // The following props are being passed into multiple
+  // DOM elements that leads to multiple test failures
+  // and these props are never used in any components
+  // that depend on useSelectField
+
+
+  delete menuProps.shouldSelectOnPressUp;
+  delete menuProps.shouldFocusOnHover;
+  delete menuProps.disallowEmptySelection;
 
   var _useField = (0, _.useField)(_objectSpread(_objectSpread({}, props), {}, {
     placeholder: props.labelMode === _constants.modes.FLOAT ? '' : placeholder,

package/lib/components/ArrayField/ArrayField.stories.js

@@ -182,26 +182,26 @@ export var Controlled = function Controlled() {
       fieldValues = _React$useState2[0],
       setFieldValues = _React$useState2[1];
 
-  function handleOnChange(values) {
+  var handleOnChange = function handleOnChange(values) {
     setFieldValues(values);
-  }
+  };
 
-  function handleOnAdd() {
+  var handleOnAdd = function handleOnAdd() {
     setFieldValues(function (oldValues) {
       var _context;
 
       return _concatInstanceProperty(_context = []).call(_context, oldValues, [defaultEmptyField]);
     });
-  }
+  };
 
-  function handleOnDelete(fieldId) {
+  var handleOnDelete = function handleOnDelete(fieldId) {
     setFieldValues(function (oldValues) {
       return _filterInstanceProperty(oldValues).call(oldValues, function (_ref2) {
         var id = _ref2.id;
         return id !== fieldId;
       });
     });
-  }
+  };
 
   return ___EmotionJSX(ArrayField, {
     value: fieldValues,

package/lib/components/FileInputField/FileInputField.js

@@ -180,7 +180,10 @@ var FileInputField = /*#__PURE__*/forwardRef(function (props, ref) {
     variant: "boxes.fileInputFieldWrapper"
   }, mergeProps(fieldContainerProps, others), {
     className: classNames
-  }, getRootProps()), ___EmotionJSX(Input, _extends({}, mergeProps(visuallyHiddenProps, fieldControlProps, getInputProps()), {
+  }, getRootProps(), {
+    // to pass accessibility test, this removes focusable dependents
+    role: "none"
+  }), ___EmotionJSX(Input, _extends({}, mergeProps(visuallyHiddenProps, fieldControlProps, getInputProps()), {
     "aria-label": "File Input",
     multiple: isMultiple,
     onChange: handleOnChange,
@@ -244,8 +247,8 @@ FileInputField.propTypes = {
    * */
   fileList: PropTypes.arrayOf(PropTypes.shape({
     fileObj: PropTypes.shape({}),
-    id: PropTypes.string.required,
-    name: PropTypes.string.required,
+    id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
     downloadLink: PropTypes.string,
     status: PropTypes.oneOf(_Object$values(statuses))
   })),
@@ -253,8 +256,8 @@ FileInputField.propTypes = {
   /** Default array of objects for uploaded files. */
   defaultFileList: PropTypes.arrayOf(PropTypes.shape({
     fileObj: PropTypes.shape({}),
-    id: PropTypes.string.required,
-    name: PropTypes.string.required,
+    id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
     downloadLink: PropTypes.string,
     status: PropTypes.oneOf(_Object$values(statuses))
   })),

package/lib/components/LinkSelectField/LinkSelectField.js

@@ -131,7 +131,7 @@ LinkSelectField.propTypes = {
    * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
    * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
    */
-  items: PropTypes.arrayOf(PropTypes.any),
+  items: PropTypes.arrayOf(PropTypes.shape({})),
 
   /** The label for the select element. */
   label: PropTypes.node,

package/lib/components/ListBox/Option.js

@@ -86,7 +86,10 @@ Option.propTypes = {
   hasVirtualFocus: PropTypes.bool,
   item: PropTypes.shape({
     key: PropTypes.string,
-    props: PropTypes.shape({}),
+    props: PropTypes.shape({
+      'data-id': PropTypes.string,
+      isSeparator: PropTypes.bool
+    }),
     rendered: PropTypes.node
   }),
   state: PropTypes.shape({

package/lib/components/MenuItem/MenuItem.js

@@ -141,7 +141,8 @@ MenuItem.propTypes = {
     key: PropTypes.string,
     props: PropTypes.shape({
       'data-id': PropTypes.string,
-      isSeparator: PropTypes.bool
+      isSeparator: PropTypes.bool,
+      isPressed: PropTypes.bool
     }),
     rendered: PropTypes.node,
     isDisabled: PropTypes.bool

package/lib/components/Messages/Message.js

@@ -141,7 +141,8 @@ Message.propTypes = {
       icon: PropTypes.elementType,
 
       /* Hides the message with an animated transition */
-      isHidden: PropTypes.bool
+      isHidden: PropTypes.bool,
+      'data-id': PropTypes.string
     })
   }),
 

package/lib/components/SelectField/SelectField.js

@@ -75,7 +75,7 @@ SelectField.propTypes = {
    * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
    * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
    */
-  items: PropTypes.arrayOf(PropTypes.any),
+  items: PropTypes.arrayOf(PropTypes.shape({})),
 
   /** The label for the select element. */
   label: PropTypes.node,

package/lib/components/Tab/Tab.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["icon", "isDisabled", "separator", "tabLabelProps", "tabLineProps", "content", "titleAttr"];
+var _excluded = ["icon", "isDisabled", "separator", "tabLabelProps", "tabLineProps", "content", "titleAttr", "title"];
 import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { useTab } from '@react-aria/tabs';
@@ -38,6 +38,7 @@ export var CollectionTab = /*#__PURE__*/forwardRef(function (props, ref) {
       tabLineProps = itemProps.tabLineProps,
       content = itemProps.content,
       titleAttr = itemProps.titleAttr,
+      title = itemProps.title,
       otherItemProps = _objectWithoutProperties(itemProps, _excluded);
 
   var state = useContext(TabsContext);
@@ -113,9 +114,19 @@ CollectionTab.propTypes = {
   isDisabled: PropTypes.bool,
   item: PropTypes.shape({
     key: PropTypes.string,
-    props: PropTypes.shape({}),
-    rendered: PropTypes.node,
-    tabLineProps: PropTypes.shape({})
+    props: PropTypes.shape({
+      icon: PropTypes.shape({}),
+      isDisabled: PropTypes.bool,
+      textValue: PropTypes.string,
+      tabLineProps: PropTypes.shape({}),
+      tabLabelProps: PropTypes.shape({}),
+      content: PropTypes.shape({}),
+      titleAttr: PropTypes.string,
+      title: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.object]),
+      separator: PropTypes.oneOfType([PropTypes.element, PropTypes.bool]),
+      list: PropTypes.arrayOf(PropTypes.shape({}))
+    }),
+    rendered: PropTypes.node
   }),
   mode: PropTypes.oneOf(['default', 'tooltip', 'list']),
   orientation: PropTypes.oneOf(['horizontal', 'vertical']),

package/lib/components/TabPicker/TabPicker.js

@@ -207,10 +207,10 @@ TabPicker.propTypes = {
   state: PropTypes.shape({
     collection: PropTypes.shape({}),
     selectedKey: PropTypes.string,
-    setSelectedKey: PropTypes["function"],
+    setSelectedKey: PropTypes.func,
     selectionManager: PropTypes.shape({
       focusedKey: PropTypes.string,
-      setFocusedKey: PropTypes["function"]
+      setFocusedKey: PropTypes.func
     })
   })
 };

package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js

@@ -6,7 +6,7 @@ test('default useOverlayPanelState', function () {
   }),
       result = _renderHook.result;
 
-  expect(result.current).toEqual(expect.objectContaining({
+  var obj = {
     state: {
       open: expect.any(Function),
       close: expect.any(Function),
@@ -14,5 +14,6 @@ test('default useOverlayPanelState', function () {
       isOpen: expect.any(Boolean)
     },
     onClose: expect.any(Function)
-  }));
+  };
+  expect(result.current).toEqual(obj);
 });

package/lib/hooks/useSelectField/useSelectField.js

@@ -103,7 +103,15 @@ var useSelectField = function useSelectField(props, ref) {
       labelProps = _useSelect.labelProps,
       triggerProps = _useSelect.triggerProps,
       valueProps = _useSelect.valueProps,
-      menuProps = _useSelect.menuProps;
+      menuProps = _useSelect.menuProps; // The following props are being passed into multiple
+  // DOM elements that leads to multiple test failures
+  // and these props are never used in any components
+  // that depend on useSelectField
+
+
+  delete menuProps.shouldSelectOnPressUp;
+  delete menuProps.shouldFocusOnHover;
+  delete menuProps.disallowEmptySelection;
 
   var _useField = useField(_objectSpread(_objectSpread({}, props), {}, {
     placeholder: props.labelMode === modes.FLOAT ? '' : placeholder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.27.0-alpha.0",
+  "version": "1.27.0-alpha.1",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",
@@ -137,7 +137,7 @@
     "emotion-normalize": "^11.0.1",
     "lodash": "^4.17.21",
     "mdi-react": "^7.4.0",
-    "moment": "^2.29.1",
+    "moment": "^2.29.4",
     "prism-react-renderer": "1.2.1",
     "prismjs": "^1.27.0",
     "prop-types": "^15.7.2",