@pingux/astro 1.17.0-alpha.0 → 1.17.0-alpha.3

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,63 +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");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _defineProperty2 = _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 = _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) { (0, _defineProperty2["default"])(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; }
-
-var useRockerButton = function useRockerButton(props, state, ref) {
-  var item = props.item,
-      isDisabled = props.isDisabled,
-      isSelected = props.isSelected;
-  var key = item.key;
-  var manager = state.selectionManager;
-
-  var _useSelectableItem = (0, _selection.useSelectableItem)({
-    isDisabled: isDisabled,
-    selectionManager: manager,
-    key: key,
-    ref: ref
-  }),
-      itemProps = _useSelectableItem.itemProps;
-
-  var rockerButtonId = (0, _utils.useId)();
-  return {
-    rockerButtonProps: _objectSpread(_objectSpread({}, itemProps), {}, {
-      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,261 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-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 _defineProperty2 = _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 _constants = require("../../components/Label/constants");
-
-var _react2 = require("@emotion/react");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(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), {}, {
-    placeholder: props.labelMode === _constants.modes.FLOAT ? '' : placeholder,
-    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');
-});