@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.5

package/lib/hooks/useImageUploadState/useImageUploadState.js

@@ -1,40 +1,33 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import { useCallback, useEffect, useMemo, useState } from '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 = useMemo(function () {
     return typeof defaultPreviewNode === 'string' ? defaultPreviewNode : null;
   }, [defaultPreviewNode]);
-
   var _useState = useState(existingImage || defaultPreviewImage),
-      _useState2 = _slicedToArray(_useState, 2),
-      previewImage = _useState2[0],
-      setPreviewImage = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    previewImage = _useState2[0],
+    setPreviewImage = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isMenuOpen = _useState4[0],
-      setIsMenuOpen = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isMenuOpen = _useState4[0],
+    setIsMenuOpen = _useState4[1];
   var _useState5 = useState(true),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isImageType = _useState6[0],
-      setIsImageType = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isImageType = _useState6[0],
+    setIsImageType = _useState6[1];
   var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      fileName = _useState8[0],
-      setFileName = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    fileName = _useState8[0],
+    setFileName = _useState8[1];
   useEffect(function () {
     return setPreviewImage(existingImage || defaultPreviewImage);
   }, [existingImage, defaultPreviewImage]);
@@ -47,31 +40,25 @@ var useImageUploadState = function useImageUploadState() {
   }, [defaultPreviewImage, previewImage, inputRef]);
   var handleInputChange = 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 && _includesInstanceProperty(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);
         }
