@pingux/astro 2.32.0-alpha.15 → 2.32.0-alpha.16

package/lib/cjs/hooks/useField/useField.js

@@ -25,7 +25,7 @@ var _constants = require("../../components/Label/constants");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _ = require("..");
-var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
+var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "className", "containerProps", "controlProps", "defaultValue", "hasAutoFocus", "hasNoStatusIndicator", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "role", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
 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; }
 /**
@@ -33,24 +33,21 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * @param {{}} props Props for the field
  * @returns {{}} Prop objects to be spread into field components.
  */
-var useField = function useField() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+// TODO: replace with LabelProps instead of ThemeUILabelProps
+// once Label component is rewritten to ts
+var useField = function useField(props) {
   var autocomplete = props.autocomplete,
     autoComplete = props.autoComplete,
     autoCorrect = props.autoCorrect,
-    children = props.children,
     className = props.className,
     _props$containerProps = props.containerProps,
     containerProps = _props$containerProps === void 0 ? {} : _props$containerProps,
     _props$controlProps = props.controlProps,
     controlProps = _props$controlProps === void 0 ? {} : _props$controlProps,
-    defaultText = props.defaultText,
     defaultValue = props.defaultValue,
-    direction = props.direction,
-    disabledKeys = props.disabledKeys,
     hasAutoFocus = props.hasAutoFocus,
     hasNoStatusIndicator = props.hasNoStatusIndicator,
-    helperText = props.helperText,
     hintText = props.hintText,
     id = props.id,
     isDefaultSelected = props.isDefaultSelected,
@@ -59,7 +56,6 @@ var useField = function useField() {
     isReadOnly = props.isReadOnly,
     isRequired = props.isRequired,
     isRestrictiveMultivalues = props.isRestrictiveMultivalues,
-    isSelected = props.isSelected,
     label = props.label,
     labelMode = props.labelMode,
     _props$labelProps = props.labelProps,
@@ -69,15 +65,9 @@ var useField = function useField() {
     onBlur = props.onBlur,
     _props$onChange = props.onChange,
     onChange = _props$onChange === void 0 ? _noop["default"] : _props$onChange,
-    onClear = props.onClear,
     onFocus = props.onFocus,
-    onFocusChange = props.onFocusChange,
-    onLoadMore = props.onLoadMore,
-    onOpenChange = props.onOpenChange,
-    onSelectionChange = props.onSelectionChange,
     placeholder = props.placeholder,
     role = props.role,
-    selectedKey = props.selectedKey,
     spellCheck = props.spellCheck,
     _props$status = props.status,
     status = _props$status === void 0 ? _statuses["default"].DEFAULT : _props$status,
@@ -113,6 +103,7 @@ var useField = function useField() {
     } else {
       setHasValue(false);
     }
+
     // adding this function resolves the error brought up in UIP-5116
     if (e.persist) {
       e.persist();
@@ -152,7 +143,7 @@ var useField = function useField() {
       isReadOnly: isReadOnly
     }, "is-".concat(status), true), statusClasses), labelProps === null || labelProps === void 0 ? void 0 : labelProps.statusClasses)),
     labelClasses = _useStatusClasses3.classNames;
-  var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)(others),
+  var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)((0, _omit["default"])(others, ['children', 'defaultText', 'direction', 'disabledKeys', 'helperText', 'isSelected', 'onClear', 'onFocusChange', 'onLoadMore', 'onOpenChange', 'onRemove', 'onSelectionChange', 'selectedKey'])),
     ariaProps = _getAriaAttributeProp.ariaProps,
     nonAriaProps = _getAriaAttributeProp.nonAriaProps;
 

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

@@ -0,0 +1 @@
+export {};

package/lib/cjs/hooks/useField/useField.test.js

