@pingux/astro 2.53.1 → 2.54.0-alpha.0

package/lib/cjs/components/SwitchField/SwitchField.js

@@ -26,6 +26,7 @@ var _interactions = require("@react-aria/interactions");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _switchFieldAttributes = require("./switchFieldAttributes");
 var _react2 = require("@emotion/react");
@@ -35,6 +36,7 @@ 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; }
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys2(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 displayName = 'SwitchField';
 var SwitchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var label = props.label,
     helperText = props.helperText,
@@ -96,17 +98,17 @@ var SwitchField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     'aria-controls': others['aria-controls'],
     'aria-errormessage': others['aria-errormessage']
   };
-  return (0, _react2.jsx)(_.Box, fieldContainerProps, (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({}, (0, _pendoID.getPendoID)(displayName), fieldContainerProps), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({
     variant: "forms.switch.label"
   }, fieldLabelProps), (0, _react2.jsx)(_.Box, fieldControlWrapperProps, (0, _react2.jsx)(_.Switch, (0, _extends2["default"])({
     ref: switchRef,
     inputProps: fieldControlInputProps
-  }, unhandledAriaProps, others))), label), helperText && (0, _react2.jsx)(_.FieldHelperText, {
+  }, unhandledAriaProps, (0, _omit["default"])(others, 'data-pendo-id')))), label), helperText && (0, _react2.jsx)(_.FieldHelperText, {
     status: status
   }, helperText));
 });
 SwitchField.propTypes = _switchFieldAttributes.switchFieldPropTypes;
 SwitchField.defaultProps = _objectSpread({}, _statusProp.statusDefaultProp);
-SwitchField.displayName = 'SwitchField';
+SwitchField.displayName = displayName;
 var _default = SwitchField;
 exports["default"] = _default;

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

@@ -19,6 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _orientation = _interopRequireDefault(require("../../utils/devUtils/constants/orientation"));
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _TabPicker = _interopRequireDefault(require("../TabPicker"));
 var _Tabs = require("../Tabs");
 var _react2 = require("@emotion/react");
@@ -83,7 +84,7 @@ var CollectionTab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, slots === null || slots === void 0 ? void 0 : slots.beforeTab, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     className: classNames,
     variant: "tab"
-  }, (0, _reactAria.mergeProps)(focusProps, hoverProps, tabProps), otherItemProps, {
+  }, (0, _reactAria.mergeProps)(focusProps, hoverProps, tabProps), (0, _pendoID.getPendoID)('Tab'), otherItemProps, {
     ref: tabRef,
     title: titleAttr || undefined
   }), icon, (0, _react2.jsx)(_.Text, (0, _extends2["default"])({

package/lib/cjs/components/TextAreaField/TextAreaField.js

@@ -23,6 +23,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -31,6 +32,7 @@ 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; }
 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 displayName = 'TextAreaField';
 var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
     isUnresizable = props.isUnresizable,
@@ -112,7 +114,7 @@ var TextAreaField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, labelNode);
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldContainer"
-  }, fieldContainerProps, {
+  }, (0, _pendoID.getPendoID)(displayName), fieldContainerProps, {
     sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx),
     ref: containerRef,
     maxWidth: "100%"
@@ -214,6 +216,6 @@ TextAreaField.defaultProps = _objectSpread({
   isUnresizable: false,
   rows: 4
 }, _statusProp.statusDefaultProp);
-TextAreaField.displayName = 'TextAreaField';
+TextAreaField.displayName = displayName;
 var _default = TextAreaField;
 exports["default"] = _default;

package/lib/cjs/components/TextField/TextField.js

@@ -23,6 +23,7 @@ var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _useColumnStyles = _interopRequireDefault(require("../../hooks/useColumnStyles"));
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
@@ -31,6 +32,7 @@ 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; }
 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 displayName = 'TextField';
 var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
     helpHintProps = props.helpHintProps,
@@ -59,7 +61,7 @@ var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperTextId = (0, _uuid.v4)();
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldContainer"
-  }, fieldContainerProps, {
+  }, (0, _pendoID.getPendoID)(displayName), fieldContainerProps, {
     sx: _objectSpread(_objectSpread({}, columnStyleProps === null || columnStyleProps === void 0 ? void 0 : columnStyleProps.sx), fieldContainerProps === null || fieldContainerProps === void 0 ? void 0 : fieldContainerProps.sx)
   }), (0, _react2.jsx)(_.Label, (0, _extends2["default"])({}, fieldLabelProps, {
     ref: labelRef,
@@ -151,6 +153,6 @@ TextField.defaultProps = _objectSpread({
   isReadOnly: false,
   isRequired: false
 }, _statusProp.statusDefaultProp);
-TextField.displayName = 'TextField';
+TextField.displayName = displayName;
 var _default = TextField;
 exports["default"] = _default;

package/lib/cjs/components/TimeZonePicker/TimeZonePicker.js

@@ -30,6 +30,7 @@ var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../../index");
+var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _timezones = _interopRequireWildcard(require("./timezones.js"));
 var _react2 = require("@emotion/react");
 var _excluded = ["additionalTimeZones", "emptySearchText", "locales", "localeOptions"];
@@ -196,7 +197,7 @@ var TimeZonePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }]
     }, otherProps);
   }, [emptySearchText, filteredTimezones, otherProps]);
