@pingux/astro 1.42.2 → 2.0.0-alpha.4

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

@@ -1,47 +1,36 @@
 "use strict";
 
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _reactHooks = require("@testing-library/react-hooks");
-
-var _useField = _interopRequireDefault(require("./useField"));
-
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
 var _constants = require("../../components/Label/constants");
-
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
+var _useField = _interopRequireDefault(require("./useField"));
 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) { (0, _defineProperty2["default"])(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; }
-
 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 +41,11 @@ var defaultProps = {
   isRequired: true,
   isSelected: true,
   label: 'test',
+  labelProps: {
+    statusClasses: {
+      isFieldLabel: true
+    }
+  },
   name: 'test',
   placeholder: 'test',
   role: 'test',
@@ -59,7 +53,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 () {
@@ -68,34 +68,38 @@ test('default useField', function () {
 });
 test('should return props objects for field components', function () {
   var _context, _context2;
-
   var _renderHook = (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])(defaultProps);
-  }),
-      result = _renderHook.result;
-
+      return (0, _useField["default"])(defaultProps);
+    }),
+    result = _renderHook.result;
   var _result$current = result.current,
-      fieldContainerProps = _result$current.fieldContainerProps,
-      fieldControlProps = _result$current.fieldControlProps,
-      fieldLabelProps = _result$current.fieldLabelProps;
+    fieldContainerProps = _result$current.fieldContainerProps,
+    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 +108,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,62 +119,74 @@ 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 () {
   var newProps = _objectSpread(_objectSpread({}, defaultProps), {}, {
     autocomplete: 'new-password'
   });
-
   delete newProps.autoComplete;
-
   var _renderHook2 = (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])(newProps);
-  }),
-      result = _renderHook2.result;
-
-  var fieldControlProps = result.current.fieldControlProps;
-  expect(fieldControlProps).toMatchObject({
+      return (0, _useField["default"])(newProps);
+    }),
+    result = _renderHook2.result;
+  var fieldControlInputProps = result.current.fieldControlInputProps;
+  expect(fieldControlInputProps).toMatchObject({
     autoComplete: 'new-password'
   });
 });
 test('should return isFloatLabelActive class for container', function () {
   var _renderHook3 = (0, _reactHooks.renderHook)(function (initialProps) {
-    return (0, _useField["default"])(_objectSpread(_objectSpread({}, initialProps), {}, {
-      placeholder: null
-    }));
-  }, {
-    initialProps: defaultProps
-  }),
-      result = _renderHook3.result,
-      rerender = _renderHook3.rerender; // Does not have the class if the label mode is not set to float
-
-
-  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active'); // Has the class if the value is valid and label mode is float
-
+      return (0, _useField["default"])(_objectSpread(_objectSpread({}, initialProps), {}, {
+        placeholder: null
+      }));
+    }, {
+      initialProps: defaultProps
+    }),
+    result = _renderHook3.result,
+    rerender = _renderHook3.rerender;
+  // Does not have the class if the label mode is not set to float
+  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active');
+
+  // Has the class if the value is valid and label mode is float
   rerender(_objectSpread(_objectSpread({}, defaultProps), {}, {
     labelMode: _constants.modes.FLOAT
   }));
-  expect(result.current.fieldContainerProps.className).toContain('is-float-label-active'); // Does not have the class if the value is invalid
+  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
       }
     });
   });
-  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active'); // Has the class if the container has focus within it
+  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active');
 
+  // Has the class if the container has focus within it
   (0, _reactHooks.act)(function () {
     return result.current.fieldContainerProps.onFocus({});
   });
-  expect(result.current.fieldContainerProps.className).toContain('is-float-label'); // Does not have the class if the container loses focus within it
+  expect(result.current.fieldContainerProps.className).toContain('is-float-label');
 