@@ -90,12 +77,10 @@ var useImageUploadState = function useImageUploadState() {
   }, [defaultPreviewImage]);
   var showFileDialog = 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 = useCallback(function (e) {
     e.preventDefault();
-
     if (previewImage && previewImage !== defaultPreviewImage) {
       setIsMenuOpen(true);
     } else {
@@ -124,5 +109,4 @@ var useImageUploadState = function useImageUploadState() {
     widthHeightSx: widthHeightSx
   };
 };
-
 export default useImageUploadState;

package/lib/hooks/useLabelHeight/useLabelHeight.js

@@ -1,20 +1,15 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import { useEffect, useState } from 'react';
-
 var useLabelHeight = function useLabelHeight(_ref) {
   var _labelRef$current2, _inputRef$current2;
-
   var labelRef = _ref.labelRef,
-      inputRef = _ref.inputRef;
-
+    inputRef = _ref.inputRef;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isLabelHigher = _useState2[0],
-      setIsLabelHigher = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isLabelHigher = _useState2[0],
+    setIsLabelHigher = _useState2[1];
   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 {
@@ -25,5 +20,4 @@ var useLabelHeight = function useLabelHeight(_ref) {
     isLabelHigher: isLabelHigher
   };
 };
-
 export default useLabelHeight;

package/lib/hooks/useModalState/useModalState.js

@@ -1,4 +1,5 @@
 import { useOverlayTriggerState } from 'react-stately';
+
 /**
  * Returns state-related data and functions for use with a Modal component.
  * @param {Object} [props] Properties provided to the state
@@ -8,17 +9,15 @@ import { useOverlayTriggerState } from 'react-stately';
  * `(isOpen: boolean) => void`
  * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
  */
-
 var useModalState = function useModalState() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var isDefaultOpen = props.isDefaultOpen,
-      isOpen = props.isOpen,
-      onOpenChange = props.onOpenChange;
+    isOpen = props.isOpen,
+    onOpenChange = props.onOpenChange;
   return useOverlayTriggerState({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
 };
-
 export default useModalState;

package/lib/hooks/useModalState/useModalState.test.js

@@ -1,11 +1,10 @@
-import { renderHook, act } from '@testing-library/react-hooks';
+import { act, renderHook } from '@testing-library/react-hooks';
 import useModalState from './useModalState';
 test('default return', function () {
   var _renderHook = renderHook(function () {
-    return useModalState();
-  }),
-      result = _renderHook.result;
-
+      return useModalState();
+    }),
+    result = _renderHook.result;
   expect(result.current).toEqual(expect.objectContaining({
     isOpen: false,
     open: expect.any(Function),
@@ -15,12 +14,11 @@ test('default return', function () {
 });
 test('isDefaultOpen returns uncontrolled state', function () {
   var _renderHook2 = renderHook(function () {
-    return useModalState({
-      isDefaultOpen: true
-    });
-  }),
-      result = _renderHook2.result;
-
+      return useModalState({
+        isDefaultOpen: true
+      });
+    }),
+    result = _renderHook2.result;
   expect(result.current).toEqual(expect.objectContaining({
     isOpen: true,
     open: expect.any(Function),
@@ -42,12 +40,11 @@ test('isDefaultOpen returns uncontrolled state', function () {
 });
 test('isOpen when true returns controlled state', function () {
   var _renderHook3 = renderHook(function () {
-    return useModalState({
-      isOpen: true
-    });
-  }),
-      result = _renderHook3.result;
-
+      return useModalState({
+        isOpen: true
+      });
+    }),
+    result = _renderHook3.result;
   expect(result.current).toEqual(expect.objectContaining({
     isOpen: true,
     open: expect.any(Function),
@@ -65,12 +62,11 @@ test('isOpen when true returns controlled state', function () {
 });
 test('isOpen when false returns controlled state', function () {
   var _renderHook4 = renderHook(function () {
-    return useModalState({
-      isOpen: false
-    });
-  }),
-      result = _renderHook4.result;
-
+      return useModalState({
+        isOpen: false
+      });
+    }),
+    result = _renderHook4.result;
   expect(result.current).toEqual(expect.objectContaining({
     isOpen: false,
     open: expect.any(Function),
@@ -88,14 +84,12 @@ test('isOpen when false returns controlled state', function () {
 });
 test('onOpenChange callback is triggered', function () {
   var onOpenChange = jest.fn();
-
   var _renderHook5 = renderHook(function () {
-    return useModalState({
-      onOpenChange: onOpenChange
-    });
-  }),
-      result = _renderHook5.result;
-
+      return useModalState({
+        onOpenChange: onOpenChange
+      });
+    }),
+    result = _renderHook5.result;
   expect(result.current).toEqual(expect.objectContaining({
     isOpen: false,
     open: expect.any(Function),

package/lib/hooks/useNavBarPress/useNavBarPress.js

@@ -8,20 +8,16 @@
  */
 var useNavBarPress = function useNavBarPress(_ref, state) {
   var key = _ref.key,
-      onPressCallback = _ref.onPressCallback;
+    onPressCallback = _ref.onPressCallback;
   var setSelectedKey = state.setSelectedKey;
-
   var onNavPress = function onNavPress() {
     setSelectedKey(key);
-
     if (onPressCallback) {
       onPressCallback();
     }
   };
-
   return {
     onNavPress: onNavPress
   };
 };
-
 export default useNavBarPress;

package/lib/hooks/useNavBarPress/useNavBarPress.test.js

@@ -1,36 +1,32 @@
 import { renderHook } from '@testing-library/react-hooks';
-import useNavBarPress from './';
+import useNavBarPress from '.';
 var key = 'testKey';
 test('using the onPress prop works as a callback', function () {
   var onPress = jest.fn();
   var setSelectedKey = jest.fn();
-
   var _renderHook = renderHook(function () {
-    return useNavBarPress({
-      key: key,
-      onPressCallback: onPress
-    }, {
-      setSelectedKey: setSelectedKey
-    });
-  }),
-      result = _renderHook.result;
-
+      return useNavBarPress({
+        key: key,
+        onPressCallback: onPress
+      }, {
+        setSelectedKey: setSelectedKey
+      });
+    }),
+    result = _renderHook.result;
   result.current.onNavPress();
   expect(onPress).toHaveBeenCalled();
 });
 test('if no onPress prop there is no callback', function () {
   var onPress = jest.fn();
   var setSelectedKey = jest.fn();
-
   var _renderHook2 = renderHook(function () {
-    return useNavBarPress({
-      key: key
-    }, {
-      setSelectedKey: setSelectedKey
-    });
-  }),
-      result = _renderHook2.result;
-
+      return useNavBarPress({
+        key: key
+      }, {
+        setSelectedKey: setSelectedKey
+      });
+    }),
+    result = _renderHook2.result;
   result.current.onNavPress();
   expect(onPress).not.toHaveBeenCalled();
 });

package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js

@@ -1,4 +1,5 @@
 import { useOverlayTriggerState } from 'react-stately';
+
 /**
  * Returns state-related data and functions for use with a Modal component.
  * @param {Object} [props] Properties provided to the state
@@ -8,36 +9,30 @@ import { useOverlayTriggerState } from 'react-stately';
  * `(isOpen: boolean) => void`
  * @returns {Object} `{ isOpen: Boolean, open: Function, close: Function, toggle: Function }`
  */
-
 var useOverlayPanelState = function useOverlayPanelState() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var isDefaultOpen = props.isDefaultOpen,
-      isOpen = props.isOpen,
-      onOpenChange = props.onOpenChange;
+    isOpen = props.isOpen,
+    onOpenChange = props.onOpenChange;
   var state = useOverlayTriggerState({
     defaultOpen: isDefaultOpen,
     isOpen: isOpen,
     onOpenChange: onOpenChange
   });
-
   var onClose = function onClose(stateProp, triggerRef, onCloseProp) {
     if (stateProp) {
       stateProp.close();
     }
-
     if (triggerRef !== null && triggerRef !== void 0 && triggerRef.current) {
       triggerRef.current.focus();
     }
-
     if (onCloseProp) {
       onCloseProp();
     }
   };
-
   return {
     state: state,
     onClose: onClose
   };
 };
-
 export default useOverlayPanelState;

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

@@ -2,10 +2,9 @@ import { renderHook } from '@testing-library/react-hooks';
 import useOverlayPanelState from './useOverlayPanelState';
 test('default useOverlayPanelState', function () {
   var _renderHook = renderHook(function () {
-    return useOverlayPanelState();
-  }),
-      result = _renderHook.result;
-
+      return useOverlayPanelState();
+    }),
+    result = _renderHook.result;
   var obj = {
     state: {
       open: expect.any(Function),

package/lib/hooks/useProgressiveState/useProgressiveState.js

@@ -1,18 +1,15 @@
 import { useState } from 'react';
+
 /**
  * A custom hook that provides stateful capabilities when the associated prop is not supplied
  * @param {*} prop The intended prop to be controlled by state
  * @param {*} initial The initial state value, used only if the given prop is undefined
  */
-
 var useProgressiveState = function useProgressiveState(prop, initial) {
   var controlledState = useState(initial);
-
   if (prop === undefined) {
     return controlledState;
   }
-
   return [prop, function () {}];
 };
-
 export default useProgressiveState;

package/lib/hooks/useProgressiveState/useProgressiveState.test.js

@@ -3,9 +3,9 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["count"];
 import React from 'react';
-import userEvent from '@testing-library/user-event';
-import { renderHook } from '@testing-library/react-hooks';
 import { render, screen } from '@testing-library/react';
+import { renderHook } from '@testing-library/react-hooks';
+import userEvent from '@testing-library/user-event';
 import useProgressiveState from './useProgressiveState';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test';
@@ -16,31 +16,26 @@ var hookProps = {
   prop: 'count',
   initial: 0
 };
-/* eslint-disable react/prop-types */
 
+/* eslint-disable react/prop-types */
 var TestComponent = function TestComponent(_ref) {
   var count = _ref.count,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    others = _objectWithoutProperties(_ref, _excluded);
   var _useProgressiveState = useProgressiveState(count, 0),
-      _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
-      countVal = _useProgressiveState2[0],
-      setCountVal = _useProgressiveState2[1];
-
+    _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
+    countVal = _useProgressiveState2[0],
+    setCountVal = _useProgressiveState2[1];
   var handleClick = function handleClick() {
     return setCountVal(countVal + 1);
   };
-
   return ___EmotionJSX("button", _extends({}, others, {
     onClick: handleClick
   }), countVal);
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(TestComponent, _extends({}, props, defaultProps)));
 };
-
 describe('State Utils', function () {
   it('should update the state when no prop is provided', function () {
     getComponent();
@@ -64,18 +59,16 @@ describe('State Utils', function () {
   });
   it('hook should return prop if provided', function () {
     var _renderHook = renderHook(function () {
-      return useProgressiveState(hookProps.prop, hookProps.initial);
-    }),
-        result = _renderHook.result;
-
+        return useProgressiveState(hookProps.prop, hookProps.initial);
+      }),
+      result = _renderHook.result;
     expect(result.current[0]).toBe(hookProps.prop);
   });
   it('hook should return initial when no prop is provided', function () {
     var _renderHook2 = renderHook(function () {
-      return useProgressiveState(undefined, hookProps.initial);
-    }),
-        result = _renderHook2.result;
-
+        return useProgressiveState(undefined, hookProps.initial);
+      }),
+      result = _renderHook2.result;
     expect(result.current[0]).toBe(hookProps.initial);
   });
 });

package/lib/hooks/usePropWarning/usePropWarning.js

@@ -2,6 +2,7 @@ import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import { useEffect } from 'react';
 var alreadyShown = new _Set();
+
 /**
  * Provides a development-only console warning for props that we don't want consumers to use
  * @param {Object} props - The whole props object
@@ -9,21 +10,17 @@ var alreadyShown = new _Set();
  * @param {String} propToUse - Specify prop that should be used instead
  * @param {Boolean} allowDuplicates - If allow duplicate warning messages
  */
-
 var usePropWarning = function usePropWarning(props, propToWarn, propToUse, allowDuplicates) {
   useEffect(function () {
     if (!allowDuplicates && alreadyShown.has(propToWarn)) {
       return;
     }
-
     if (props[propToWarn] !== undefined && process.env.NODE_ENV === 'development') {
       var _context;
-
-      alreadyShown.add(propToWarn); // eslint-disable-next-line no-console
-
+      alreadyShown.add(propToWarn);
+      // eslint-disable-next-line no-console
       console.warn(_concatInstanceProperty(_context = "The prop ".concat(propToWarn, " should not be used, please use ")).call(_context, propToUse, " instead"), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
     }
   }, []);
 };
-
 export default usePropWarning;

package/lib/hooks/usePropWarning/usePropWarning.test.js

@@ -3,12 +3,11 @@ import usePropWarning from './usePropWarning';
 describe('usePropWarning', function () {
   beforeEach(function () {
     process.env.NODE_ENV = 'development';
-
     global.console.warn = function () {
       return jest.mock();
     }; // eslint-disable-line no-console
-
   });
+
   afterEach(function () {
     process.env.NODE_ENV = 'test';
     jest.clearAllMocks();

package/lib/hooks/useRockerButton/useRockerButton.js

@@ -7,29 +7,23 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 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 { useSelectableItem } from '@react-aria/selection';
 import { useId } from '@react-aria/utils';
-
 var useRockerButton = function useRockerButton(props, state, ref) {
   var item = props.item,
-      isDisabled = props.isDisabled,
-      isSelected = props.isSelected;
+    isDisabled = props.isDisabled,
+    isSelected = props.isSelected;
   var key = item.key;
   var manager = state.selectionManager;
-
   var _useSelectableItem = useSelectableItem({
-    isDisabled: isDisabled,
-    selectionManager: manager,
-    key: key,
-    ref: ref
-  }),
-      itemProps = _useSelectableItem.itemProps;
-
+      isDisabled: isDisabled,
+      selectionManager: manager,
+      key: key,
+      ref: ref
+    }),
+    itemProps = _useSelectableItem.itemProps;
   var rockerButtonId = useId();
   return {
     rockerButtonProps: _objectSpread(_objectSpread({}, itemProps), {}, {
@@ -39,5 +33,4 @@ var useRockerButton = function useRockerButton(props, state, ref) {
     })
   };
 };
-
 export default useRockerButton;