@pingux/astro 2.53.1 → 2.54.0-alpha.1

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, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37;
 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");
@@ -73,8 +73,19 @@ _forEachInstanceProperty(_context6 = _Object$keys(_buttonBar)).call(_context6, f
     }
   });
 });
+var _calendar = require("./calendar");
+_forEachInstanceProperty(_context7 = _Object$keys(_calendar)).call(_context7, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _calendar[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _calendar[key];
+    }
+  });
+});
 var _card = require("./card");
-_forEachInstanceProperty(_context7 = _Object$keys(_card)).call(_context7, function (key) {
+_forEachInstanceProperty(_context8 = _Object$keys(_card)).call(_context8, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _card[key]) return;
   _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_card)).call(_context7, functi
   });
 });
 var _copyText = require("./copyText");
-_forEachInstanceProperty(_context8 = _Object$keys(_copyText)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_copyText)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _copyText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -96,7 +107,7 @@ _forEachInstanceProperty(_context8 = _Object$keys(_copyText)).call(_context8, fu
   });
 });
 var _fieldHelperText = require("./fieldHelperText");
-_forEachInstanceProperty(_context9 = _Object$keys(_fieldHelperText)).call(_context9, function (key) {
+_forEachInstanceProperty(_context10 = _Object$keys(_fieldHelperText)).call(_context10, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _fieldHelperText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -107,7 +118,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_fieldHelperText)).call(_conte
   });
 });
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context10 = _Object$keys(_helpHint)).call(_context10, function (key) {
+_forEachInstanceProperty(_context11 = _Object$keys(_helpHint)).call(_context11, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -118,7 +129,7 @@ _forEachInstanceProperty(_context10 = _Object$keys(_helpHint)).call(_context10,
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context11 = _Object$keys(_icon)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_icon)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_icon)).call(_context11, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context12 = _Object$keys(_iconBadge)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_iconBadge)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_iconBadge)).call(_context12,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context13 = _Object$keys(_iconButton)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_iconButton)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_iconButton)).call(_context13
   });
 });
 var _iconButtonToggle = require("./iconButtonToggle");
