@pingux/astro 2.44.0-alpha.3 → 2.44.0

package/lib/cjs/components/ListItem/ListItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ListItemProps } from '../../types';
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
+export default ListItem;

package/lib/cjs/components/ListItem/ListItem.js

@@ -1,44 +1,33 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-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 _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");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _interactions = require("@react-aria/interactions");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
-var _hoverProps = require("../../utils/docUtils/hoverProps");
 var _Box = _interopRequireDefault(require("../Box/Box"));
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "className", "isHovered", "isSelected", "onHoverChange", "onHoverEnd", "onHoverStart"];
 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); }
 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; }
-var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    isHovered = _ref.isHovered,
-    isSelected = _ref.isSelected,
-    onHoverChange = _ref.onHoverChange,
-    onHoverEnd = _ref.onHoverEnd,
-    onHoverStart = _ref.onHoverStart,
-    others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    isHovered = props.isHovered,
+    isSelected = props.isSelected,
+    onHoverChange = props.onHoverChange,
+    onHoverEnd = props.onHoverEnd,
+    onHoverStart = props.onHoverStart,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useHover = (0, _interactions.useHover)({
       onHoverChange: onHoverChange,
       onHoverEnd: onHoverEnd,
@@ -56,18 +45,10 @@ var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: ref,
     variant: "listItem.container",
     isRow: true
-  }, hoverProps, others), children);
+  }, hoverProps, others, {
+    role: "listitem"
+  }), children);
 });
-ListItem.propTypes = _objectSpread({
-  /**
-   * A list of class names to apply to the element
-   */
-  className: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].string)]),
-  /**
-   * Sets the selected state of the ListItem
-   */
-  isSelected: _propTypes["default"].bool
-}, _hoverProps.onHoverPropTypes);
 ListItem.defaultProps = {
   isSelected: false
 };

package/lib/cjs/components/ListItem/ListItem.styles.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    container: {
+        bg: string;
+        '&.is-hovered': {
+            bg: string;
+        };
+        display: string;
+        flex: string;
+        cursor: string;
+        height: string;
+        pl: string;
+        pr: string;
+        pt: number;
+        pb: number;
+        justifyContent: string;
+        '&.is-selected': {
+            bg: string;
+        };
+    };
+    hover: {
+        bg: string;
+        '&.is-hovered': {
+            bg: string;
+        };
+    };
+};
+export default _default;

package/lib/cjs/components/ListItem/ListItem.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -23,7 +23,9 @@ var getComponent = function getComponent() {
 // Needs to be added to each components test file
 (0, _universalComponentTest.universalComponentTests)({
   renderComponent: function renderComponent(props) {
-    return (0, _react3.jsx)(_ListItem["default"], (0, _extends2["default"])({}, defaultProps, props));
+    return (0, _react3.jsx)("div", {
+      role: "list"
+    }, (0, _react3.jsx)(_ListItem["default"], (0, _extends2["default"])({}, defaultProps, props)));
   }
 });
 describe('ListItem', function () {

package/lib/cjs/components/ListItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ListItem';

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

@@ -38,7 +38,9 @@ var TestComponent = function TestComponent() {
     isHovered: isHovered,
     onHoverEnd: handleHoverEnd,
     onHoverStart: handleHoverStart,
-    onMouseMove: handleMouseMove,
+    onMouseMove: function onMouseMove() {
+      return handleMouseMove;
+    },
     role: "listitem",
     ref: listItemRef
   }, (0, _react3.jsx)(_index.PopoverMenu, null, (0, _react3.jsx)(_index.IconButton, null), (0, _react3.jsx)(_index.Menu, {

package/lib/cjs/recipes/LinkedListView.stories.js

@@ -445,4 +445,16 @@ var Default = function Default(_ref) {
     }, item)));
   });
 };
-exports.Default = Default;
+
+// Added to bypass the rule "Certain ARIA roles must be contained by particular parents"
+exports.Default = Default;
+Default.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'aria-required-parent',
+        enabled: false
+      }]
+    }
+  }
+};

package/lib/cjs/types/index.d.ts

@@ -9,6 +9,7 @@ export * from './iconBadge';
 export * from './iconButton';
 export * from './item';
 export * from './link';
+export * from './listItem';
 export * from './loader';
 export * from './popoverContainer';
 export * from './separator';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -128,8 +128,19 @@ _forEachInstanceProperty(_context11 = _Object$keys(_link)).call(_context11, func
     }
   });
 });
+var _listItem = require("./listItem");
+_forEachInstanceProperty(_context12 = _Object$keys(_listItem)).call(_context12, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _listItem[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _listItem[key];
+    }
+  });
+});
 var _loader = require("./loader");
