@zendeskgarden/react-forms 9.12.2 → 9.12.4

package/dist/esm/elements/Checkbox.js

@@ -54,13 +54,12 @@ import '../styled/tiles/StyledTileInput.js';
 import '../styled/tiles/StyledTileLabel.js';
 import useFieldsetContext from '../utils/useFieldsetContext.js';
 
-const Checkbox = React__default.forwardRef((_ref, ref) => {
-  let {
-    indeterminate,
-    children,
-    isCompact,
-    ...other
-  } = _ref;
+const Checkbox = React__default.forwardRef(({
+  indeterminate,
+  children,
+  isCompact,
+  ...other
+}, ref) => {
   const fieldsetContext = useFieldsetContext();
   const fieldContext = useFieldContext();
   const inputRef = inputElement => {

package/dist/esm/elements/FileUpload.js

@@ -51,13 +51,12 @@ import '../styled/tiles/StyledTileIcon.js';
 import '../styled/tiles/StyledTileInput.js';
 import '../styled/tiles/StyledTileLabel.js';
 
-const FileUpload = React__default.forwardRef((_ref, ref) => {
-  let {
-    disabled,
-    isCompact,
-    isDragging,
-    ...other
-  } = _ref;
+const FileUpload = React__default.forwardRef(({
+  disabled,
+  isCompact,
+  isDragging,
+  ...other
+}, ref) => {
   return (
     React__default.createElement(StyledFileUpload, Object.assign({
       ref: ref,

package/dist/esm/elements/Input.js

@@ -55,15 +55,14 @@ import '../styled/tiles/StyledTileIcon.js';
 import '../styled/tiles/StyledTileInput.js';
 import '../styled/tiles/StyledTileLabel.js';
 
-const Input = React__default.forwardRef((_ref, ref) => {
-  let {
-    onSelect,
-    isBare,
-    isCompact,
-    focusInset,
-    validation,
-    ...other
-  } = _ref;
+const Input = React__default.forwardRef(({
+  onSelect,
+  isBare,
+  isCompact,
+  focusInset,
+  validation,
+  ...other
+}, ref) => {
   const fieldContext = useFieldContext();
   const inputGroupContext = useInputGroupContext();
   let combinedProps = other;

package/dist/esm/elements/MediaInput.js

@@ -56,21 +56,20 @@ import '../styled/tiles/StyledTileLabel.js';
 import { FauxInput } from './faux-input/FauxInput.js';
 import useFieldContext from '../utils/useFieldContext.js';
 
-const MediaInput = React__default.forwardRef((_ref, ref) => {
-  let {
-    start,
-    end,
-    disabled,
-    isCompact,
-    isBare,
-    focusInset,
-    readOnly,
-    validation,
-    wrapperProps = {},
-    wrapperRef,
-    onSelect,
-    ...props
-  } = _ref;
+const MediaInput = React__default.forwardRef(({
+  start,
+  end,
+  disabled,
+  isCompact,
+  isBare,
+  focusInset,
+  readOnly,
+  validation,
+  wrapperProps = {},
+  wrapperRef,
+  onSelect,
+  ...props
+}, ref) => {
   const fieldContext = useFieldContext();
   const inputRef = useRef();
   const [isFocused, setIsFocused] = useState(false);

package/dist/esm/elements/Radio.js

@@ -54,12 +54,11 @@ import '../styled/tiles/StyledTileInput.js';
 import '../styled/tiles/StyledTileLabel.js';
 import useFieldsetContext from '../utils/useFieldsetContext.js';
 
-const Radio = React__default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    isCompact,
-    ...other
-  } = _ref;
+const Radio = React__default.forwardRef(({
+  children,
+  isCompact,
+  ...other
+}, ref) => {
   const fieldsetContext = useFieldsetContext();
   const fieldContext = useFieldContext();
   let combinedProps = {

package/dist/esm/elements/Range.js

@@ -53,14 +53,13 @@ import '../styled/tiles/StyledTileIcon.js';
 import '../styled/tiles/StyledTileInput.js';
 import '../styled/tiles/StyledTileLabel.js';
 
-const Range = React__default.forwardRef((_ref, ref) => {
-  let {
-    hasLowerTrack = true,
-    min = 0,
-    max = 100,
-    step = 1,
-    ...other
-  } = _ref;
+const Range = React__default.forwardRef(({
+  hasLowerTrack = true,
+  min = 0,
+  max = 100,
+  step = 1,
+  ...other
+}, ref) => {
   const [backgroundSize, setBackgroundSize] = useState('0');
   const rangeRef = useRef();
   const fieldContext = useFieldContext();

package/dist/esm/elements/Select.js

@@ -55,15 +55,14 @@ import '../styled/tiles/StyledTileLabel.js';
 import { FauxInput } from './faux-input/FauxInput.js';
 import useFieldContext from '../utils/useFieldContext.js';
 
-const Select = React__default.forwardRef((_ref, ref) => {
-  let {
-    disabled,
-    isCompact,
-    validation,
-    focusInset,
-    isBare,
-    ...props
-  } = _ref;
+const Select = React__default.forwardRef(({
+  disabled,
+  isCompact,
+  validation,
+  focusInset,
+  isBare,
+  ...props
+}, ref) => {
   const fieldContext = useFieldContext();
   let combinedProps = {
     $focusInset: focusInset,

package/dist/esm/elements/Textarea.js

@@ -58,20 +58,19 @@ import '../styled/tiles/StyledTileLabel.js';
 const parseStyleValue = value => {
   return parseInt(value, 10) || 0;
 };
-const Textarea = React__default.forwardRef((_ref, ref) => {
-  let {
-    isCompact,
-    isBare,
-    focusInset,
-    isResizable,
-    minRows,
-    maxRows,
-    style,
-    validation,
-    onChange,
-    onSelect,
-    ...other
-  } = _ref;
+const Textarea = React__default.forwardRef(({
+  isCompact,
+  isBare,
+  focusInset,
+  isResizable,
+  minRows,
+  maxRows,
+  style,
+  validation,
+  onChange,
+  onSelect,
+  ...other
+}, ref) => {
   const fieldContext = useFieldContext();
   const textAreaRef = useRef();
   const shadowTextAreaRef = useRef(null);

package/dist/esm/elements/Toggle.js

@@ -54,12 +54,11 @@ import '../styled/tiles/StyledTileInput.js';
 import '../styled/tiles/StyledTileLabel.js';
 import useFieldsetContext from '../utils/useFieldsetContext.js';
 
-const Toggle = React__default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    isCompact,
-    ...other
-  } = _ref;
+const Toggle = React__default.forwardRef(({
+  children,
+  isCompact,
+  ...other
+}, ref) => {
   const fieldsetContext = useFieldsetContext();
   const fieldContext = useFieldContext();
   let combinedProps = {

package/dist/esm/elements/common/Fieldset.js

@@ -53,11 +53,10 @@ import '../../styled/tiles/StyledTileInput.js';
 import '../../styled/tiles/StyledTileLabel.js';
 import { FieldsetContext } from '../../utils/useFieldsetContext.js';
 
-const FieldsetComponent = forwardRef((_ref, ref) => {
-  let {
-    isCompact,
-    ...other
-  } = _ref;
+const FieldsetComponent = forwardRef(({
+  isCompact,
+  ...other
+}, ref) => {
   const fieldsetContext = useMemo(() => ({
     isCompact
   }), [isCompact]);

package/dist/esm/elements/common/Label.js

@@ -55,12 +55,11 @@ import '../../styled/tiles/StyledTileIcon.js';
 import '../../styled/tiles/StyledTileInput.js';
 import '../../styled/tiles/StyledTileLabel.js';
 
-const Label = React__default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    isRegular,
-    ...other
-  } = _ref;
+const Label$1 = React__default.forwardRef(({
+  children,
+  isRegular,
+  ...other
+}, ref) => {
   const fieldContext = useFieldContext();
   const fieldsetContext = useFieldsetContext();
   const type = useInputContext();
@@ -128,9 +127,9 @@ const Label = React__default.forwardRef((_ref, ref) => {
     $isRegular: $isRegular
   }), children);
 });
-Label.displayName = 'Field.Label';
-Label.propTypes = {
+Label$1.displayName = 'Field.Label';
+Label$1.propTypes = {
   isRegular: PropTypes.bool
 };
 
-export { Label };
+export { Label$1 as Label };

package/dist/esm/elements/common/Message.js

@@ -56,13 +56,12 @@ import '../../styled/tiles/StyledTileInput.js';
 import '../../styled/tiles/StyledTileLabel.js';
 import { MessageIcon } from './MessageIcon.js';
 
-const Message = React__default.forwardRef((_ref, ref) => {
-  let {
-    validation,
-    validationLabel,
-    children,
-    ...other
-  } = _ref;
+const Message = React__default.forwardRef(({
+  validation,
+  validationLabel,
+  children,
+  ...other
+}, ref) => {
   const {
     hasMessage,
     setHasMessage,

package/dist/esm/elements/common/MessageIcon.js

@@ -55,21 +55,19 @@ import '../../styled/tiles/StyledTileInput.js';
 import '../../styled/tiles/StyledTileLabel.js';
 import { VALIDATION } from '../../types/index.js';
 
-const MessageIcon = _ref => {
-  let {
-    validation,
-    children,
-    ...props
-  } = _ref;
-  return  React__default.createElement(StyledMessageIcon, Object.assign({
-    "aria-hidden": false,
-    role: "img"
-  }, props), validation ? {
-    error: React__default.createElement(SvgAlertErrorStroke, null),
-    success: React__default.createElement(SvgCheckCircleStroke, null),
-    warning: React__default.createElement(SvgAlertWarningStroke, null)
-  }[validation] : children);
-};
+const MessageIcon = ({
+  validation,
+  children,
+  ...props
+}) =>
+React__default.createElement(StyledMessageIcon, Object.assign({
+  "aria-hidden": false,
+  role: "img"
+}, props), validation ? {
+  error: React__default.createElement(SvgAlertErrorStroke, null),
+  success: React__default.createElement(SvgCheckCircleStroke, null),
+  warning: React__default.createElement(SvgAlertWarningStroke, null)
+}[validation] : children);
 MessageIcon.displayName = 'Field.MessageIcon';
 MessageIcon.propTypes = {
   validation: PropTypes.oneOf(VALIDATION)

package/dist/esm/elements/faux-input/FauxInput.js

@@ -55,21 +55,20 @@ import '../../styled/tiles/StyledTileLabel.js';
 import { StartIcon } from './components/StartIcon.js';
 import { EndIcon } from './components/EndIcon.js';
 
-const FauxInputComponent = forwardRef((_ref, ref) => {
-  let {
-    disabled,
-    focusInset,
-    isBare,
-    isCompact,
-    isFocused: controlledIsFocused,
-    isHovered,
-    onBlur,
-    onFocus,
-    readOnly,
-    validation,
-    mediaLayout,
-    ...other
-  } = _ref;
+const FauxInputComponent = forwardRef(({
+  disabled,
+  focusInset,
+  isBare,
+  isCompact,
+  isFocused: controlledIsFocused,
+  isHovered,
+  onBlur,
+  onFocus,
+  readOnly,
+  validation,
+  mediaLayout,
+  ...other
+}, ref) => {
   const [isFocused, setIsFocused] = useState(false);
   const onFocusHandler = composeEventHandlers(onFocus, () => {
     setIsFocused(true);

package/dist/esm/elements/faux-input/components/EndIcon.js

@@ -50,22 +50,19 @@ import '../../../styled/tiles/StyledTileIcon.js';
 import '../../../styled/tiles/StyledTileInput.js';
 import '../../../styled/tiles/StyledTileLabel.js';
 
-const EndIconComponent = _ref => {
-  let {
-    isDisabled,
-    isFocused,
-    isHovered,
-    isRotated,
-    ...props
-  } = _ref;
-  return React__default.createElement(StyledTextMediaFigure, Object.assign({
-    $position: "end",
-    $isDisabled: isDisabled,
-    $isFocused: isFocused,
-    $isHovered: isHovered,
-    $isRotated: isRotated
-  }, props));
-};
+const EndIconComponent = ({
+  isDisabled,
+  isFocused,
+  isHovered,
+  isRotated,
+  ...props
+}) => React__default.createElement(StyledTextMediaFigure, Object.assign({
+  $position: "end",
+  $isDisabled: isDisabled,
+  $isFocused: isFocused,
+  $isHovered: isHovered,
+  $isRotated: isRotated
+}, props));
 EndIconComponent.displayName = 'FauxInput.EndIcon';
 const EndIcon = EndIconComponent;
 

package/dist/esm/elements/faux-input/components/StartIcon.js

@@ -50,22 +50,19 @@ import '../../../styled/tiles/StyledTileIcon.js';
 import '../../../styled/tiles/StyledTileInput.js';
 import '../../../styled/tiles/StyledTileLabel.js';
 
-const StartIconComponent = _ref => {
-  let {
-    isDisabled,
-    isFocused,
-    isHovered,
-    isRotated,
-    ...props
-  } = _ref;
-  return React__default.createElement(StyledTextMediaFigure, Object.assign({
-    $position: "start",
-    $isDisabled: isDisabled,
-    $isFocused: isFocused,
-    $isHovered: isHovered,
-    $isRotated: isRotated
-  }, props));
-};
+const StartIconComponent = ({
+  isDisabled,
+  isFocused,
+  isHovered,
+  isRotated,
+  ...props
+}) => React__default.createElement(StyledTextMediaFigure, Object.assign({
+  $position: "start",
+  $isDisabled: isDisabled,
+  $isFocused: isFocused,
+  $isHovered: isHovered,
+  $isRotated: isRotated
+}, props));
 StartIconComponent.displayName = 'FauxInput.StartIcon';
 const StartIcon = StartIconComponent;
 

package/dist/esm/elements/file-list/FileList.js

@@ -51,14 +51,11 @@ import '../../styled/tiles/StyledTileIcon.js';
 import '../../styled/tiles/StyledTileInput.js';
 import '../../styled/tiles/StyledTileLabel.js';
 
-const FileListComponent = forwardRef((_ref, ref) => {
-  let {
-    ...props
-  } = _ref;
-  return React__default.createElement(StyledFileList, Object.assign({}, props, {
-    ref: ref
-  }));
-});
+const FileListComponent = forwardRef(({
+  ...props
+}, ref) => React__default.createElement(StyledFileList, Object.assign({}, props, {
+  ref: ref
+})));
 FileListComponent.displayName = 'FileList';
 const FileList = FileListComponent;
 FileList.Item = Item;

package/dist/esm/elements/file-list/components/File.js

@@ -6,7 +6,7 @@
 */
 import React__default, { forwardRef, useMemo, Children } from 'react';
 import PropTypes from 'prop-types';
-import { FILE_TYPE, FILE_VALIDATION } from '../../../types/index.js';
+import { FILE_VALIDATION, FILE_TYPE } from '../../../types/index.js';
 import { Close } from './Close.js';
 import { Delete } from './Delete.js';
 import '../../../styled/common/StyledField.js';
@@ -56,15 +56,14 @@ import '../../../styled/tiles/StyledTileLabel.js';
 import { FileContext } from '../../../utils/useFileContext.js';
 import { fileIconsCompact, fileIconsDefault } from '../utils.js';
 
-const FileComponent = forwardRef((_ref, ref) => {
-  let {
-    children,
-    type,
-    isCompact,
-    focusInset,
-    validation,
-    ...props
-  } = _ref;
+const FileComponent = forwardRef(({
+  children,
+  type,
+  isCompact,
+  focusInset,
+  validation,
+  ...props
+}, ref) => {
   const fileContextValue = useMemo(() => ({
     isCompact
   }), [isCompact]);

package/dist/esm/elements/file-list/components/Item.js

@@ -50,14 +50,11 @@ import '../../../styled/tiles/StyledTileIcon.js';
 import '../../../styled/tiles/StyledTileInput.js';
 import '../../../styled/tiles/StyledTileLabel.js';
 
-const ItemComponent = forwardRef((_ref, ref) => {
-  let {
-    ...props
-  } = _ref;
-  return React__default.createElement(StyledFileListItem, Object.assign({}, props, {
-    ref: ref
-  }));
-});
+const ItemComponent = forwardRef(({
+  ...props
+}, ref) => React__default.createElement(StyledFileListItem, Object.assign({}, props, {
+  ref: ref
+})));
 ItemComponent.displayName = 'FileList.Item';
 const Item = ItemComponent;
 

package/dist/esm/elements/input-group/InputGroup.js

@@ -52,11 +52,10 @@ import '../../styled/tiles/StyledTileIcon.js';
 import '../../styled/tiles/StyledTileInput.js';
 import '../../styled/tiles/StyledTileLabel.js';
 
-const InputGroup = React__default.forwardRef((_ref, ref) => {
-  let {
-    isCompact,
-    ...other
-  } = _ref;
+const InputGroup = React__default.forwardRef(({
+  isCompact,
+  ...other
+}, ref) => {
   const contextValue = useMemo(() => ({
     isCompact
   }), [isCompact]);

package/dist/esm/elements/tiles/Tiles.js

@@ -13,19 +13,15 @@ import { Description } from './components/Description.js';
 import { Icon } from './components/Icon.js';
 import { Label } from './components/Label.js';
 
-const TilesComponent = forwardRef((_ref, ref) => {
-  let {
-    onChange,
-    value: controlledValue,
-    name,
-    isCentered = true,
-    ...props
-  } = _ref;
+const TilesComponent = forwardRef(({
+  onChange,
+  value: controlledValue,
+  name,
+  isCentered = true,
+  ...props
+}, ref) => {
   const [value, setValue] = useState(controlledValue);
-  const handleOnChange = useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+  const handleOnChange = useCallback((...args) => {
     setValue(args[0].target.value);
     if (onChange) {
       onChange(...args);

package/dist/esm/elements/tiles/components/Tile.js

@@ -52,13 +52,12 @@ import '../../../styled/tiles/StyledTileIcon.js';
 import { StyledTileInput } from '../../../styled/tiles/StyledTileInput.js';
 import '../../../styled/tiles/StyledTileLabel.js';
 
-const TileComponent = React__default.forwardRef((_ref, ref) => {
-  let {
-    children,
-    value,
-    disabled,
-    ...props
-  } = _ref;
+const TileComponent = React__default.forwardRef(({
+  children,
+  value,
+  disabled,
+  ...props
+}, ref) => {
   const tilesContext = useTilesContext();
   const inputRef = useRef(null);
   let inputProps;

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-circle-stroke.svg.js

@@ -7,9 +7,9 @@
 import * as React from 'react';
 
 var _g;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/check-sm-fill.svg.js

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _path$n;
+function _extends$s() { return _extends$s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$s.apply(null, arguments); }
 var SvgCheckSmFill = function SvgCheckSmFill(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     focusable: "false",
     viewBox: "0 0 12 12",
     "aria-hidden": "true"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
     fill: "none",
     stroke: "currentColor",
     strokeLinecap: "round",

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _circle;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgCircleSmFill = function SvgCircleSmFill(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+var _circle$5;
+function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
+var SvgCircleSmFill$1 = function SvgCircleSmFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     focusable: "false",
     viewBox: "0 0 12 12",
     "aria-hidden": "true"
-  }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+  }, props), _circle$5 || (_circle$5 = /*#__PURE__*/React.createElement("circle", {
     cx: 6,
     cy: 6,
     r: 2,
@@ -24,4 +24,4 @@ var SvgCircleSmFill = function SvgCircleSmFill(props) {
   })));
 };
 
-export { SvgCircleSmFill as default };
+export { SvgCircleSmFill$1 as default };