@pingux/astro 1.23.0-alpha.2 → 1.23.0-alpha.3

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

@@ -172,7 +172,7 @@ var ArrayField = function ArrayField(props) {
     }
   }, [isControlled]);
   var onFieldAdd = (0, _react.useCallback)(function () {
-    if (onAddRef.current) {
+    if (isControlled) {
       return onAddRef.current();
     }
 
@@ -181,7 +181,7 @@ var ArrayField = function ArrayField(props) {
 
       return (0, _concat["default"])(_context = []).call(_context, oldValues, [createEmptyField()]);
     });
-  }, [createEmptyField]);
+  }, [createEmptyField, isControlled]);
 
   var _useLabel = (0, _label.useLabel)(_objectSpread({}, props)),
       raLabelProps = _useLabel.labelProps;

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

@@ -79,7 +79,11 @@ test('adds one text field and new empty field is added', function () {
 });
 test('onAdd callback is fired when adding field', function () {
   var onAdd = jest.fn();
+  var value = defaultData;
+  var defaultValue = null;
   getComponent({
+    value: value,
+    defaultValue: defaultValue,
     onAdd: onAdd,
     renderField: renderField
   });

package/lib/cjs/components/CollapsiblePanelItem/CollapsiblePanelItem.js

@@ -54,7 +54,8 @@ var CollapsiblePanelItem = /*#__PURE__*/(0, _react.forwardRef)(function (props,
         fill: 'inherit'
       }
     },
-    onPress: onPress
+    onPress: onPress,
+    "aria-label": "icon"
   }, iconElement)));
 });
 CollapsiblePanelItem.propTypes = {

package/lib/cjs/recipes/CollapsiblePanel.stories.js

@@ -150,6 +150,8 @@ var Default = function Default() {
       searchValue = _useState4[0],
       setSearchValue = _useState4[1];
 
+  var checkBoxRef = (0, _react.useRef)(null);
+
   var _useFilter = (0, _i18n.useFilter)({
     sensitivity: 'base'
   }),
@@ -325,7 +327,11 @@ var Default = function Default() {
       },
       isSelected: (0, _some["default"])(selectedItems).call(selectedItems, function (el) {
         return el.key === item.key;
-      })
+      }),
+      ref: checkBoxRef,
+      onClick: function onClick() {
+        return checkBoxRef.current.focus();
+      }
     }));
   })), (0, _react2.jsx)(_.CollapsiblePanel, {
     items: selectedItems,

package/lib/components/ArrayField/ArrayField.js

@@ -118,7 +118,7 @@ var ArrayField = function ArrayField(props) {
     }
   }, [isControlled]);
   var onFieldAdd = useCallback(function () {
-    if (onAddRef.current) {
+    if (isControlled) {
       return onAddRef.current();
     }
 
@@ -127,7 +127,7 @@ var ArrayField = function ArrayField(props) {
 
       return _concatInstanceProperty(_context = []).call(_context, oldValues, [createEmptyField()]);
     });
-  }, [createEmptyField]);
+  }, [createEmptyField, isControlled]);
 
   var _useLabel = useLabel(_objectSpread({}, props)),
       raLabelProps = _useLabel.labelProps;

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

@@ -66,7 +66,11 @@ test('adds one text field and new empty field is added', function () {
 });
 test('onAdd callback is fired when adding field', function () {
   var onAdd = jest.fn();
+  var value = defaultData;
+  var defaultValue = null;
   getComponent({
+    value: value,
+    defaultValue: defaultValue,
     onAdd: onAdd,
     renderField: renderField
   });

package/lib/components/CollapsiblePanelItem/CollapsiblePanelItem.js

@@ -30,7 +30,8 @@ var CollapsiblePanelItem = /*#__PURE__*/forwardRef(function (props, ref) {
         fill: 'inherit'
       }
     },
-    onPress: onPress
+    onPress: onPress,
+    "aria-label": "icon"
   }, iconElement)));
 });
 CollapsiblePanelItem.propTypes = {

package/lib/recipes/CollapsiblePanel.stories.js

@@ -16,7 +16,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React, { useMemo, useState } from 'react';
+import React, { useMemo, useState, useRef } from 'react';
 import { useFilter } from '@react-aria/i18n';
 import AccountIcon from 'mdi-react/AccountIcon';
 import AccountGroupIcon from 'mdi-react/AccountGroupIcon';
@@ -106,6 +106,8 @@ export var Default = function Default() {
       searchValue = _useState4[0],
       setSearchValue = _useState4[1];
 
+  var checkBoxRef = useRef(null);
+
   var _useFilter = useFilter({
     sensitivity: 'base'
   }),
@@ -281,7 +283,11 @@ export var Default = function Default() {
       },
       isSelected: _someInstanceProperty(selectedItems).call(selectedItems, function (el) {
         return el.key === item.key;
-      })
+      }),
+      ref: checkBoxRef,
+      onClick: function onClick() {
+        return checkBoxRef.current.focus();
+      }
     }));
   })), ___EmotionJSX(CollapsiblePanel, {
     items: selectedItems,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.23.0-alpha.2",
+  "version": "1.23.0-alpha.3",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",