@pingux/astro 2.58.0-alpha.1 → 2.59.0-alpha.0

package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.js

@@ -9,13 +9,14 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _MoreVertIcon = _interopRequireDefault(require("@pingux/mdi-react/MoreVertIcon"));
 var _ = require("../../..");
 var _menuAttributes = require("../../Menu/menuAttributes");
 var _react2 = require("@emotion/react");
-var _excluded = ["children"];
+var _excluded = ["children", "iconButtonProps"];
 /**
  * ListViewItemEditButton is one of several styled control components that can be used as a child
  * nested inside of the [ListViewItem](./?path=/docs/components-listviewitem--docs).
@@ -27,11 +28,12 @@ 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; }
 var ListViewItemMenu = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
+    iconButtonProps = _ref.iconButtonProps,
     others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (0, _react2.jsx)(_.PopoverMenu, null, (0, _react2.jsx)(_.IconButton, {
+  return (0, _react2.jsx)(_.PopoverMenu, null, (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
     "aria-label": "more",
     ref: ref
-  }, (0, _react2.jsx)(_.Icon, {
+  }, iconButtonProps), (0, _react2.jsx)(_.Icon, {
     icon: _MoreVertIcon["default"],
     size: "md"
   })), (0, _react2.jsx)(_.Menu, others, children));

package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.stories.js

@@ -1,16 +1,26 @@
 "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 _reactStately = require("react-stately");
 var _ = require("../../..");
 var _menuAttributes = require("../../Menu/menuAttributes");
 var _react2 = require("@emotion/react");
+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 _default = {
   title: 'Components/ListViewItem/Controls/ListViewItemMenu',
   component: _.ListViewItemMenu,
@@ -21,11 +31,19 @@ var _default = {
       }
     }
   },
-  argTypes: _menuAttributes.menuArgTypes
+  argTypes: _objectSpread(_objectSpread({}, _menuAttributes.menuArgTypes), {}, {
+    iconButtonProps: {
+      description: 'object that gets spread into the IconButton component'
+    }
+  })
 };
 exports["default"] = _default;
 var Default = function Default() {
-  return (0, _react2.jsx)(_.ListViewItemMenu, null, (0, _react2.jsx)(_reactStately.Item, {
+  return (0, _react2.jsx)(_.ListViewItemMenu, {
+    iconButtonProps: {
+      'data-id': 'list-item-menu'
+    }
+  }, (0, _react2.jsx)(_reactStately.Item, {
     key: "enable"
   }, "Enable user"), (0, _react2.jsx)(_reactStately.Item, {
     key: "disable"

package/lib/components/ListViewItem/controls/ListViewItemMenu.js

@@ -1,5 +1,6 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
+var _excluded = ["children", "iconButtonProps"];
 import React, { forwardRef } from 'react';
 import MoreVertIcon from '@pingux/mdi-react/MoreVertIcon';
 import { Icon, IconButton, Menu, PopoverMenu } from '../../..';
@@ -15,11 +16,12 @@ import { menuPropTypes } from '../../Menu/menuAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var ListViewItemMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
+    iconButtonProps = _ref.iconButtonProps,
     others = _objectWithoutProperties(_ref, _excluded);
-  return ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(IconButton, {
+  return ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(IconButton, _extends({
     "aria-label": "more",
     ref: ref
-  }, ___EmotionJSX(Icon, {
+  }, iconButtonProps), ___EmotionJSX(Icon, {
     icon: MoreVertIcon,
     size: "md"
   })), ___EmotionJSX(Menu, others, children));

package/lib/components/ListViewItem/controls/ListViewItemMenu.stories.js

@@ -1,3 +1,14 @@
+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";
+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 from 'react';
 import { Item } from 'react-stately';
 import { ListViewItemMenu } from '../../..';
@@ -13,10 +24,18 @@ export default {
       }
     }
   },
-  argTypes: menuArgTypes
+  argTypes: _objectSpread(_objectSpread({}, menuArgTypes), {}, {
+    iconButtonProps: {
+      description: 'object that gets spread into the IconButton component'
+    }
+  })
 };
 export var Default = function Default() {
-  return ___EmotionJSX(ListViewItemMenu, null, ___EmotionJSX(Item, {
+  return ___EmotionJSX(ListViewItemMenu, {
+    iconButtonProps: {
+      'data-id': 'list-item-menu'
+    }
+  }, ___EmotionJSX(Item, {
     key: "enable"
   }, "Enable user"), ___EmotionJSX(Item, {
     key: "disable"

package/package.json

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