+  // Does not have the class if the container loses focus within it
   (0, _reactHooks.act)(function () {
     return result.current.fieldContainerProps.onBlur({
       currentTarget: {
@@ -174,8 +194,9 @@ test('should return isFloatLabelActive class for container', function () {
       }
     });
   });
-  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active'); // Has the class if the mode is float and the isFloatLabelActive containerProp is passed in
+  expect(result.current.fieldContainerProps.className).not.toContain('is-float-label-active');
 
+  // Has the class if the mode is float and the isFloatLabelActive containerProp is passed in
   rerender(_objectSpread(_objectSpread({}, defaultProps), {}, {
     labelMode: _constants.modes.FLOAT,
     containerProps: {
@@ -186,16 +207,16 @@ test('should return isFloatLabelActive class for container', function () {
 });
 test('should return isLeftLabel class for container', function () {
   var _renderHook4 = (0, _reactHooks.renderHook)(function (initialProps) {
-    return (0, _useField["default"])(initialProps);
-  }, {
-    initialProps: defaultProps
-  }),
-      result = _renderHook4.result,
-      rerender = _renderHook4.rerender; // Does not have the class if the label mode is not set to left
-
-
-  expect(result.current.fieldContainerProps.className).not.toContain('is-left-label'); // Has the class if the value is valid and label mode is left
-
+      return (0, _useField["default"])(initialProps);
+    }, {
+      initialProps: defaultProps
+    }),
+    result = _renderHook4.result,
+    rerender = _renderHook4.rerender;
+  // Does not have the class if the label mode is not set to left
+  expect(result.current.fieldContainerProps.className).not.toContain('is-left-label');
+
+  // Has the class if the value is valid and label mode is left
   rerender(_objectSpread(_objectSpread({}, defaultProps), {}, {
     labelMode: _constants.modes.LEFT
   }));
@@ -204,50 +225,52 @@ test('should return isLeftLabel class for container', function () {
 test('should return hasValue class for container when onChange updates internal state', function () {
   var onChange = jest.fn();
   var numCalls = 0;
-
   var _renderHook5 = (0, _reactHooks.renderHook)(function () {
-    return (0, _useField["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
-      defaultValue: null,
-      placeholder: null,
-      onChange: onChange,
-      value: ''
-    }));
-  }),
-      result = _renderHook5.result; // Empty string is not a valid value
-
-
-  expect(result.current.fieldContainerProps.className).not.toContain('has-value'); // 0 should be a valid value
+      return (0, _useField["default"])(_objectSpread(_objectSpread({}, defaultProps), {}, {
+        defaultValue: null,
+        placeholder: null,
+        onChange: onChange,
+        value: ''
+      }));
+    }),
+    result = _renderHook5.result;
+  // Empty string is not a valid value
+  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
       }
     });
   });
   expect(result.current.fieldContainerProps.className).toContain('has-value');
-  numCalls += 1; // undefined is not a valid value
+  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
       }
     });
   });
   expect(result.current.fieldContainerProps.className).not.toContain('has-value');
-  numCalls += 1; // a non-empty string is a valid value
+  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'
       }
     });
   });
   expect(result.current.fieldContainerProps.className).toContain('has-value');
-  numCalls += 1; // the original onChange should be called each time
+  numCalls += 1;
 
+  // the original onChange should be called each time
   expect(numCalls).toBeGreaterThan(0);
   expect(onChange).toHaveBeenCalledTimes(numCalls);
 });

package/lib/cjs/hooks/useImageUploadState/index.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "useImageUploadState", {
   enumerable: true,
   get: function get() {
     return _useImageUploadState["default"];
   }
 });
-
 var _useImageUploadState = _interopRequireDefault(require("./useImageUploadState"));

package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js

@@ -1,54 +1,41 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = require("react");
-
-var useImageUploadState = function useImageUploadState() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var inputRef = arguments.length > 1 ? arguments[1] : undefined;
+var useImageUploadState = function useImageUploadState(inputRef) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var existingImage = props.previewImage,
-      defaultPreviewNode = props.defaultPreviewImage,
-      fileTypes = props.fileTypes,
-      onChange = props.onChange,
-      previewHeight = props.previewHeight,
-      previewWidth = props.previewWidth;
+    defaultPreviewNode = props.defaultPreviewImage,
+    fileTypes = props.fileTypes,
+    onChange = props.onChange,
+    previewHeight = props.previewHeight,
+    previewWidth = props.previewWidth;
   var defaultPreviewImage = (0, _react.useMemo)(function () {
     return typeof defaultPreviewNode === 'string' ? defaultPreviewNode : null;
   }, [defaultPreviewNode]);
-
   var _useState = (0, _react.useState)(existingImage || defaultPreviewImage),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      previewImage = _useState2[0],
-      setPreviewImage = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    previewImage = _useState2[0],
+    setPreviewImage = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isMenuOpen = _useState4[0],
-      setIsMenuOpen = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isMenuOpen = _useState4[0],
+    setIsMenuOpen = _useState4[1];
   var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isImageType = _useState6[0],
-      setIsImageType = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isImageType = _useState6[0],
+    setIsImageType = _useState6[1];
   var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      fileName = _useState8[0],
