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

package/lib/cjs/hooks/usePropWarning/usePropWarning.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _react = require("react");
+
+var alreadyShown = new _set["default"]();
+/**
+ * Provides a development-only console warning for props that we don't want consumers to use
+ * @param {Object} props - The whole props object
+ * @param {String} propToWarn - Specify prop to warn not to use
+ * @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) {
+  (0, _react.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
+
+      console.warn((0, _concat["default"])(_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.');
+    }
+  }, []);
+};
+
+var _default = usePropWarning;
+exports["default"] = _default;

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

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+var _usePropWarning = _interopRequireDefault(require("./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();
+  });
+  test('default', function () {
+    var props = {};
+    props.disabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    expect(spy).not.toHaveBeenCalled();
+    (0, _reactHooks.renderHook)(function () {
+      return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
+    });
+    expect(spy).toHaveBeenCalledTimes(1);
+  });
+  test('does not warn if prop does not exist', function () {
+    var props = {};
+    props.isDisabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    expect(spy).not.toHaveBeenCalled();
+    (0, _reactHooks.renderHook)(function () {
+      return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
+    });
+    expect(spy).not.toHaveBeenCalled();
+  });
+  test('showns duplicated messages if explicitly allowed', function () {
+    var props = {};
+    props.disabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    (0, _reactHooks.renderHook)(function () {
+      return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled', true);
+    });
+    (0, _reactHooks.renderHook)(function () {
+      return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled', true);
+    });
+    expect(spy).toHaveBeenCalledTimes(2);
+  });
+  test('does not warn if it is in production environment', function () {
+    process.env.NODE_ENV = 'production';
+    var props = {};
+    props.disabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    expect(spy).not.toHaveBeenCalled();
+    (0, _reactHooks.renderHook)(function () {
+      return (0, _usePropWarning["default"])(props, 'disabled', 'isDisabled');
+    });
+    expect(spy).not.toHaveBeenCalled();
+  });
+});

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

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

package/lib/cjs/hooks/useRockerButton/useRockerButton.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _selection = require("@react-aria/selection");
+
+var _utils = require("@react-aria/utils");
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var useRockerButton = function useRockerButton(props, state, ref) {
+  var item = props.item,
+      propsDisabled = props.isDisabled;
+  var key = item.key;
+  var manager = state.selectionManager,
+      selectedKey = state.selectedKey;
+  var isSelected = key === selectedKey;
+
+  var _useSelectableItem = (0, _selection.useSelectableItem)({
+    selectionManager: manager,
+    key: key,
+    ref: ref
+  }),
+      itemProps = _useSelectableItem.itemProps;
+
+  var isDisabled = propsDisabled || state.disabledKeys.has(key);
+  var rockerButtonId = (0, _utils.useId)();
+  return {
+    rockerButtonProps: _objectSpread(_objectSpread({}, itemProps), {}, {
+      isDisabled: isDisabled,
+      id: rockerButtonId,
+      'aria-pressed': isSelected,
+      'aria-disabled': isDisabled || undefined
+    })
+  };
+};
+
+var _default = useRockerButton;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,254 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _focus = require("@react-aria/focus");
+
+var _overlays = require("@react-aria/overlays");
+
+var _select = require("@react-aria/select");
+
+var _utils = require("@react-aria/utils");
+
+var _select2 = require("@react-stately/select");
+
+var _ = require("..");
+
+var _ListBox = _interopRequireDefault(require("../../components/ListBox"));
+
+var _PopoverContainer = _interopRequireDefault(require("../../components/PopoverContainer"));
+
+var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox"));
+
+var _react2 = require("@emotion/react");
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source))).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var useSelectField = function useSelectField(props, ref) {
+  var _context;
+
+  var align = props.align,
+      children = props.children,
+      defaultSelectedKey = props.defaultSelectedKey,
+      defaultText = props.defaultText,
+      direction = props.direction,
+      disabledKeys = props.disabledKeys,
+      disallowEmptySelection = props.hasNoEmptySelection,
+      defaultOpen = props.isDefaultOpen,
+      isDisabled = props.isDisabled,
+      isLoading = props.isLoading,
+      isNotFlippable = props.isNotFlippable,
+      isOpen = props.isOpen,
+      isReadOnly = props.isReadOnly,
+      isRequired = props.isRequired,
+      items = props.items,
+      label = props.label,
+      listboxStyle = props.listboxStyle,
+      name = props.name,
+      placeholder = props.placeholder,
+      selectedKey = props.selectedKey,
+      onLoadMore = props.onLoadMore,
+      onOpenChange = props.onOpenChange,
+      onSelectionChange = props.onSelectionChange,
+      controlProps = props.controlProps,
+      scrollBoxProps = props.scrollBoxProps; // We use falsy booleans as defaults, but React Aria has this as true by default so we need to
+  // negate this.
+
+  var shouldFlip = !isNotFlippable;
+
+  var selectProps = _objectSpread({
+    children: children,
+    defaultSelectedKey: defaultSelectedKey,
+    defaultText: defaultText,
+    disabledKeys: disabledKeys,
+    isDisabled: isDisabled,
+    isLoading: isLoading,
+    isOpen: isOpen,
+    isReadOnly: isReadOnly,
+    isRequired: isRequired,
+    items: items,
+    label: label,
+    name: name,
+    placeholder: placeholder,
+    selectedKey: selectedKey,
+    onLoadMore: onLoadMore,
+    onOpenChange: onOpenChange,
+    onSelectionChange: onSelectionChange,
+    defaultOpen: defaultOpen,
+    // must match React Aria API
+    disallowEmptySelection: disallowEmptySelection,
+    // must match React Aria API
+    shouldFlip: shouldFlip
+  }, controlProps); // Create state based on the incoming props
+
+
+  var state = (0, _select2.useSelectState)(selectProps);
+  var popoverRef = (0, _react.useRef)();
+  var triggerRef = (0, _react.useRef)();
+  var listBoxRef = (0, _react.useRef)();
+  /* istanbul ignore next */
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return triggerRef.current;
+  });
+  (0, _.useDeprecationWarning)('The "defaultText" prop for `SelectField` will be deprecated in Astro-UI 1.0.0, use the "placeholder" prop instead.', {
+    isActive: !!defaultText
+  }); // Get props for child elements from useSelect
+
+  var _useSelect = (0, _select.useSelect)(selectProps, state, triggerRef),
+      labelProps = _useSelect.labelProps,
+      triggerProps = _useSelect.triggerProps,
+      valueProps = _useSelect.valueProps,
+      menuProps = _useSelect.menuProps;
+
+  var _useField = (0, _.useField)(_objectSpread(_objectSpread({}, props), {}, {
+    labelProps: _objectSpread(_objectSpread({}, props.labelProps), labelProps),
+    containerProps: _objectSpread({
+      isFloatLabelActive: state.selectedItem
+    }, props.containerProps)
+  })),
+      fieldContainerProps = _useField.fieldContainerProps,
+      fieldControlProps = _useField.fieldControlProps,
+      fieldLabelProps = _useField.fieldLabelProps;
+
+  var _useOverlayPosition = (0, _overlays.useOverlayPosition)({
+    targetRef: triggerRef,
+    overlayRef: popoverRef,
+    scrollRef: listBoxRef,
+    placement: (0, _concat["default"])(_context = "".concat(direction, " ")).call(_context, align),
+    shouldFlip: !isNotFlippable,
+    isOpen: state.isOpen,
+    onClose: state.close
+  }),
+      overlayProps = _useOverlayPosition.overlayProps,
+      placement = _useOverlayPosition.placement,
+      updatePosition = _useOverlayPosition.updatePosition; // Update position once the ListBox has rendered. This ensures that
+  // it flips properly when it doesn't fit in the available space.
+
+  /* istanbul ignore next */
+
+
+  (0, _react.useLayoutEffect)(function () {
+    if (state.isOpen) {
+      requestAnimationFrame(function () {
+        updatePosition();
+      });
+    }
+  }, [state.isOpen, updatePosition]); // Measure the width of the input to inform the width of the listbox (below).
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      buttonWidth = _useState2[0],
+      setButtonWidth = _useState2[1];
+
+  var onResize = (0, _react.useCallback)(function () {
+    /* istanbul ignore next */
+    if (triggerRef.current) {
+      setButtonWidth(triggerRef.current.offsetWidth);
+    }
+  }, [triggerRef, setButtonWidth, state.isOpen]);
+  (0, _utils.useResizeObserver)({
+    ref: triggerRef,
+    onResize: onResize
+  });
+  (0, _react.useLayoutEffect)(onResize, [onResize]);
+
+  var style = _objectSpread(_objectSpread({}, overlayProps.style), {}, {
+    width: buttonWidth,
+    minWidth: buttonWidth
+  }, listboxStyle);
+
+  var columnStyleProps = (0, _.useColumnStyles)({
+    labelMode: props.labelMode
+  });
+  var isLoadingInitial = props.isLoading && state.collection.size === 0;
+  var isLoadingMore = props.isLoading && state.collection.size > 0; // Wrap in <FocusScope> so that focus is restored back to the
+  // trigger when the popup is closed. In addition, add hidden
+  // <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, {
+    restoreFocus: true
+  }, (0, _react2.jsx)(_overlays.DismissButton, {
+    onDismiss: function onDismiss() {
+      return state.close();
+    }
+  }), (0, _react2.jsx)(_ListBox["default"], (0, _extends2["default"])({
+    ref: listBoxRef,
+    hasNoEmptySelection: true,
+    hasAutoFocus: state.focusStrategy || true,
+    state: state,
+    variant: "listBox.selectField",
+    isLoading: isLoadingMore,
+    onLoadMore: onLoadMore
+  }, menuProps)), (0, _react2.jsx)(_overlays.DismissButton, {
+    onDismiss: function onDismiss() {
+      return state.close();
+    }
+  }));
+  var overlay = (0, _react2.jsx)(_PopoverContainer["default"], {
+    isOpen: state.isOpen,
+    ref: popoverRef,
+    placement: placement,
+    hasNoArrow: true,
+    onClose: state.close,
+    style: style,
+    isNonModal: true,
+    isDismissable: true
+  }, (0, _react2.jsx)(_ScrollBox["default"], scrollBoxProps, listbox));
+  return {
+    columnStyleProps: columnStyleProps,
+    fieldContainerProps: fieldContainerProps,
+    fieldControlProps: fieldControlProps,
+    fieldLabelProps: fieldLabelProps,
+    isLoadingInitial: isLoadingInitial,
+    listBoxRef: listBoxRef,
+    overlay: overlay,
+    popoverRef: popoverRef,
+    state: state,
+    triggerProps: triggerProps,
+    triggerRef: triggerRef,
+    valueProps: valueProps
+  };
+};
+
+var _default = useSelectField;
+exports["default"] = _default;

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

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