@@ -63,11 +63,11 @@ var defaultProps = {
 };
 test('default useField', function () {
   (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])();
+    return (0, _useField["default"])({});
   });
 });
 test('should return props objects for field components', function () {
-  var _context, _context2;
+  var _defaultProps$contain, _context, _context2;
   var _renderHook = (0, _reactHooks.renderHook)(function () {
       return (0, _useField["default"])(defaultProps);
     }),
@@ -79,7 +79,7 @@ test('should return props objects for field components', function () {
     fieldLabelProps = _result$current.fieldLabelProps;
   expect(fieldContainerProps).toEqual({
     className: 'field-container has-value is-tested is-container',
-    id: defaultProps.containerProps.id,
+    id: (_defaultProps$contain = defaultProps.containerProps) === null || _defaultProps$contain === void 0 ? void 0 : _defaultProps$contain.id,
     onBlur: expect.any(Function),
     onFocus: expect.any(Function),
     sx: expect.objectContaining({
@@ -154,7 +154,7 @@ test('should support autocomplete additionally', function () {
 test('should return isFloatLabelActive class for container', function () {
   var _renderHook3 = (0, _reactHooks.renderHook)(function (initialProps) {
       return (0, _useField["default"])(_objectSpread(_objectSpread({}, initialProps), {}, {
-        placeholder: null
+        placeholder: undefined
       }));
     }, {
       initialProps: defaultProps
@@ -227,8 +227,8 @@ test('should return hasValue class for container when onChange updates internal
   var numCalls = 0;
   var _renderHook5 = (0, _reactHooks.renderHook)(function () {
       return (0, _useField["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
-        defaultValue: null,
-        placeholder: null,
+        defaultValue: undefined,
+        placeholder: undefined,
         onChange: onChange,
         value: ''
       }));

package/lib/hooks/useField/useField.js

@@ -9,7 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 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 = ["autocomplete", "autoComplete", "autoCorrect", "children", "className", "containerProps", "controlProps", "defaultText", "defaultValue", "direction", "disabledKeys", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "isSelected", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onClear", "onFocus", "onFocusChange", "onLoadMore", "onOpenChange", "onSelectionChange", "placeholder", "role", "selectedKey", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
+var _excluded = ["autocomplete", "autoComplete", "autoCorrect", "className", "containerProps", "controlProps", "defaultValue", "hasAutoFocus", "hasNoStatusIndicator", "hintText", "id", "isDefaultSelected", "isDisabled", "isIndeterminate", "isReadOnly", "isRequired", "isRestrictiveMultivalues", "label", "labelMode", "labelProps", "maxLength", "name", "onBlur", "onChange", "onFocus", "placeholder", "role", "spellCheck", "status", "statusClasses", "type", "value", "wrapperProps"];
 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 { useEffect, useState } from 'react';
@@ -27,24 +27,21 @@ import { useStatusClasses } from '..';
  * @param {{}} props Props for the field
  * @returns {{}} Prop objects to be spread into field components.
  */
-var useField = function useField() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+// TODO: replace with LabelProps instead of ThemeUILabelProps
+// once Label component is rewritten to ts
+var useField = function useField(props) {
   var autocomplete = props.autocomplete,
     autoComplete = props.autoComplete,
     autoCorrect = props.autoCorrect,
-    children = props.children,
     className = props.className,
     _props$containerProps = props.containerProps,
     containerProps = _props$containerProps === void 0 ? {} : _props$containerProps,
     _props$controlProps = props.controlProps,
     controlProps = _props$controlProps === void 0 ? {} : _props$controlProps,
-    defaultText = props.defaultText,
     defaultValue = props.defaultValue,
-    direction = props.direction,
-    disabledKeys = props.disabledKeys,
     hasAutoFocus = props.hasAutoFocus,
     hasNoStatusIndicator = props.hasNoStatusIndicator,
-    helperText = props.helperText,
     hintText = props.hintText,
     id = props.id,
     isDefaultSelected = props.isDefaultSelected,
@@ -53,7 +50,6 @@ var useField = function useField() {
     isReadOnly = props.isReadOnly,
     isRequired = props.isRequired,
     isRestrictiveMultivalues = props.isRestrictiveMultivalues,
-    isSelected = props.isSelected,
     label = props.label,
     labelMode = props.labelMode,
     _props$labelProps = props.labelProps,
@@ -63,15 +59,9 @@ var useField = function useField() {
     onBlur = props.onBlur,
     _props$onChange = props.onChange,
     onChange = _props$onChange === void 0 ? noop : _props$onChange,
-    onClear = props.onClear,
     onFocus = props.onFocus,
-    onFocusChange = props.onFocusChange,
-    onLoadMore = props.onLoadMore,
-    onOpenChange = props.onOpenChange,
-    onSelectionChange = props.onSelectionChange,
     placeholder = props.placeholder,
     role = props.role,
-    selectedKey = props.selectedKey,
     spellCheck = props.spellCheck,
     _props$status = props.status,
     status = _props$status === void 0 ? statuses.DEFAULT : _props$status,
@@ -107,6 +97,7 @@ var useField = function useField() {
     } else {
       setHasValue(false);
     }
+
     // adding this function resolves the error brought up in UIP-5116
     if (e.persist) {
       e.persist();
@@ -146,7 +137,7 @@ var useField = function useField() {
       isReadOnly: isReadOnly
     }, "is-".concat(status), true), statusClasses), labelProps === null || labelProps === void 0 ? void 0 : labelProps.statusClasses)),
     labelClasses = _useStatusClasses3.classNames;
-  var _getAriaAttributeProp = getAriaAttributeProps(others),
+  var _getAriaAttributeProp = getAriaAttributeProps(omit(others, ['children', 'defaultText', 'direction', 'disabledKeys', 'helperText', 'isSelected', 'onClear', 'onFocusChange', 'onLoadMore', 'onOpenChange', 'onRemove', 'onSelectionChange', 'selectedKey'])),
     ariaProps = _getAriaAttributeProp.ariaProps,
     nonAriaProps = _getAriaAttributeProp.nonAriaProps;
 

package/lib/hooks/useField/useField.test.js

@@ -60,11 +60,11 @@ var defaultProps = {
 };
 test('default useField', function () {
   renderHook(function () {
-    return useField();
+    return useField({});
   });
 });
 test('should return props objects for field components', function () {
-  var _context, _context2;
+  var _defaultProps$contain, _context, _context2;
   var _renderHook = renderHook(function () {
       return useField(defaultProps);
     }),
@@ -76,7 +76,7 @@ test('should return props objects for field components', function () {
     fieldLabelProps = _result$current.fieldLabelProps;
   expect(fieldContainerProps).toEqual({
     className: 'field-container has-value is-tested is-container',
-    id: defaultProps.containerProps.id,
+    id: (_defaultProps$contain = defaultProps.containerProps) === null || _defaultProps$contain === void 0 ? void 0 : _defaultProps$contain.id,
     onBlur: expect.any(Function),
     onFocus: expect.any(Function),
     sx: expect.objectContaining({
@@ -151,7 +151,7 @@ test('should support autocomplete additionally', function () {
 test('should return isFloatLabelActive class for container', function () {
   var _renderHook3 = renderHook(function (initialProps) {
       return useField(_objectSpread(_objectSpread({}, initialProps), {}, {
-        placeholder: null
+        placeholder: undefined
       }));
     }, {
       initialProps: defaultProps
@@ -224,8 +224,8 @@ test('should return hasValue class for container when onChange updates internal
   var numCalls = 0;
   var _renderHook5 = renderHook(function () {
       return useField(_objectSpread(_objectSpread({}, defaultProps), {}, {
-        defaultValue: null,
-        placeholder: null,
+        defaultValue: undefined,
+        placeholder: undefined,
         onChange: onChange,
         value: ''
       }));

package/package.json

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