-_forEachInstanceProperty(_context12 = _Object$keys(_loader)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_loader)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_loader)).call(_context12, fu
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context13 = _Object$keys(_popoverContainer)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_popoverContainer)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context14 = _Object$keys(_separator)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_separator)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_separator)).call(_context14,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context15 = _Object$keys(_shared)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_shared)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_shared)).call(_context15, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context16 = _Object$keys(_table)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_table)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_table)).call(_context16, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context17 = _Object$keys(_text)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_text)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_text)).call(_context17, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context18 = _Object$keys(_tooltipTrigger)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_tooltipTrigger)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/listItem.d.ts

@@ -0,0 +1,10 @@
+import { TestingAttributes } from './shared/test';
+import { BoxProps } from './box';
+import { HoverProps } from './shared';
+export interface ListItemProps extends BoxProps, HoverProps, TestingAttributes {
+    title?: string;
+    /**
+     * Sets the selected state of the ListItem
+     */
+    isSelected?: boolean;
+}

package/lib/cjs/types/listItem.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/ListItem/ListItem.js

@@ -1,33 +1,20 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "className", "isHovered", "isSelected", "onHoverChange", "onHoverEnd", "onHoverStart"];
-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 { useHover } from '@react-aria/interactions';
-import PropTypes from 'prop-types';
 import { useDeprecationWarning, useStatusClasses } from '../../hooks';
-import { onHoverPropTypes } from '../../utils/docUtils/hoverProps';
 import Box from '../Box/Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    isHovered = _ref.isHovered,
-    isSelected = _ref.isSelected,
-    onHoverChange = _ref.onHoverChange,
-    onHoverEnd = _ref.onHoverEnd,
-    onHoverStart = _ref.onHoverStart,
-    others = _objectWithoutProperties(_ref, _excluded);
+var ListItem = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    isHovered = props.isHovered,
+    isSelected = props.isSelected,
+    onHoverChange = props.onHoverChange,
+    onHoverEnd = props.onHoverEnd,
+    onHoverStart = props.onHoverStart,
+    others = _objectWithoutProperties(props, _excluded);
   var _useHover = useHover({
       onHoverChange: onHoverChange,
       onHoverEnd: onHoverEnd,
@@ -45,18 +32,10 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     variant: "listItem.container",
     isRow: true
-  }, hoverProps, others), children);
+  }, hoverProps, others, {
+    role: "listitem"
+  }), children);
 });
-ListItem.propTypes = _objectSpread({
-  /**
-   * A list of class names to apply to the element
-   */
-  className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  /**
-   * Sets the selected state of the ListItem
-   */
-  isSelected: PropTypes.bool
-}, onHoverPropTypes);
 ListItem.defaultProps = {
   isSelected: false
 };

package/lib/components/ListItem/ListItem.test.js

@@ -20,7 +20,9 @@ var getComponent = function getComponent() {
 // Needs to be added to each components test file
 universalComponentTests({
   renderComponent: function renderComponent(props) {
-    return ___EmotionJSX(ListItem, _extends({}, defaultProps, props));
+    return ___EmotionJSX("div", {
+      role: "list"
+    }, ___EmotionJSX(ListItem, _extends({}, defaultProps, props)));
   }
 });
 describe('ListItem', function () {

package/lib/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.test.js

@@ -31,7 +31,9 @@ var TestComponent = function TestComponent() {
     isHovered: isHovered,
     onHoverEnd: handleHoverEnd,
     onHoverStart: handleHoverStart,
-    onMouseMove: handleMouseMove,
+    onMouseMove: function onMouseMove() {
+      return handleMouseMove;
+    },
     role: "listitem",
     ref: listItemRef
   }, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(IconButton, null), ___EmotionJSX(Menu, {

package/lib/recipes/LinkedListView.stories.js

@@ -430,4 +430,16 @@ export var Default = function Default(_ref) {
       isChild: item.parentId
     }, item)));
   });
+};
+
+// Added to bypass the rule "Certain ARIA roles must be contained by particular parents"
+Default.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'aria-required-parent',
+        enabled: false
+      }]
+    }
+  }
 };

package/lib/types/index.js

@@ -9,6 +9,7 @@ export * from './iconBadge';
 export * from './iconButton';
 export * from './item';
 export * from './link';
+export * from './listItem';
 export * from './loader';
 export * from './popoverContainer';
 export * from './separator';

package/lib/types/listItem.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.44.0-alpha.3",
+  "version": "2.44.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",