@pingux/astro 2.16.1-alpha.1 → 2.17.0-alpha.0

package/lib/cjs/{experimental → components}/ListViewItem/controls/ListViewItemSwitchField.js

@@ -8,17 +8,17 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _switchFieldAttributes = require("../../../components/SwitchField/switchFieldAttributes");
-var _index = require("../../../index");
+var _ = require("../../..");
+var _switchFieldAttributes = require("../../SwitchField/switchFieldAttributes");
 var _react2 = require("@emotion/react");
 /**
  * ListViewItemSwitchField is one of several styled control components that can be used as a child
- * nested inside of the [ListViewItem](./?path=/story/experimental-listviewitem--default)..
- * Its a wrapper component around the [SwitchField](./?path=/story/form-switchfield--default),
+ * nested inside of the [ListViewItem](./?path=/docs/components-listviewitem--docs).
+ * Its a wrapper component around the [SwitchField](./?path=/docs/form-switchfield--docs),
  * intended to make matching specs easy. Most props available to the SwitchField are also
  * available to ListItemEditButton.
 */var ListViewItemSwitchField = function ListViewItemSwitchField(props) {
-  return (0, _react2.jsx)(_index.SwitchField, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_.SwitchField, (0, _extends2["default"])({
     role: "group",
     "aria-label": "active user",
     isDefaultSelected: true,

package/lib/cjs/{experimental → components}/ListViewItem/controls/ListViewItemSwitchField.stories.js

@@ -15,16 +15,16 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = exports.Default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _switchFieldAttributes = require("../../../components/SwitchField/switchFieldAttributes");
-var _index = require("../../../index");
+var _ = require("../../..");
 var _hoverProps = require("../../../utils/docUtils/hoverProps");
+var _switchFieldAttributes = require("../../SwitchField/switchFieldAttributes");
 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; }
 delete _switchFieldAttributes.switchFieldArgTypes.label;
 var _default = {
-  title: 'Experimental/ListViewItem/Controls/ListViewItemSwitchField',
-  component: _index.ListViewItemSwitchField,
+  title: 'Components/ListViewItem/Controls/ListViewItemSwitchField',
+  component: _.ListViewItemSwitchField,
   parameters: {
     docs: {
       source: {
@@ -39,6 +39,6 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_index.ListViewItemSwitchField, args);
+  return (0, _react2.jsx)(_.ListViewItemSwitchField, args);
 };
 exports.Default = Default;

package/lib/cjs/{experimental → components}/ListViewItem/controls/ListViewItemSwitchField.test.js

@@ -3,13 +3,13 @@
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 var _react = _interopRequireDefault(require("react"));
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _ = require("../../..");
 var _testAxe = _interopRequireDefault(require("../../../utils/testUtils/testAxe"));
 var _testWrapper = require("../../../utils/testUtils/testWrapper");
-var _ListViewItemSwitchField = _interopRequireDefault(require("./ListViewItemSwitchField"));
 var _react2 = require("@emotion/react");
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _testWrapper.render)((0, _react2.jsx)(_ListViewItemSwitchField["default"], props));
+  return (0, _testWrapper.render)((0, _react2.jsx)(_.ListViewItemSwitchField, props));
 };
 
 // Need to be added to each test file to test accessibility using axe.

package/lib/cjs/experimental/PageHeader/PageHeader.js

@@ -19,12 +19,11 @@ var _react2 = require("@emotion/react");
 var _excluded = ["buttonProps", "children", "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); }
 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 PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _props$buttonProps = props.buttonProps,
-    buttonProps = _props$buttonProps === void 0 ? {} : _props$buttonProps,
-    children = props.children,
-    title = props.title,
-    other = (0, _objectWithoutProperties2["default"])(props, _excluded);
+var PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var buttonProps = _ref.buttonProps,
+    children = _ref.children,
+    title = _ref.title,
+    other = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var sx = {
     wrapper: {
       align: 'center',
@@ -45,6 +44,14 @@ var PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     }
   };
+  var renderButton = buttonProps && (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
+    "aria-label": "icon button",
+    ml: "sm",
+    variant: "inverted"
+  }, buttonProps), (0, _react2.jsx)(_.Icon, {
+    icon: _PlusIcon["default"],
+    size: "sm"
+  }));
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     isRow: true,
     sx: sx.wrapper,
@@ -55,14 +62,7 @@ var PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }), (0, _react2.jsx)(_.Text, {
     sx: sx.titleText,
     as: "h1"
-  }, title), (0, _react2.jsx)(_.IconButton, (0, _extends2["default"])({
-    "aria-label": "icon button",
-    ml: "sm",
-    variant: "inverted"
-  }, buttonProps), (0, _react2.jsx)(_.Icon, {
-    icon: _PlusIcon["default"],
-    size: "sm"
-  }))), (0, _react2.jsx)(_.Text, {
+  }, title), renderButton), (0, _react2.jsx)(_.Text, {
     sx: sx.description
   }, children));
 });

