@pingux/astro 1.1.0-alpha.8 → 1.1.1-alpha.1

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

@@ -1,65 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-"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

@@ -1,67 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-"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

@@ -1,254 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-"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

@@ -1,40 +0,0 @@
-"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

@@ -1,56 +0,0 @@
-"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');
-});