-      setFileName = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    fileName = _useState8[0],
+    setFileName = _useState8[1];
   (0, _react.useEffect)(function () {
     return setPreviewImage(existingImage || defaultPreviewImage);
   }, [existingImage, defaultPreviewImage]);
@@ -61,31 +48,25 @@ var useImageUploadState = function useImageUploadState() {
   }, [defaultPreviewImage, previewImage, inputRef]);
   var handleInputChange = (0, _react.useCallback)(function (event) {
     var _event$target, _event$target$files$, _event$target$files$$;
-
     var eventFileType = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$files$ = _event$target.files[0]) === null || _event$target$files$ === void 0 ? void 0 : (_event$target$files$$ = _event$target$files$.type) === null || _event$target$files$$ === void 0 ? void 0 : _event$target$files$$.split('/')[0];
-
     if (fileTypes !== null && fileTypes !== void 0 && (0, _includes["default"])(fileTypes).call(fileTypes, eventFileType)) {
       if (onChange && typeof onChange === 'function') {
         onChange(event);
-      } // If existing image is not undefined, we rely on consumers to handle this themselves.
-
+      }
 
+      // If existing image is not undefined, we rely on consumers to handle this themselves.
       if (existingImage === undefined) {
         if (eventFileType === 'image') {
           var _event$target2;
-
           setIsImageType(true);
           var reader = new FileReader();
-
           reader.onload = function (_ref) {
             var result = _ref.target.result;
             setPreviewImage(result);
           };
-
           reader.readAsDataURL((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.files[0]);
         } else {
           var _event$target3, _event$target3$files$;
-
           setIsImageType(false);
           setFileName((_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : (_event$target3$files$ = _event$target3.files[0]) === null || _event$target3$files$ === void 0 ? void 0 : _event$target3$files$.name);
         }
@@ -104,12 +85,10 @@ var useImageUploadState = function useImageUploadState() {
   }, [defaultPreviewImage]);
   var showFileDialog = (0, _react.useCallback)(function () {
     var _inputRef$current;
-
     return inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   }, [inputRef]);
   var handleLabelClick = (0, _react.useCallback)(function (e) {
     e.preventDefault();
-
     if (previewImage && previewImage !== defaultPreviewImage) {
       setIsMenuOpen(true);
     } else {
@@ -138,6 +117,5 @@ var useImageUploadState = function useImageUploadState() {
     widthHeightSx: widthHeightSx
   };
 };
-
 var _default = useImageUploadState;
 exports["default"] = _default;

package/lib/cjs/hooks/useLabelHeight/index.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _useLabelHeight["default"];
   }
 });
-
 var _useLabelHeight = _interopRequireDefault(require("./useLabelHeight"));

package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js

@@ -1,33 +1,23 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var useLabelHeight = function useLabelHeight(_ref) {
   var _labelRef$current2, _inputRef$current2;
-
   var labelRef = _ref.labelRef,
-      inputRef = _ref.inputRef;
-
+    inputRef = _ref.inputRef;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isLabelHigher = _useState2[0],
-      setIsLabelHigher = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isLabelHigher = _useState2[0],
+    setIsLabelHigher = _useState2[1];
   (0, _react.useEffect)(function () {
     var _labelRef$current, _inputRef$current;
-
     if ((labelRef === null || labelRef === void 0 ? void 0 : (_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 ? void 0 : _labelRef$current.offsetHeight) > (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.offsetHeight)) {
       setIsLabelHigher(true);
     } else {
@@ -38,6 +28,5 @@ var useLabelHeight = function useLabelHeight(_ref) {
     isLabelHigher: isLabelHigher
   };
 };
-
 var _default = useLabelHeight;
 exports["default"] = _default;

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

@@ -1,18 +1,14 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _useModalState["default"];
   }
 });
-
 var _useModalState = _interopRequireDefault(require("./useModalState"));

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

@@ -1,15 +1,11 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 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.
  * @param {Object} [props] Properties provided to the state
@@ -22,14 +18,13 @@ var _overlays = require("@react-stately/overlays");
 var useModalState = function useModalState() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var isDefaultOpen = props.isDefaultOpen,
-      isOpen = props.isOpen,
-      onOpenChange = props.onOpenChange;
-  return (0, _overlays.useOverlayTriggerState)({
+    isOpen = props.isOpen,
+    onOpenChange = props.onOpenChange;
+  return (0, _reactStately.useOverlayTriggerState)({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
 };
-
 var _default = useModalState;
 exports["default"] = _default;