package/lib/cjs/experimental/PageHeader/PageHeader.stories.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.WithoutLink = exports.WithButtonProps = exports.Default = void 0;
+exports["default"] = exports.WithoutLink = exports.WithoutButton = exports.WithButtonProps = exports.Default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
@@ -26,29 +26,45 @@ var _default = {
         type: 'text'
       }
     }
-  },
-  args: {
-    title: 'Title of the Page'
   }
 };
 exports["default"] = _default;
 var description = "The description of the page. The description of the page. The description of the page. The\n    description of the page.The description of the page. The description of the page. The\n    description of the page. The description of the page. The description of the page. ";
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_.PageHeader, args, description, (0, _react2.jsx)(_.Link, {
+  return (0, _react2.jsx)(_.PageHeader, (0, _extends2["default"])({
+    buttonProps: {
+      onPress: function onPress() {}
+    },
+    title: "Title of the Page"
+  }, args), description, (0, _react2.jsx)(_.Link, {
     href: "https://uilibrary.ping-eng.com/"
   }, "Learn more"));
 };
 exports.Default = Default;
-var WithoutLink = function WithoutLink(args) {
-  return (0, _react2.jsx)(_.PageHeader, args, description);
+var WithoutButton = function WithoutButton() {
+  return (0, _react2.jsx)(_.PageHeader, {
+    title: "Title of the Page"
+  }, description, (0, _react2.jsx)(_.Link, {
+    href: "https://uilibrary.ping-eng.com/"
+  }, "Learn more"));
+};
+exports.WithoutButton = WithoutButton;
+var WithoutLink = function WithoutLink() {
+  return (0, _react2.jsx)(_.PageHeader, {
+    buttonProps: {
+      onPress: function onPress() {}
+    },
+    title: "Title of the Page"
+  }, description);
 };
 exports.WithoutLink = WithoutLink;
-var WithButtonProps = function WithButtonProps(args) {
-  return (0, _react2.jsx)(_.PageHeader, (0, _extends2["default"])({}, args, {
+var WithButtonProps = function WithButtonProps() {
+  return (0, _react2.jsx)(_.PageHeader, {
     buttonProps: {
       bg: 'critical.bright'
-    }
-  }), description, (0, _react2.jsx)(_.Link, {
+    },
+    title: "Title of the Page"
+  }, description, (0, _react2.jsx)(_.Link, {
     href: "https://uilibrary.ping-eng.com/"
   }, "Learn more"));
 };

package/lib/cjs/experimental/PageHeader/PageHeader.test.js

@@ -10,7 +10,6 @@ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/ob
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 var _index = require("../../index");
@@ -22,11 +21,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var testId = 'test-header';
 var defaultProps = {
   title: 'test-title',
-  'data-testid': testId
+  'data-testid': testId,
+  buttonProps: {
+    onPress: jest.fn()
+  }
 };
 var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _testWrapper.render)((0, _react2.jsx)(_index.PageHeader, (0, _extends2["default"])({}, defaultProps, props), "The description of the page. The description of the page. The description of the page. The description of the page.The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.\xA0", (0, _react2.jsx)(_index.Link, {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultProps;
+  return (0, _testWrapper.render)((0, _react2.jsx)(_index.PageHeader, props, "The description of the page. The description of the page. The description of the page. The description of the page.The description of the page. The description of the page. The description of the page. The description of the page. The description of the page.\xA0", (0, _react2.jsx)(_index.Link, {
     href: "https://uilibrary.ping-eng.com/"
   }, "Learn more")));
 };
@@ -47,7 +49,14 @@ test('renders default PageHeader', function () {
   expect(title).toBeInTheDocument();
   expect(wrapper.children.length).toEqual(2);
 });
-test('button press uses callback', function () {
+test('when there are no buttonProps, it does not render a button', function () {
+  getComponent({
+    title: 'test-title'
+  });
+  var button = _testWrapper.screen.queryByRole('button');
+  expect(button).not.toBeInTheDocument();
+});
+test('when the button is pressed, it calls the onPress callback', function () {
   var onPress = jest.fn();
   var customButtonProps = {
     bg: '#000000'

package/lib/cjs/experimental/PanelHeader/PanelHeader.js

@@ -20,8 +20,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _listViewItemAttributes = require("../../components/ListViewItem/listViewItemAttributes");
 var _index = require("../../index");
-var _listViewItemAttributes = require("../ListViewItem/listViewItemAttributes");
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "className", "data"];
 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); }

package/lib/cjs/experimental/PanelHeader/PanelHeader.stories.js

@@ -11,8 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _AccountIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountIcon"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
+var _listViewItemAttributes = require("../../components/ListViewItem/listViewItemAttributes");
 var _index = require("../../index");
-var _listViewItemAttributes = require("../ListViewItem/listViewItemAttributes");
 var _PanelHeader = _interopRequireDefault(require("./PanelHeader.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {

package/lib/cjs/index.d.ts

@@ -79,6 +79,10 @@ export { default as ListItem } from './components/ListItem';
 export * from './components/ListItem';
 export { default as ListView } from './components/ListView';
 export * from './components/ListView';
+export { default as ListViewItem } from './components/ListViewItem';
+export { default as ListViewItemEditButton } from './components/ListViewItem/controls/ListViewItemEditButton';
+export { default as ListViewItemMenu } from './components/ListViewItem/controls/ListViewItemMenu';
+export { default as ListViewItemSwitchField } from './components/ListViewItem/controls/ListViewItemSwitchField';
 export { default as Loader } from './components/Loader';
 export * from './components/Loader';
 export { default as Menu } from './components/Menu';
@@ -163,10 +167,6 @@ export { Item, Section, useOverlayTriggerState } from 'react-stately';
 export { TableBody as DataTableBody, Cell as DataTableCell, Column as DataTableColumn, TableHeader as DataTableHeader, Row as DataTableRow, } from 'react-stately';
 export { default as ButtonBar } from './experimental/ButtonBar/ButtonBar';
 export { default as EditButton } from './experimental/EditButton';
-export { default as ListViewItemEditButton } from './experimental/ListViewItem/controls/ListViewItemEditButton';
-export { default as ListViewItemMenu } from './experimental/ListViewItem/controls/ListViewItemMenu';
-export { default as ListViewItemSwitchField } from './experimental/ListViewItem/controls/ListViewItemSwitchField';
-export { default as ListViewItem } from './experimental/ListViewItem/ListViewItem';
 export { default as PanelHeader } from './experimental/PanelHeader';
 export { default as PanelHeaderCloseButton } from './experimental/PanelHeader/controls/PanelHeaderCloseButton';
 export { default as PanelHeaderMenu } from './experimental/PanelHeader/controls/PanelHeaderMenu';

package/lib/cjs/index.js

@@ -57,6 +57,10 @@ var _exportNames = {
   LinkSelectField: true,
   ListItem: true,
   ListView: true,
+  ListViewItem: true,
+  ListViewItemEditButton: true,
+  ListViewItemMenu: true,
+  ListViewItemSwitchField: true,
   Loader: true,
   Menu: true,
   Messages: true,
@@ -112,10 +116,6 @@ var _exportNames = {
   DataTableRow: true,
   ButtonBar: true,
   EditButton: true,
-  ListViewItemEditButton: true,
-  ListViewItemMenu: true,
-  ListViewItemSwitchField: true,
-  ListViewItem: true,
   PanelHeader: true,
   PanelHeaderCloseButton: true,
   PanelHeaderMenu: true,
@@ -1209,6 +1209,10 @@ _forEachInstanceProperty(_context36 = _Object$keys(_ListView)).call(_context36,
     }
   });
 });
+var _ListViewItem = _interopRequireDefault(require("./components/ListViewItem"));
+var _ListViewItemEditButton = _interopRequireDefault(require("./components/ListViewItem/controls/ListViewItemEditButton"));
+var _ListViewItemMenu = _interopRequireDefault(require("./components/ListViewItem/controls/ListViewItemMenu"));
+var _ListViewItemSwitchField = _interopRequireDefault(require("./components/ListViewItem/controls/ListViewItemSwitchField"));
 var _Loader = _interopRequireWildcard(require("./components/Loader"));
 _forEachInstanceProperty(_context37 = _Object$keys(_Loader)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1673,10 +1677,6 @@ var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _ButtonBar = _interopRequireDefault(require("./experimental/ButtonBar/ButtonBar"));
 var _EditButton = _interopRequireDefault(require("./experimental/EditButton"));
-var _ListViewItemEditButton = _interopRequireDefault(require("./experimental/ListViewItem/controls/ListViewItemEditButton"));
-var _ListViewItemMenu = _interopRequireDefault(require("./experimental/ListViewItem/controls/ListViewItemMenu"));
-var _ListViewItemSwitchField = _interopRequireDefault(require("./experimental/ListViewItem/controls/ListViewItemSwitchField"));
-var _ListViewItem = _interopRequireDefault(require("./experimental/ListViewItem/ListViewItem"));
 var _PanelHeader = _interopRequireDefault(require("./experimental/PanelHeader"));
 var _PanelHeaderCloseButton = _interopRequireDefault(require("./experimental/PanelHeader/controls/PanelHeaderCloseButton"));
 var _PanelHeaderMenu = _interopRequireDefault(require("./experimental/PanelHeader/controls/PanelHeaderMenu"));