package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _mapKeys = _interopRequireDefault(require("lodash/mapKeys"));
+
+var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
+
+/**
+ * Converts status information into classes which can be supplied to the rendered component's
+ * `className` prop.
+ * @param {string} [defaultClass] An optional default class that will be added
+ * @param {{}} [statuses] A mapping of conditional statuses and the current value of each one
+ * @returns {string} A string of classes based on the input. Status keys will be converted to
+ * kebab-case.
+ * e.g. useStatusClasses('thing', { isDisabled: true }) => "thing is-disabled"
+ */
+var useStatusClasses = function useStatusClasses(defaultClass) {
+  var statuses = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var kebabStatuses = (0, _mapKeys["default"])(statuses, function (_v, k) {
+    return (0, _kebabCase["default"])(k);
+  });
+  var classNames = (0, _classnames["default"])(defaultClass, kebabStatuses);
+  return {
+    classNames: classNames
+  };
+};
+
+var _default = useStatusClasses;
+exports["default"] = _default;

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+var _useStatusClasses = _interopRequireDefault(require("./useStatusClasses"));
+
+test('should return empty', function () {
+  var _renderHook = (0, _reactHooks.renderHook)(function () {
+    return (0, _useStatusClasses["default"])();
+  }),
+      result = _renderHook.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('');
+});
+test('should return default', function () {
+  var _renderHook2 = (0, _reactHooks.renderHook)(function () {
+    return (0, _useStatusClasses["default"])('default');
+  }),
+      result = _renderHook2.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('default');
+});
+test('should return statuses without default', function () {
+  var statuses = {
+    isDisabled: true,
+    isBlah: false,
+    isFocused: true
+  };
+
+  var _renderHook3 = (0, _reactHooks.renderHook)(function () {
+    return (0, _useStatusClasses["default"])(null, statuses);
+  }),
+      result = _renderHook3.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('is-disabled is-focused');
+});
+test('should return statuses with default', function () {
+  var statuses = {
+    isDisabled: true,
+    isBlah: false,
+    isFocused: true
+  };
+
+  var _renderHook4 = (0, _reactHooks.renderHook)(function () {
+    return (0, _useStatusClasses["default"])('default', statuses);
+  }),
+      result = _renderHook4.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('default is-disabled is-focused');
+});