@pingux/astro 1.28.2-alpha.2 → 1.29.0-alpha.0

package/lib/cjs/components/ColorField/ColorField.stories.js

@@ -2,13 +2,25 @@
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+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 _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+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
@@ -22,9 +34,13 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
 var _react = _interopRequireWildcard(require("react"));
 
-var _index = require("../../index");
+var _ = require("../../");
+
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 
@@ -34,9 +50,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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 _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var _default = {
   title: 'Form/ColorField',
-  component: _index.ColorField,
+  component: _.ColorField,
   parameters: {
     docs: {
       source: {
@@ -44,7 +64,7 @@ var _default = {
       }
     }
   },
-  argTypes: {
+  argTypes: _objectSpread({
     value: {
       control: {
         type: 'text'
@@ -99,7 +119,7 @@ var _default = {
         type: 'none'
       }
     }
-  }
+  }, _ariaAttributes.ariaAttributeBaseArgTypes)
 };
 exports["default"] = _default;
 
@@ -121,7 +141,7 @@ var Default = function Default(args) {
   }, []);
   return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
     // readers when an overlay opens.
-    (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.ColorField, (0, _extends2["default"])({
+    (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.ColorField, (0, _extends2["default"])({
       value: color
     }, args, {
       onChange: handleChange

package/lib/cjs/components/ComboBox/ComboBoxInput.js

@@ -50,19 +50,19 @@ var _interactions = require("@react-aria/interactions");
 
 var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
 
-var _index = require("../../index");
+var _ = require("../../");
 
-var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
-var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/constants/loadingStates"));
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 
 var _hooks = require("../../hooks");
 
-var _Loader = _interopRequireDefault(require("../Loader"));
+var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/constants/loadingStates"));
+
+var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["controlProps", "containerProps", "hasAutoFocus", "helperText", "isDisabled", "isReadOnly", "isOpen", "label", "labelProps", "loadingState", "status", "style", "inputWrapperRef", "inputRef", "inputProps", "triggerRef", "triggerProps", "menuTrigger", "onInputChange", "onLoadMore", "onOpenChange", "onSelectionChange", "wrapperProps"];
+var _excluded = ["controlProps", "containerProps", "hasAutoFocus", "isDisabled", "isReadOnly", "isOpen", "loadingState", "style", "inputWrapperRef", "inputRef", "inputProps", "triggerRef", "triggerProps", "menuTrigger", "onInputChange", "onLoadMore", "onOpenChange", "onSelectionChange", "wrapperProps"];
 
 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); }
 
@@ -76,14 +76,10 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var controlProps = props.controlProps,
       containerProps = props.containerProps,
       hasAutoFocus = props.hasAutoFocus,
-      helperText = props.helperText,
       isDisabled = props.isDisabled,
       isReadOnly = props.isReadOnly,
       isOpen = props.isOpen,
-      label = props.label,
-      labelProps = props.labelProps,
       loadingState = props.loadingState,
-      status = props.status,
       style = props.style,
       inputWrapperRef = props.inputWrapperRef,
       inputRef = props.inputRef,
@@ -98,14 +94,10 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       wrapperProps = props.wrapperProps,
       others = (0, _objectWithoutProperties2["default"])(props, _excluded);
 
-  var textFieldProps = _objectSpread(_objectSpread(_objectSpread({}, others), {}, {
-    helperText: helperText,
+  var textFieldProps = _objectSpread(_objectSpread(_objectSpread({
     isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    label: label,
-    labelProps: labelProps,
-    status: status
-  }, controlProps), inputProps);
+    isReadOnly: isReadOnly
+  }, controlProps), inputProps), others);
 
   var _useHover = (0, _interactions.useHover)({}),
       hoverProps = _useHover.hoverProps,
@@ -147,22 +139,22 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [isLoading, showLoading, inputValue]); // END - minimum delay time for loading indicator = 500ms
 
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
-  var button = (0, _react2.jsx)(_index.Box, {
+  var button = (0, _react2.jsx)(_.Box, {
     isRow: true,
     variant: "boxes.inputInContainerSlot"
   }, // Render loader after delay if filtering or loading
-  showLoading && (isOpen || menuTrigger === 'manual' || loadingState === _loadingStates["default"].LOADING) && (0, _react2.jsx)(_Loader["default"], {
+  showLoading && (isOpen || menuTrigger === 'manual' || loadingState === _loadingStates["default"].LOADING) && (0, _react2.jsx)(_.Loader, {
     variant: "loader.withinInput"
   }), (0, _react2.jsx)(_interactions.PressResponder, {
     preventFocusOnPress: true,
     isPressed: isOpen
-  }, (0, _react2.jsx)(_index.Button, (0, _extends2["default"])({
+  }, (0, _react2.jsx)(_.Button, (0, _extends2["default"])({
     variant: "comboBox"
   }, triggerProps, {
     ref: triggerRef,
     isDisabled: isDisabled || isReadOnly,
     tabIndex: -1
-  }), (0, _react2.jsx)(_index.Icon, {
+  }), (0, _react2.jsx)(_.Icon, {
     icon: _MenuDownIcon["default"],
     sx: isOpen ? {
       transform: 'rotate(180deg)'
@@ -174,12 +166,12 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     focusClass: "is-focused",
     focusRingClass: "focus-ring",
     autoFocus: hasAutoFocus
-  }, (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
+  }, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     ref: ref,
     isRow: true,
     style: style,
     variant: "forms.comboBox.container"
-  }, hoverProps, wrapperProps), (0, _react2.jsx)(_index.TextField, (0, _extends2["default"])({}, containerProps, textFieldProps, {
+  }, hoverProps, wrapperProps), (0, _react2.jsx)(_.TextField, (0, _extends2["default"])({}, containerProps, textFieldProps, {
     controlProps: _objectSpread({
       variant: 'forms.comboBox.input'
     }, controlProps),
@@ -195,32 +187,32 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }))));
 });
-ComboBoxInput.propTypes = {
-  controlProps: _propTypes["default"].shape({}),
+ComboBoxInput.propTypes = _objectSpread({
   containerProps: _propTypes["default"].shape({}),
-  wrapperProps: _propTypes["default"].shape({}),
-  isDisabled: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
+  controlProps: _propTypes["default"].shape({}),
+  hasAutoFocus: _propTypes["default"].bool,
+  helperText: _propTypes["default"].node,
   inputProps: _propTypes["default"].shape({
     value: _propTypes["default"].string
   }),
+  inputRef: _propTypes["default"].shape({}),
+  inputWrapperRef: _propTypes["default"].shape({}),
+  isDisabled: _propTypes["default"].bool,
+  isOpen: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
   label: _propTypes["default"].node,
   labelProps: _propTypes["default"].shape({}),
   loadingState: _propTypes["default"].oneOf((0, _values["default"])(_loadingStates["default"])),
-  inputWrapperRef: _propTypes["default"].shape({}),
-  inputRef: _propTypes["default"].shape({}),
-  triggerProps: _propTypes["default"].shape({}),
-  triggerRef: _propTypes["default"].shape({}),
   menuTrigger: _propTypes["default"].oneOf(['focus', 'input', 'manual']),
-  hasAutoFocus: _propTypes["default"].bool,
-  style: _propTypes["default"].shape({}),
-  isOpen: _propTypes["default"].bool,
-  helperText: _propTypes["default"].node,
-  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
   onInputChange: _propTypes["default"].func,
   onLoadMore: _propTypes["default"].func,
   onOpenChange: _propTypes["default"].func,
-  onSelectionChange: _propTypes["default"].func
-};
+  onSelectionChange: _propTypes["default"].func,
+  status: _propTypes["default"].oneOf((0, _values["default"])(_statuses["default"])),
+  style: _propTypes["default"].shape({}),
+  triggerProps: _propTypes["default"].shape({}),
+  triggerRef: _propTypes["default"].shape({}),
+  wrapperProps: _propTypes["default"].shape({})
+}, _ariaAttributes.ariaAttributesBasePropTypes);
 var _default = ComboBoxInput;
 exports["default"] = _default;

package/lib/cjs/components/ComboBoxField/ComboBoxField.js

@@ -34,45 +34,48 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _overlays = require("@react-aria/overlays");
-
 var _combobox = require("@react-aria/combobox");
 
-var _combobox2 = require("@react-stately/combobox");
+var _utils = require("@react-aria/utils");
+
+var _focus = require("@react-aria/focus");
 
 var _i18n = require("@react-aria/i18n");
 
-var _utils = require("@react-aria/utils");
+var _overlays = require("@react-aria/overlays");
 
-var _focus = require("@react-aria/focus");
+var _combobox2 = require("@react-stately/combobox");
 
-var _isIterable = require("../../utils/devUtils/props/isIterable");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
+
+var _ComboBox = _interopRequireDefault(require("../ComboBox"));
 
 var _hooks = require("../../hooks");
 
+var _isIterable = require("../../utils/devUtils/props/isIterable");
+
 var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/constants/loadingStates"));
 
-var _ComboBox = _interopRequireDefault(require("../ComboBox"));
+var _ListBox = _interopRequireDefault(require("../ListBox"));
 
 var _PopoverContainer = _interopRequireDefault(require("../PopoverContainer"));
 
-var _ListBox = _interopRequireDefault(require("../ListBox"));
-
 var _ScrollBox = _interopRequireDefault(require("../ScrollBox"));
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["shouldFocusOnHover", "shouldSelectOnPressUp"];
+var _excluded = ["hasAutoFocus", "hasAddOption", "hasCustomValue", "hasNoEmptySelection", "selectedKey", "onSelectionChange", "defaultItems", "items", "loadingState", "onLoadMore", "inputValue", "menuTrigger", "isNotFlippable", "direction", "scrollBoxProps", "controlProps", "defaultFilter"],
+    _excluded2 = ["shouldFocusOnHover", "shouldSelectOnPressUp"];
 
 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); }
 
@@ -92,70 +95,42 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * Props not specified are passed along to the underlying `TextField` component.
  */
 var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var children = props.children,
-      isRequired = props.isRequired,
-      isDisabled = props.isDisabled,
-      isReadOnly = props.isReadOnly,
-      placeholder = props.placeholder,
-      label = props.label,
-      id = props.id,
-      hasAutoFocus = props.hasAutoFocus,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onFocusChange = props.onFocusChange,
-      onKeyDown = props.onKeyDown,
-      onKeyUp = props.onKeyUp,
+  var hasAutoFocus = props.hasAutoFocus,
       hasAddOption = props.hasAddOption,
       hasCustomValue = props.hasCustomValue,
       hasNoEmptySelection = props.hasNoEmptySelection,
-      defaultSelectedKey = props.defaultSelectedKey,
       selectedKey = props.selectedKey,
       onSelectionChange = props.onSelectionChange,
       initialDefaultItems = props.defaultItems,
       initialItems = props.items,
-      onOpenChange = props.onOpenChange,
       loadingState = props.loadingState,
       onLoadMore = props.onLoadMore,
-      defaultInputValue = props.defaultInputValue,
-      onInputChange = props.onInputChange,
       inputValue = props.inputValue,
-      disabledKeys = props.disabledKeys,
       menuTrigger = props.menuTrigger,
       isNotFlippable = props.isNotFlippable,
       direction = props.direction,
       scrollBoxProps = props.scrollBoxProps,
       controlProps = props.controlProps,
-      defaultFilter = props.defaultFilter;
-  var comboBoxOptions = {
-    children: children,
-    isRequired: isRequired,
-    isDisabled: isDisabled,
-    isReadOnly: isReadOnly,
-    placeholder: placeholder,
-    label: label,
-    id: id,
+      defaultFilter = props.defaultFilter,
+      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+
+  var _getAriaAttributeProp = (0, _ariaAttributes.getAriaAttributeProps)(others),
+      nonAriaProps = _getAriaAttributeProp.nonAriaProps;
+
+  var comboBoxOptions = _objectSpread({
     autoFocus: hasAutoFocus,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onFocusChange: onFocusChange,
-    onKeyDown: onKeyDown,
-    onKeyUp: onKeyUp,
     allowsCustomValue: hasAddOption || hasCustomValue,
     disallowEmptySelection: hasNoEmptySelection,
-    defaultSelectedKey: defaultSelectedKey,
     selectedKey: selectedKey,
     onSelectionChange: onSelectionChange,
-    onOpenChange: onOpenChange,
     loadingState: loadingState,
     onLoadMore: onLoadMore,
-    defaultInputValue: defaultInputValue,
-    onInputChange: onInputChange,
     inputValue: inputValue,
-    disabledKeys: disabledKeys,
     menuTrigger: menuTrigger,
     shouldFlip: !isNotFlippable,
     direction: direction
-  };
+  }, nonAriaProps);
+
   var popoverRef = (0, _react.useRef)();
   var buttonRef = (0, _react.useRef)();
   var listBoxRef = (0, _react.useRef)();
@@ -226,7 +201,7 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var shouldFocusOnHover = listBoxProps.shouldFocusOnHover,
       shouldSelectOnPressUp = listBoxProps.shouldSelectOnPressUp,
-      otherListBoxProps = (0, _objectWithoutProperties2["default"])(listBoxProps, _excluded);
+      otherListBoxProps = (0, _objectWithoutProperties2["default"])(listBoxProps, _excluded2);
 
   var _useOverlayPosition = (0, _overlays.useOverlayPosition)({
     targetRef: inputWrapperRef,
@@ -317,7 +292,7 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     isNonModal: true
   }, listbox));
 });
-ComboBoxField.propTypes = {
+ComboBoxField.propTypes = _objectSpread({
   /* Whether or not adding new options to the list is enabled. */
   hasAddOption: _propTypes["default"].bool,
 
@@ -470,7 +445,7 @@ ComboBoxField.propTypes = {
   controlProps: _propTypes["default"].shape({
     onClick: _propTypes["default"].func
   })
-};
+}, _ariaAttributes.ariaAttributesBasePropTypes);
 ComboBoxField.defaultProps = {
   menuTrigger: 'focus',
   direction: 'bottom',