@pingux/astro 2.124.0 → 2.125.0-alpha.1

package/lib/cjs/components/ArrayField/ArrayField.js

@@ -30,7 +30,7 @@ var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _react2 = require("@emotion/react");
-var _excluded = ["addButtonLabel", "defaultValue", "fieldControlWrapperProps", "value", "label", "helperText", "status", "onAdd", "onChange", "onDelete", "renderField", "labelProps", "maxSize", "maxSizeText", "slots"],
+var _excluded = ["addButtonLabel", "addButtonProps", "defaultValue", "fieldControlWrapperProps", "value", "label", "helperText", "status", "onAdd", "onChange", "onDelete", "renderField", "labelProps", "maxSize", "maxSizeText", "slots"],
   _excluded2 = ["id", "onComponentRender", "fieldValue"];
 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; }
@@ -39,6 +39,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _context2;
   var addButtonLabel = props.addButtonLabel,
+    addButtonProps = props.addButtonProps,
     defaultValue = props.defaultValue,
     fieldControlWrapperProps = props.fieldControlWrapperProps,
     value = props.value,
@@ -161,7 +162,7 @@ var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, maxSizeText || "Maximum ".concat(maxSize, " items.")), shouldShowBottomBar && (0, _react2.jsx)(_.Box, {
     isRow: true,
     gap: "md"
-  }, (slots === null || slots === void 0 ? void 0 : slots.left) && (slots === null || slots === void 0 ? void 0 : slots.left), !isLimitReached && (0, _react2.jsx)(_.Button, {
+  }, (slots === null || slots === void 0 ? void 0 : slots.left) && (slots === null || slots === void 0 ? void 0 : slots.left), !isLimitReached && (0, _react2.jsx)(_.Button, (0, _extends2["default"])({
     "aria-label": "Add field",
     variant: "link",
     onPress: onFieldAdd,
@@ -169,7 +170,7 @@ var ArrayField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       width: 'fit-content',
       mt: 'xs'
     }
-  }, (0, _react2.jsx)(_.Text, {
+  }, addButtonProps), (0, _react2.jsx)(_.Text, {
     variant: "label",
     color: "active"
   }, addButtonLabel)), (slots === null || slots === void 0 ? void 0 : slots.right) && (slots === null || slots === void 0 ? void 0 : slots.right)));

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

@@ -253,4 +253,12 @@ test('renders right slot content', function () {
   var rightSlot = _testWrapper.screen.getByTestId('right-slot');
   expect(rightSlot).toBeInTheDocument();
   expect(rightSlot).toHaveTextContent('Right Slot Content');
+});
+test('tooltipTrigger applies nested props correctly', function () {
+  getComponent({
+    addButtonProps: {
+      'aria-label': 'add a new field'
+    }
+  });
+  expect(_testWrapper.screen.queryByRole('button')).toHaveAttribute('aria-label', 'add a new field');
 });

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

@@ -94,6 +94,15 @@ declare const usePagination: (props: PaginationProps) => {
         id?: string | undefined;
         hidden?: boolean | undefined;
         key?: import("react").Key | null | undefined;
+        disabled?: boolean | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        name?: string | undefined;
+        type?: "button" | "reset" | "submit" | undefined;
+        value?: string | number | readonly string[] | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -298,15 +307,6 @@ declare const usePagination: (props: PaginationProps) => {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-        disabled?: boolean | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        name?: string | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        value?: string | number | readonly string[] | undefined;
         ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         as?: import("react").ElementType<any> | undefined;
         variant?: string | undefined;
@@ -423,6 +423,15 @@ declare const usePagination: (props: PaginationProps) => {
         id?: string | undefined;
         hidden?: boolean | undefined;
         key?: import("react").Key | null | undefined;
+        disabled?: boolean | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        name?: string | undefined;
+        type?: "button" | "reset" | "submit" | undefined;
+        value?: string | number | readonly string[] | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -627,15 +636,6 @@ declare const usePagination: (props: PaginationProps) => {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-        disabled?: boolean | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        name?: string | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        value?: string | number | readonly string[] | undefined;
         ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
         as?: import("react").ElementType<any> | undefined;
         variant?: string | undefined;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ThemeUICSSObject } from 'theme-ui';
+import { ButtonProps } from './button';
 import { LabelProps, Status, ValidPositiveInteger } from '.';
 export type RenderFieldFunction = (id: string, fieldValue: string, onFieldValueChange: (e: React.ChangeEvent, fieldId: string) => void, onFieldDelete: (fieldId: string) => void, isDisabled: boolean, otherFieldProps?: Record<string, string>) => React.ReactNode;
 export interface FieldValue {
@@ -42,6 +43,8 @@ export interface ArrayFieldProps {
         right?: React.ReactNode;
         left?: React.ReactNode;
     };
+    /** Props for the Add button */
+    addButtonProps?: ButtonProps;
 }
 export interface ArrayFieldDeleteButtonProps {
     id?: number;

package/lib/components/ArrayField/ArrayField.js

@@ -9,7 +9,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["addButtonLabel", "defaultValue", "fieldControlWrapperProps", "value", "label", "helperText", "status", "onAdd", "onChange", "onDelete", "renderField", "labelProps", "maxSize", "maxSizeText", "slots"],
+var _excluded = ["addButtonLabel", "addButtonProps", "defaultValue", "fieldControlWrapperProps", "value", "label", "helperText", "status", "onAdd", "onChange", "onDelete", "renderField", "labelProps", "maxSize", "maxSizeText", "slots"],
   _excluded2 = ["id", "onComponentRender", "fieldValue"];
 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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -27,6 +27,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
   var _context2;
   var addButtonLabel = props.addButtonLabel,
+    addButtonProps = props.addButtonProps,
     defaultValue = props.defaultValue,
     fieldControlWrapperProps = props.fieldControlWrapperProps,
     value = props.value,
@@ -149,7 +150,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
   }, maxSizeText || "Maximum ".concat(maxSize, " items.")), shouldShowBottomBar && ___EmotionJSX(Box, {
     isRow: true,
     gap: "md"
-  }, (slots === null || slots === void 0 ? void 0 : slots.left) && (slots === null || slots === void 0 ? void 0 : slots.left), !isLimitReached && ___EmotionJSX(Button, {
+  }, (slots === null || slots === void 0 ? void 0 : slots.left) && (slots === null || slots === void 0 ? void 0 : slots.left), !isLimitReached && ___EmotionJSX(Button, _extends({
     "aria-label": "Add field",
     variant: "link",
     onPress: onFieldAdd,
@@ -157,7 +158,7 @@ var ArrayField = /*#__PURE__*/forwardRef(function (props, ref) {
       width: 'fit-content',
       mt: 'xs'
     }
-  }, ___EmotionJSX(Text, {
+  }, addButtonProps), ___EmotionJSX(Text, {
     variant: "label",
     color: "active"
   }, addButtonLabel)), (slots === null || slots === void 0 ? void 0 : slots.right) && (slots === null || slots === void 0 ? void 0 : slots.right)));

package/lib/components/ArrayField/ArrayField.test.js

@@ -250,4 +250,12 @@ test('renders right slot content', function () {
   var rightSlot = screen.getByTestId('right-slot');
   expect(rightSlot).toBeInTheDocument();
   expect(rightSlot).toHaveTextContent('Right Slot Content');
+});
+test('tooltipTrigger applies nested props correctly', function () {
+  getComponent({
+    addButtonProps: {
+      'aria-label': 'add a new field'
+    }
+  });
+  expect(screen.queryByRole('button')).toHaveAttribute('aria-label', 'add a new field');
 });

package/package.json

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