-_forEachInstanceProperty(_context14 = _Object$keys(_iconButtonToggle)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_iconButtonToggle)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButtonToggle[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_iconButtonToggle)).call(_con
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context15 = _Object$keys(_input)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_input)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_input)).call(_context15, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context16 = _Object$keys(_item)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_item)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_item)).call(_context16, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context17 = _Object$keys(_label)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_label)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_label)).call(_context17, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context18 = _Object$keys(_link)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_link)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_link)).call(_context18, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context19 = _Object$keys(_listBox)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_listBox)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_listBox)).call(_context19, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context20 = _Object$keys(_listItem)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_listItem)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_listItem)).call(_context20,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context21 = _Object$keys(_loader)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_loader)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_loader)).call(_context21, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context22 = _Object$keys(_menu)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_menu)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_menu)).call(_context22, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context23 = _Object$keys(_menuItem)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_menuItem)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_menuItem)).call(_context23,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context24 = _Object$keys(_Modal)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_Modal)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_Modal)).call(_context24, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context25 = _Object$keys(_navBar)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_navBar)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_navBar)).call(_context25, fu
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context26 = _Object$keys(_overlayPanel)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_overlayPanel)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context27 = _Object$keys(_popoverContainer)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_popoverContainer)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context28 = _Object$keys(_popoverMenu)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_popoverMenu)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_popoverMenu)).call(_context2
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context29 = _Object$keys(_requirementsList)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_requirementsList)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context30 = _Object$keys(_rockerButtonGroup)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_rockerButtonGroup)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context31 = _Object$keys(_scrollBox)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_scrollBox)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_scrollBox)).call(_context31,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context32 = _Object$keys(_separator)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_separator)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_separator)).call(_context32,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context33 = _Object$keys(_shared)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_shared)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_shared)).call(_context33, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context34 = _Object$keys(_table)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_table)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_table)).call(_context34, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context35 = _Object$keys(_text)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_text)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_text)).call(_context35, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context36 = _Object$keys(_tooltipTrigger)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_tooltipTrigger)).call(_context37, 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/table.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { TestingAttributes } from './shared/test';
 import { BoxProps } from './box';
 import { DOMAttributes, StyleProps } from './shared';
-export interface TableProps extends BoxProps, TestingAttributes {
+export interface TableProps extends BoxProps, TestingAttributes, DOMAttributes {
 }
 export interface TableChildrenProp extends StyleProps, TestingAttributes {
     children: ReactNode;

package/lib/cjs/utils/devUtils/constants/pendoID.d.ts

@@ -0,0 +1,3 @@
+export declare const getPendoID: (componentName: any) => {
+    'data-pendo-id': any;
+};

package/lib/cjs/utils/devUtils/constants/pendoID.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPendoID = void 0;
+var getPendoID = function getPendoID(componentName) {
+  return {
+    'data-pendo-id': componentName
+  };
+};
+exports.getPendoID = getPendoID;

package/lib/components/ArrayField/ArrayField.js

@@ -21,6 +21,7 @@ import { mergeProps, useLabel } from 'react-aria';
 import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { Box, Button, FieldHelperText, Label, Text } from '../..';
+import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import statuses from '../../utils/devUtils/constants/statuses';
 import isValidPositiveInt from '../../utils/devUtils/props/isValidPositiveInt';
 import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
@@ -119,7 +120,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
   var _getAriaAttributeProp = getAriaAttributeProps(others),
     ariaProps = _getAriaAttributeProp.ariaProps,
     nonAriaProps = _getAriaAttributeProp.nonAriaProps;
-  return ___EmotionJSX(Box, _extends({}, nonAriaProps, {
+  return ___EmotionJSX(Box, _extends({}, getPendoID('ArrayField'), nonAriaProps, {
     ref: ref
   }), ___EmotionJSX(Label, _extends({}, raLabelProps, mergeProps(labelProps, raLabelProps, {
     children: label

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -26,7 +26,7 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
   var breadcrumbsRef = useLocalOrForwardRef(ref);
   usePropWarning(props, 'disabled', 'isDisabled');
   var createBreadcrumb = useCallback(function (child, idx) {
-    var isCurrentItem = idx && _Array$isArray(children) && _Array$isArray(filteredChildren) && filteredChildren.length > 1 ? idx === children.length - 1 : true;
+    var isCurrentItem = _Array$isArray(filteredChildren) && filteredChildren.length > 1 ? idx === React.Children.toArray(children).length - 1 : true;
     return ___EmotionJSX(React.Fragment, {
       key: "li-".concat(child.key)
     }, ___EmotionJSX(BreadcrumbItem, _extends({

package/lib/components/Breadcrumbs/Breadcrumbs.test.js

@@ -51,11 +51,10 @@ test('should render nodes from the children', function () {
 test('should render correct amount of icons', function () {
   getComponent({
     iconProps: {
-      'data-testid': testIconId,
-      icon: ChevronRightIcon
+      'data-testid': testIconId
     }
   });
-  expect(screen.getAllByTestId(testIconId).length).toBe(testItemsArr.length - 2);
+  expect(screen.getAllByTestId(testIconId).length).toBe(testItemsArr.length - 1);
 });
 test('breadcrumbItem should render breadcrumbItem as a Text component when appropriate elementType passed', function () {
   getComponent({}, {

package/lib/components/Button/Button.js

@@ -17,8 +17,10 @@ import { mergeProps, useButton, useFocusRing } from 'react-aria';
 import { Pressable, useHover, usePress } from '@react-aria/interactions';
 import { Button as ThemeUIButton } from 'theme-ui';
 import { useAriaLabelWarning, useLocalOrForwardRef, usePropWarning, useStatusClasses } from '../../hooks';
+import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import Loader from '../Loader';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var displayName = 'Button';
 var Button = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
     className = props.className,
@@ -91,7 +93,7 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
       alignItems: 'center'
     } : {},
     variant: variant
-  }, others, mergeProps(_objectSpread(_objectSpread({}, buttonProps), {}, {
+  }, getPendoID(displayName), others, mergeProps(_objectSpread(_objectSpread({}, buttonProps), {}, {
     tabIndex: tabIndex
   }), hoverProps, focusProps)), isLoading ? ___EmotionJSX("span", {
     style: {
@@ -108,5 +110,5 @@ Button.defaultProps = {
   isDisabled: false,
   variant: 'default'
 };
-Button.displayName = 'Button';
+Button.displayName = displayName;
 export default Button;

package/lib/components/Calendar/Calendar.js

@@ -11,7 +11,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 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, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { createCalendar, parseDate } from '@internationalized/date';
 import ChevronDoubleLeftIcon from '@pingux/mdi-react/ChevronDoubleLeftIcon';
 import ChevronDoubleRightIcon from '@pingux/mdi-react/ChevronDoubleRightIcon';
@@ -21,7 +21,7 @@ import { useCalendar } from '@react-aria/calendar';
 import { useLocale } from '@react-aria/i18n';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
 import { useCalendarState } from '@react-stately/calendar';
-import PropTypes from 'prop-types';
+import { useLocalOrForwardRef } from '../../hooks';
 import { Box, Button, Icon, IconButton, Text } from '../../index';
 import CalendarGrid from './CalendarGrid';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -34,12 +34,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     value = props.value;
   var _useLocale = useLocale(),
     locale = _useLocale.locale;
-  var calenderRef = useRef();
-
-  // istanbul ignore next
-  useImperativeHandle(ref, function () {
-    return calenderRef.current;
-  });
+  var calenderRef = useLocalOrForwardRef(ref);
   var parsedDates = {
     value: typeof value === 'string' && parseDate(value) || value,
     defaultValue: typeof defaultValue === 'string' && parseDate(defaultValue) || defaultValue,
@@ -53,11 +48,11 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     locale: locale,
     createCalendar: createCalendar
   }));
-  var _useCalendar = useCalendar(_objectSpread(_objectSpread({}, props), parsedDates), state, calenderRef),
-    calendarProps = _useCalendar.calendarProps,
-    prevButtonProps = _useCalendar.prevButtonProps,
-    nextButtonProps = _useCalendar.nextButtonProps,
-    title = _useCalendar.title;
+  var _ref = useCalendar(_objectSpread(_objectSpread({}, props), parsedDates), state),
+    calendarProps = _ref.calendarProps,
+    prevButtonProps = _ref.prevButtonProps,
+    nextButtonProps = _ref.nextButtonProps,
+    title = _ref.title;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     yearChangeDirection = _useState2[0],
@@ -72,10 +67,12 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
   // after updating visible year, reapplies focus to corresponding year buttons
   useEffect(function () {
     if (yearChangeDirection === nav.NEXT) {
-      nextYearRef.current.focus();
+      var _nextYearRef$current;
+      (_nextYearRef$current = nextYearRef.current) === null || _nextYearRef$current === void 0 ? void 0 : _nextYearRef$current.focus();
     }
     if (yearChangeDirection === nav.PREVIOUS) {
-      previousYearRef.current.focus();
+      var _previousYearRef$curr;
+      (_previousYearRef$curr = previousYearRef.current) === null || _previousYearRef$curr === void 0 ? void 0 : _previousYearRef$curr.focus();
     }
     setYearChangeDirection(null);
   }, [nav.NEXT, nav.PREVIOUS, yearChangeDirection]);
@@ -99,12 +96,13 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
   var renderTitle = ___EmotionJSX(Text, {
     variant: "itemTitle",
     role: "heading",
-    "aria-level": "3",
+    "aria-level": 3,
     fontWeight: 3
   }, title);
   return ___EmotionJSX(Box, _extends({}, calendarProps, {
     ref: calenderRef,
-    variant: "calendar.calendarContainer"
+    variant: "calendar.calendarContainer",
+    role: "group"
   }), ___EmotionJSX(VisuallyHidden, {
     "aria-live": "assertive"
   }, ___EmotionJSX(Text, null, title)), ___EmotionJSX(Box, {
@@ -167,47 +165,4 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     tabIndex: -1
   })));
 });
-Calendar.propTypes = {
-  /** Prop to provide a custom default date (uncontrolled) */
-  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  /** Prop to provide a custom default focused date (uncontrolled) */
-  defaultFocusedValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  /** Prop to provide a default date (controlled) */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  /** custom week days for other calendars */
-  customWeekDays: PropTypes.arrayOf(PropTypes.string),
-  /** Whether the element should receive focus on render. */
-  hasAutoFocus: PropTypes.bool,
-  /** The element's unique identifier. */
-  id: PropTypes.string,
-  /**
-   * Callback that is called for each date of the calendar.
-   * If it returns true, then the date is unavailable.
-   *
-   * (date: DateValue) => boolean
-   */
-  isDateUnavailable: PropTypes.func,
-  /** Whether the calendar is disabled. */
-  isDisabled: PropTypes.bool,
-  /** Whether the calendar dates are only focusable. */
-  isReadOnly: PropTypes.bool,
-  /** Whether user input is required on the input before form submission. */
-  isRequired: PropTypes.bool,
-  /** The maximum allowed date that a user may select. */
-  maxValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  /** The minimum allowed date that a user may select. */
-  minValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  /** Handler that is called when the element loses focus. */
-  onBlur: PropTypes.func,
-  /** Handler that is called when the element's selection state changes. */
-  onChange: PropTypes.func,
-  /** Handler that is called when the element receives focus. */
-  onFocus: PropTypes.func,
-  /** Handler that is called when the element's focus status changes. */
-  onFocusChange: PropTypes.func,
-  /** Handler that is called when a key is pressed. */
-  onKeyDown: PropTypes.func,
-  /** Handler that is called when a key is released. */
-  onKeyUp: PropTypes.func
-};
 export default Calendar;

package/lib/components/Calendar/Calendar.stories.js

@@ -16,10 +16,10 @@ import React, { useState } from 'react';
 import { parseDate } from '@internationalized/date';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
-import Calendar from './Calendar';
 import CalendarReadme from './Calendar.mdx';
+import Calendar from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Calendar',

package/lib/components/Calendar/Calendar.test.js

@@ -274,7 +274,7 @@ test('unavailable dates cannot be picked', function () {
     return cell.getAttribute('aria-disabled') === 'true';
   });
   expect(cells.length).toBe(9);
-  var disabledDate = screen.queryByText(16);
+  var disabledDate = screen.getByText(16);
   userEvent.click(disabledDate);
   expect(disabledDate).toHaveAttribute('aria-disabled', 'true');
   expect(disabledDate).not.toHaveClass('is-selected');
@@ -290,6 +290,6 @@ test('should autofocus on current day with hasAutoFocus', function () {
   var focusedDay = _filterInstanceProperty(_context7 = screen.queryAllByText(day)).call(_context7, function (cell) {
     return cell.getAttribute('aria-disabled') !== 'true';
   });
-  expect(focusedDay[0]).toHaveTextContent(day);
+  expect(focusedDay[0]).toHaveTextContent(day.toString());
   expect(focusedDay[0]).toHaveFocus();
 });

package/lib/components/Calendar/CalendarCell.js

@@ -1,31 +1,26 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["state", "date", "className"];
-import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import { useCalendarCell } from '@react-aria/calendar';
 import { useFocusRing } from '@react-aria/focus';
 import { useHover, usePress } from '@react-aria/interactions';
 import { mergeProps } from '@react-aria/utils';
-import PropTypes from 'prop-types';
-import { useStatusClasses } from '../../hooks';
+import { useLocalOrForwardRef, useStatusClasses } from '../../hooks';
 import { Box, TableCell } from '../../index';
-
+import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
 * Grid cell button element with the formatted day number.
 * Utilizes the useCalendarCell hook to return  props for an individual cell,
 * along with states and information.
 */
-import { jsx as ___EmotionJSX } from "@emotion/react";
+
 var CalendarCell = /*#__PURE__*/forwardRef(function (props, ref) {
   var state = props.state,
     date = props.date,
     className = props.className,
     others = _objectWithoutProperties(props, _excluded);
-  var cellRef = useRef();
-  /* istanbul ignore next */
-  useImperativeHandle(ref, function () {
-    return cellRef.current;
-  });
+  var cellRef = useLocalOrForwardRef(ref);
   var _useCalendarCell = useCalendarCell({
       date: date
     }, state, cellRef),
@@ -47,11 +42,11 @@ var CalendarCell = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var handleDisableClick = useCallback(function () {
     var _cellRef$current, _cellRef$current2;
-    if ((_cellRef$current = cellRef.current) !== null && _cellRef$current !== void 0 && _cellRef$current.hidden && !state.isDisabled && formattedDate > 20) {
-      setFocused(undefined);
+    if ((_cellRef$current = cellRef.current) !== null && _cellRef$current !== void 0 && _cellRef$current.hidden && !state.isDisabled && Number(formattedDate) > 20) {
+      setFocused(false);
       focusPreviousPage();
-    } else if ((_cellRef$current2 = cellRef.current) !== null && _cellRef$current2 !== void 0 && _cellRef$current2.hidden && !state.isDisabled && formattedDate < 15) {
-      setFocused(undefined);
+    } else if ((_cellRef$current2 = cellRef.current) !== null && _cellRef$current2 !== void 0 && _cellRef$current2.hidden && !state.isDisabled && Number(formattedDate) < 15) {
+      setFocused(false);
       focusNextPage();
     }
   }, [date, focusNextPage, focusPreviousPage, formattedDate, state, setFocused]);
@@ -86,27 +81,12 @@ var CalendarCell = /*#__PURE__*/forwardRef(function (props, ref) {
   }), ___EmotionJSX(Box, _extends({
     variant: "calendar.calendarButton",
     ref: cellRef,
-    hidden: isOutsideVisibleRange,
+    hidden: isOutsideVisibleRange
+  }, mergeProps(buttonProps, others), {
     isSelected: isSelected,
     isDisabled: isDisabled,
     isUnavailable: isUnavailable,
     className: classNames
-  }, mergeProps(buttonProps, others)), formattedDate));
+  }), formattedDate));
 });
-CalendarCell.propTypes = {
-  isSelected: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  isOutsideVisibleRange: PropTypes.bool,
-  isUnavailable: PropTypes.bool,
-  formattedDate: PropTypes.string,
-  state: PropTypes.shape({
-    focusPreviousPage: PropTypes.func,
-    setValue: PropTypes.func,
-    focusNextPage: PropTypes.func,
-    setFocused: PropTypes.func,
-    setFocusedDate: PropTypes.func,
-    isDisabled: PropTypes.bool
-  }),
-  date: PropTypes.shape({})
-};
 export default CalendarCell;