-  return (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({}, comboBoxFieldProps, {
+  return (0, _react2.jsx)(_index.ComboBoxField, (0, _extends2["default"])({}, (0, _pendoID.getPendoID)('TimeZonePicker'), comboBoxFieldProps, {
     disabledKeys: [emptySearchText],
     menuTrigger: "input"
   }), items);

package/lib/cjs/hooks/useField/useField.d.ts

@@ -109,6 +109,9 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         isRow?: boolean | undefined;
         isDisabled?: boolean | undefined;
         isFocused?: boolean | undefined;
+        isSelected?: boolean | undefined;
+        isUnavailable?: boolean | undefined;
+        hidden?: boolean | undefined;
         variant?: string | undefined;
         as?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
         style?: string | import("react").CSSProperties | undefined;
@@ -835,7 +838,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -1070,7 +1073,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -1117,6 +1120,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
         title?: string | undefined;
+        hidden?: boolean | undefined;
         id?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -1294,7 +1298,6 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         placeholder?: string | undefined;
@@ -1389,7 +1392,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -1436,6 +1439,7 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         style?: import("react").CSSProperties | undefined;
         slot?: string | undefined;
         title?: string | undefined;
+        hidden?: boolean | undefined;
         id?: string | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -1613,7 +1617,6 @@ declare const useField: <T>(props: UseFieldProps<T>) => {
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
-        hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         placeholder?: string | undefined;

package/lib/cjs/hooks/useRockerButton/useRockerButton.d.ts

@@ -31,7 +31,7 @@ declare const useRockerButton: (props: RockerButtonProps, state: {
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "time" | "date" | "page" | "false" | "true" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;

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

@@ -9,4 +9,7 @@ export interface BoxProps extends StyleProps, DOMAttributes {
     isDisabled?: boolean;
     /** Whether the box is focused. */
     isFocused?: boolean;
+    isSelected?: boolean;
+    isUnavailable?: boolean;
+    hidden?: boolean;
 }

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

@@ -0,0 +1,69 @@
+import { Key } from 'react';
+import type { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
+import { type CalendarState } from '@react-stately/calendar';
+import { DOMAttributes } from './shared/dom';
+import { TestingAttributes } from './shared/test';
+import { BoxProps } from './box';
+export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
+type calendarGridStateProps = CalendarState;
+export interface RangeValue<T> {
+    /** The start value of the range. */
+    start: T;
+    /** The end value of the range. */
+    end: T;
+}
+export interface CalendarProps extends BoxProps, TestingAttributes {
+    /** Prop to provide a custom default date (uncontrolled) */
+    defaultValue?: DateValue | string;
+    /** Prop to provide a custom default focused date (uncontrolled) */
+    defaultFocusedValue?: DateValue;
+    /** Prop to provide a default date (controlled) */
+    value?: DateValue | string;
+    /** custom week days for other calendars */
+    customWeekDays?: string[];
+    /** Whether the element should receive focus on render. */
+    hasAutoFocus?: boolean;
+    /** The element's unique identifier. */
+    id?: string;
+    /**
+     * Callback that is called for each date of the calendar.
+     * If it returns true, then the date is unavailable.
+     *
+     * (date?: DateValue) => boolean
+     */
+    isDateUnavailable?: (date: CalendarDate) => boolean;
+    /** Whether the calendar is disabled. */
+    isDisabled?: boolean;
+    /** Whether the calendar dates are only focusable. */
+    isReadOnly?: boolean;
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** The maximum allowed date that a user may select. */
+    maxValue?: DateValue | string;
+    /** The minimum allowed date that a user may select. */
+    minValue?: DateValue | string;
+    /** Handler that is called when the element loses focus. */
+    onBlur?: () => void;
+    /** Handler that is called when the element's selection state changes. */
+    onChange?: () => void;
+    /** Handler that is called when the element receives focus. */
+    onFocus?: () => void;
+    /** Handler that is called when the element's focus status changes. */
+    onFocusChange?: () => void;
+    /** Handler that is called when a key is pressed. */
+    onKeyDown?: () => void;
+    /** Handler that is called when a key is released. */
+    onKeyUp?: () => void;
+}
+export interface CalendarGridProps {
+    /** State object that is passed in from the  useCalendar hook */
+    state: calendarGridStateProps;
+    /** Custom week days for other international calendars */
+    customWeekDays?: Array<string>;
+}
+export interface CalendarCellProps extends DOMAttributes {
+    state: calendarGridStateProps;
+    date: object;
+    key?: Key;
+}
+export {};

package/lib/cjs/types/calendar.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/cjs/types/index.d.ts

@@ -4,6 +4,7 @@ export * from './bracket';
 export * from './breadCrumbs';
 export * from './button';
 export * from './buttonBar';
+export * from './calendar';
 export * from './card';
 export * from './copyText';
 export * from './fieldHelperText';

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;