@pingux/astro 1.42.0-alpha.0 → 2.0.0-alpha.1

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

@@ -38,10 +38,16 @@ var defaultProps = {
   autoComplete: 'off',
   className: 'test',
   containerProps: {
-    id: 'test'
+    id: 'test',
+    statusClasses: {
+      isContainer: true
+    }
   },
   controlProps: {
-    id: 'test'
+    id: 'test',
+    statusClasses: {
+      isControlInput: true
+    }
   },
   defaultValue: 'test',
   hasAutoFocus: true,
@@ -52,6 +58,11 @@ var defaultProps = {
   isRequired: true,
   isSelected: true,
   label: 'test',
+  labelProps: {
+    statusClasses: {
+      isFieldLabel: true
+    }
+  },
   name: 'test',
   placeholder: 'test',
   role: 'test',
@@ -59,7 +70,13 @@ var defaultProps = {
     isTested: true
   },
   type: 'test',
-  value: 'test'
+  value: 'test',
+  wrapperProps: {
+    id: 'test',
+    statusClasses: {
+      isControlWrapper: true
+    }
+  }
 };
 test('default useField', function () {
   (0, _reactHooks.renderHook)(function () {
@@ -76,26 +93,32 @@ test('should return props objects for field components', function () {
 
   var _result$current = result.current,
       fieldContainerProps = _result$current.fieldContainerProps,
-      fieldControlProps = _result$current.fieldControlProps,
+      fieldControlInputProps = _result$current.fieldControlInputProps,
+      fieldControlWrapperProps = _result$current.fieldControlWrapperProps,
       fieldLabelProps = _result$current.fieldLabelProps;
   expect(fieldContainerProps).toEqual({
-    className: 'field-container has-value',
+    className: 'field-container has-value is-tested is-container',
     id: defaultProps.containerProps.id,
     onBlur: expect.any(Function),
     onFocus: expect.any(Function),
     sx: expect.objectContaining({
       position: 'relative'
-    })
+    }),
+    statusClasses: {
+      isContainer: true
+    }
   });
-  expect(fieldControlProps).toEqual({
+  expect(fieldControlInputProps).toEqual({
     autoComplete: defaultProps.autoComplete,
+    autoCorrect: undefined,
     autoFocus: defaultProps.hasAutoFocus,
-    className: (0, _concat["default"])(_context = "".concat(defaultProps.className, " is-disabled is-read-only is-")).call(_context, _statuses["default"].DEFAULT, " is-tested"),
+    className: (0, _concat["default"])(_context = "".concat(defaultProps.className, " field-control-input is-disabled is-read-only is-")).call(_context, _statuses["default"].DEFAULT, " is-tested is-control-input"),
     defaultSelected: true,
     defaultValue: defaultProps.defaultValue,
     disabled: true,
     id: defaultProps.id,
     isFocused: false,
+    maxLength: undefined,
     readOnly: true,
     required: true,
     onBlur: expect.any(Function),
@@ -104,6 +127,10 @@ test('should return props objects for field components', function () {
     name: defaultProps.name,
     placeholder: defaultProps.placeholder,
     role: defaultProps.role,
+    spellCheck: undefined,
+    statusClasses: {
+      isControlInput: true
+    },
     type: defaultProps.type,
     value: defaultProps.value,
     'aria-label': undefined,
@@ -111,10 +138,22 @@ test('should return props objects for field components', function () {
   });
   expect(fieldLabelProps).toEqual({
     children: defaultProps.label,
-    className: (0, _concat["default"])(_context2 = "".concat(defaultProps.className, " is-disabled is-read-only is-")).call(_context2, _statuses["default"].DEFAULT, " is-tested"),
+    className: (0, _concat["default"])(_context2 = "".concat(defaultProps.className, " field-label is-disabled is-read-only is-")).call(_context2, _statuses["default"].DEFAULT, " is-tested is-field-label"),
+    hintText: undefined,
     id: expect.any(String),
     htmlFor: expect.any(String),
-    isRequired: true
+    isRequired: true,
+    mode: undefined,
+    statusClasses: {
+      isFieldLabel: true
+    }
+  });
+  expect(fieldControlWrapperProps).toEqual({
+    className: "".concat(defaultProps.className, " field-control-wrapper is-disabled is-read-only is-default is-tested is-control-wrapper"),
+    id: expect.any(String),
+    statusClasses: {
+      isControlWrapper: true
+    }
   });
 });
 test('should support autocomplete additionally', function () {
@@ -129,8 +168,8 @@ test('should support autocomplete additionally', function () {
   }),
       result = _renderHook2.result;
 
-  var fieldControlProps = result.current.fieldControlProps;
-  expect(fieldControlProps).toMatchObject({
+  var fieldControlInputProps = result.current.fieldControlInputProps;
+  expect(fieldControlInputProps).toMatchObject({
     autoComplete: 'new-password'
   });
 });
@@ -154,7 +193,7 @@ test('should return isFloatLabelActive class for container', function () {
   expect(result.current.fieldContainerProps.className).toContain('is-float-label-active'); // Does not have the class if the value is invalid
 
   (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
+    return result.current.fieldControlInputProps.onChange({
       target: {
         value: undefined
       }
@@ -219,7 +258,7 @@ test('should return hasValue class for container when onChange updates internal
   expect(result.current.fieldContainerProps.className).not.toContain('has-value'); // 0 should be a valid value
 
   (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
+    return result.current.fieldControlInputProps.onChange({
       target: {
         value: 0
       }
@@ -229,7 +268,7 @@ test('should return hasValue class for container when onChange updates internal
   numCalls += 1; // undefined is not a valid value
 
   (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
+    return result.current.fieldControlInputProps.onChange({
       target: {
         value: undefined
       }
@@ -239,7 +278,7 @@ test('should return hasValue class for container when onChange updates internal
   numCalls += 1; // a non-empty string is a valid value
 
   (0, _reactHooks.act)(function () {
-    return result.current.fieldControlProps.onChange({
+    return result.current.fieldControlInputProps.onChange({
       target: {
         value: 'a'
       }

package/lib/cjs/hooks/useModalState/useModalState.js

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports["default"] = void 0;
 
-var _overlays = require("@react-stately/overlays");
+var _reactStately = require("react-stately");
 
 /**
  * Returns state-related data and functions for use with a Modal component.
@@ -24,7 +24,7 @@ var useModalState = function useModalState() {
   var isDefaultOpen = props.isDefaultOpen,
       isOpen = props.isOpen,
       onOpenChange = props.onOpenChange;
-  return (0, _overlays.useOverlayTriggerState)({
+  return (0, _reactStately.useOverlayTriggerState)({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
     onOpenChange: onOpenChange

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports["default"] = void 0;
 
-var _overlays = require("@react-stately/overlays");
+var _reactStately = require("react-stately");
 
 /**
  * Returns state-related data and functions for use with a Modal component.
@@ -24,7 +24,7 @@ var useOverlayPanelState = function useOverlayPanelState() {
   var isDefaultOpen = props.isDefaultOpen,
       isOpen = props.isOpen,
       onOpenChange = props.onOpenChange;
-  var state = (0, _overlays.useOverlayTriggerState)({
+  var state = (0, _reactStately.useOverlayTriggerState)({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
     onOpenChange: onOpenChange

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

@@ -17,7 +17,8 @@ test('default useOverlayPanelState', function () {
       open: expect.any(Function),
       close: expect.any(Function),
       toggle: expect.any(Function),
-      isOpen: expect.any(Boolean)
+      isOpen: expect.any(Boolean),
+      setOpen: expect.any(Function)
     },
     onClose: expect.any(Function)
   };

package/lib/cjs/hooks/useSelectField/useSelectField.js

@@ -38,16 +38,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _focus = require("@react-aria/focus");
+var _reactAria = require("react-aria");
 
-var _overlays = require("@react-aria/overlays");
-
-var _select = require("@react-aria/select");
+var _reactStately = require("react-stately");
 
 var _utils = require("@react-aria/utils");
 
-var _select2 = require("@react-stately/select");
-
 var _ = require("..");
 
 var _ListBox = _interopRequireDefault(require("../../components/ListBox"));
@@ -126,7 +122,7 @@ var useSelectField = function useSelectField(props, ref) {
   }, controlProps); // Create state based on the incoming props
 
 
-  var state = (0, _select2.useSelectState)(selectProps);
+  var state = (0, _reactStately.useSelectState)(selectProps);
   var popoverRef = (0, _react.useRef)();
   var triggerRef = (0, _react.useRef)();
   var listBoxRef = (0, _react.useRef)();
@@ -139,7 +135,7 @@ var useSelectField = function useSelectField(props, ref) {
     isActive: !!defaultText
   }); // Get props for child elements from useSelect
 
-  var _useSelect = (0, _select.useSelect)(selectProps, state, triggerRef),
+  var _useSelect = (0, _reactAria.useSelect)(selectProps, state, triggerRef),
       labelProps = _useSelect.labelProps,
       triggerProps = _useSelect.triggerProps,
       valueProps = _useSelect.valueProps,
@@ -161,10 +157,11 @@ var useSelectField = function useSelectField(props, ref) {
     }, props.containerProps)
   })),
       fieldContainerProps = _useField.fieldContainerProps,
-      fieldControlProps = _useField.fieldControlProps,
+      fieldControlInputProps = _useField.fieldControlInputProps,
+      fieldControlWrapperProps = _useField.fieldControlWrapperProps,
       fieldLabelProps = _useField.fieldLabelProps;
 
-  var _useOverlayPosition = (0, _overlays.useOverlayPosition)({
+  var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
     targetRef: triggerRef,
     overlayRef: popoverRef,
     scrollRef: listBoxRef,
@@ -220,9 +217,9 @@ var useSelectField = function useSelectField(props, ref) {
   // <DismissButton> components at the start and end of the list
   // to allow screen reader users to dismiss the popup easily.
 
-  var listbox = (0, _react2.jsx)(_focus.FocusScope, {
+  var listbox = (0, _react2.jsx)(_reactAria.FocusScope, {
     restoreFocus: true
-  }, (0, _react2.jsx)(_overlays.DismissButton, {
+  }, (0, _react2.jsx)(_reactAria.DismissButton, {
     onDismiss: function onDismiss() {
       return state.close();
     }
@@ -234,7 +231,7 @@ var useSelectField = function useSelectField(props, ref) {
     variant: "listBox.selectField",
     isLoading: isLoadingMore,
     onLoadMore: onLoadMore
-  }, menuProps)), (0, _react2.jsx)(_overlays.DismissButton, {
+  }, menuProps)), (0, _react2.jsx)(_reactAria.DismissButton, {
     onDismiss: function onDismiss() {
       return state.close();
     }
@@ -252,7 +249,8 @@ var useSelectField = function useSelectField(props, ref) {
   return {
     columnStyleProps: columnStyleProps,
     fieldContainerProps: fieldContainerProps,
-    fieldControlProps: fieldControlProps,
+    fieldControlInputProps: fieldControlInputProps,
+    fieldControlWrapperProps: fieldControlWrapperProps,
     fieldLabelProps: fieldLabelProps,
     isLoadingInitial: isLoadingInitial,
     listBoxRef: listBoxRef,