@entur/form 5.1.4 → 5.2.2

package/dist/form.esm.js

@@ -1,7 +1,8 @@
 import { useRandomId, useOnMount, warnAboutMissingStyles } from '@entur/utils';
 import { Tooltip } from '@entur/tooltip';
 import classNames from 'classnames';
-import React__default, { useState, createElement, useContext, createContext } from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { ValidationExclamationIcon, ValidationErrorIcon, ValidationCheckIcon, QuestionIcon, TrainIcon, BusIcon, ScooterIcon, BicycleIcon, FerryIcon, TramIcon, PlaneIcon, SubwayIcon, CloseSmallIcon } from '@entur/icons';
 import { SubLabel, Paragraph, Label } from '@entur/typography';
 import { colors } from '@entur/tokens';
@@ -39,6 +40,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded$f = ["children", "hideIcon", "variant", "className"];
+
 var AlertIcon = function AlertIcon(_ref) {
   var variant = _ref.variant;
   var iconClass = "eds-feedback-text__icon eds-feedback-text__icon--" + variant;
@@ -73,9 +76,9 @@ var FeedbackText = function FeedbackText(_ref2) {
       hideIcon = _ref2$hideIcon === void 0 ? false : _ref2$hideIcon,
       variant = _ref2.variant,
       className = _ref2.className,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["children", "hideIcon", "variant", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
 
-  return React__default.createElement(SubLabel, Object.assign({
+  return React__default.createElement(SubLabel, _extends({
     className: classNames('eds-feedback-text', {
       'eds-feedback-text--info': variant === 'info'
     }, className)
@@ -86,7 +89,7 @@ var FeedbackText = function FeedbackText(_ref2) {
   }, children));
 };
 
-var InputGroupContext = /*#__PURE__*/createContext({
+var InputGroupContext = /*#__PURE__*/React.createContext({
   isFilled: false,
   setFilled: function setFilled() {
     return null;
@@ -95,11 +98,11 @@ var InputGroupContext = /*#__PURE__*/createContext({
 var InputGroupContextProvider = function InputGroupContextProvider(_ref) {
   var children = _ref.children;
 
-  var _React$useState = useState(false),
+  var _React$useState = React.useState(false),
       filled = _React$useState[0],
       setFilled = _React$useState[1];
 
-  return createElement(InputGroupContext.Provider, {
+  return React.createElement(InputGroupContext.Provider, {
     value: {
       isFilled: filled,
       setFilled: setFilled
@@ -107,22 +110,23 @@ var InputGroupContextProvider = function InputGroupContextProvider(_ref) {
   }, children);
 };
 var useInputGroupContext = function useInputGroupContext() {
-  return useContext(InputGroupContext);
+  return React.useContext(InputGroupContext);
 };
 
+var _excluded$e = ["label", "required", "labelId", "staticAnimation"];
 var InputGroupLabel = function InputGroupLabel(_ref) {
   var label = _ref.label,
       required = _ref.required,
       labelId = _ref.labelId,
       _ref$staticAnimation = _ref.staticAnimation,
       staticAnimation = _ref$staticAnimation === void 0 ? false : _ref$staticAnimation,
-      rest = _objectWithoutPropertiesLoose(_ref, ["label", "required", "labelId", "staticAnimation"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
   var _useInputGroupContext = useInputGroupContext(),
       isFilled = _useInputGroupContext.isFilled;
 
   var filler = staticAnimation || isFilled;
-  return React__default.createElement("label", Object.assign({
+  return React__default.createElement("label", _extends({
     className: classNames(rest.className, {
       'eds-input-group-label-wrapper--filled': filler
     }),
@@ -148,6 +152,7 @@ var useVariant = function useVariant() {
   return context;
 };
 
+var _excluded$d = ["children", "className", "dark", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation"];
 var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -172,11 +177,11 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       style = _ref.style,
       _ref$disableLabelAnim = _ref.disableLabelAnimation,
       disableLabelAnimation = _ref$disableLabelAnim === void 0 ? false : _ref$disableLabelAnim,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "dark", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   var contextVariant = useVariant();
   var currentVariant = variant || contextVariant;
-  return React__default.createElement(InputGroupContextProvider, null, React__default.createElement("div", Object.assign({
+  return React__default.createElement(InputGroupContextProvider, null, React__default.createElement("div", _extends({
     className: classNames('eds-form-control-wrapper', className, "eds-form-control-wrapper--size-" + size, {
       'eds-form-control-wrapper--success': currentVariant === 'success',
       'eds-form-control-wrapper--error': currentVariant === 'error',
@@ -189,7 +194,7 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     style: style
   }, rest), prepend && React__default.createElement("div", {
     className: "eds-form-control__prepend"
-  }, prepend), React__default.createElement(InputGroupLabel, Object.assign({
+  }, prepend), React__default.createElement(InputGroupLabel, _extends({
     label: label,
     required: required,
     labelId: labelId,
@@ -208,6 +213,7 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
   }, feedback));
 });
 
+var _excluded$c = ["checked", "className", "children", "style", "disabled", "reduceClickArea"];
 var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var checked = _ref.checked,
       className = _ref.className,
@@ -216,7 +222,7 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       reduceClickArea = _ref.reduceClickArea,
-      rest = _objectWithoutPropertiesLoose(_ref, ["checked", "className", "children", "style", "disabled", "reduceClickArea"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
   // Trick to allow using a ref locally, while still allowing for ref forwarding
   // Read more at https://reactjs.org/docs/hooks-reference.html#useimperativehandle
@@ -238,7 +244,7 @@ var Checkbox = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       'eds-checkbox__container--reduced-click-area': reduceClickArea
     }),
     style: style
-  }, React__default.createElement("input", Object.assign({
+  }, React__default.createElement("input", _extends({
     type: "checkbox",
     ref: innerRef,
     checked: isControlled ? checked === true : undefined,
@@ -278,13 +284,14 @@ var CheckboxIcon = function CheckboxIcon(_ref2) {
   }));
 };
 
+var _excluded$b = ["children", "className", "label"];
 var Fieldset = function Fieldset(_ref) {
   var children = _ref.children,
       className = _ref.className,
       label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "label"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
-  return React__default.createElement("fieldset", Object.assign({
+  return React__default.createElement("fieldset", _extends({
     className: classNames('eds-fieldset', className)
   }, rest), label && React__default.createElement(Label, {
     as: "legend",
@@ -304,12 +311,13 @@ var useRadioGroupContext = function useRadioGroupContext() {
   return context;
 };
 
+var _excluded$a = ["className", "children", "value", "disabled"];
 var Radio = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       value = _ref.value,
       disabled = _ref.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "value", "disabled"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   var classList = classNames(className, 'eds-form-component--radio__radio', {
     'eds-form-component--radio__radio--disabled': disabled
@@ -322,7 +330,7 @@ var Radio = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 
   return React__default.createElement("label", {
     className: "eds-form-component--radio__container"
-  }, React__default.createElement("input", Object.assign({
+  }, React__default.createElement("input", _extends({
     type: "radio",
     name: name,
     ref: ref,
@@ -341,13 +349,14 @@ var Radio = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, children));
 });
 
+var _excluded$9 = ["name", "value", "children", "onChange", "label"];
 var RadioGroup = function RadioGroup(_ref) {
   var name = _ref.name,
       value = _ref.value,
       children = _ref.children,
       onChange = _ref.onChange,
       label = _ref.label,
-      rest = _objectWithoutPropertiesLoose(_ref, ["name", "value", "children", "onChange", "label"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
   var contextValue = React__default.useMemo(function () {
     return {
@@ -358,11 +367,12 @@ var RadioGroup = function RadioGroup(_ref) {
   }, [name, value, onChange]);
   return React__default.createElement(RadioGroupContextProvider, {
     value: contextValue
-  }, label ? React__default.createElement(Fieldset, Object.assign({
+  }, label ? React__default.createElement(Fieldset, _extends({
     label: label
   }, rest), children) : children);
 };
 
+var _excluded$8 = ["className", "children", "value", "title", "secondaryLabel", "size", "hideCheckbox", "style", "id", "disabled"];
 var RadioPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
@@ -377,7 +387,7 @@ var RadioPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       id = _ref.id,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "value", "title", "secondaryLabel", "size", "hideCheckbox", "style", "id", "disabled"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
   var classList = classNames(className, 'eds-radio-panel__container', "eds-radio-panel--" + size, {
     'eds-radio-panel--disabled': disabled
@@ -393,7 +403,7 @@ var RadioPanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   return React__default.createElement("label", {
     className: "eds-radio-panel__wrapper",
     htmlFor: radioPanelId
-  }, React__default.createElement("input", Object.assign({
+  }, React__default.createElement("input", _extends({
     type: "radio",
     name: name,
     ref: ref,
@@ -431,54 +441,58 @@ var RadioPanelCheck = function RadioPanelCheck() {
   }));
 };
 
+var _excluded$7 = ["className", "children", "labelPlacement", "icon", "color", "contrastColor", "size"];
 var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
+      _ref$labelPlacement = _ref.labelPlacement,
+      labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
       icon = _ref.icon,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? colors.validation.mintContrast : _ref$color,
       contrastColor = _ref.contrastColor,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "icon", "color", "contrastColor", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
   var chosenContrastColor = contrastColor && contrastColor || color;
   return React__default.createElement("label", {
-    className: classNames('eds-switch', className),
+    className: classNames('eds-switch', "eds-switch--" + labelPlacement, className),
     style: _extends({}, rest.style)
-  }, React__default.createElement("input", Object.assign({
+  }, React__default.createElement("input", _extends({
     type: "checkbox",
     ref: ref
   }, rest)), React__default.createElement("span", {
-    className: classNames('eds-switch__switch', {
-      'eds-switch__switch--large': size === 'large'
-    }),
+    className: classNames('eds-switch__switch', "eds-switch__switch--" + size),
     style: {
       '--eds-switch-color': color,
       '--eds-switch-contrast-color': chosenContrastColor
     }
   }, React__default.createElement("span", {
     className: "eds-switch__circle"
-  }, icon && icon)), children && React__default.createElement(Paragraph, {
-    margin: "none",
-    as: "span"
+  }, icon && icon)), children && React__default.createElement("span", {
+    className: classNames('eds-switch__label', "eds-switch__label--" + size + "--" + labelPlacement)
   }, children));
 });
 
+var _excluded$6 = ["className", "children", "labelPlacement", "transport", "size"];
 var TravelSwitch = function TravelSwitch(_ref) {
   var className = _ref.className,
       children = _ref.children,
+      _ref$labelPlacement = _ref.labelPlacement,
+      labelPlacement = _ref$labelPlacement === void 0 ? 'right' : _ref$labelPlacement,
       transport = _ref.transport,
       size = _ref.size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "children", "transport", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
   var _modeCalc = modeCalc(transport),
       color = _modeCalc.color,
       contrast = _modeCalc.contrast,
       Icon = _modeCalc.Icon;
 
-  return React__default.createElement(Switch, Object.assign({
+  return React__default.createElement(Switch, _extends({
     className: className,
+    labelPlacement: labelPlacement,
     color: color,
     contrastColor: contrast,
     icon: React__default.createElement(Icon, null),
@@ -581,6 +595,8 @@ function isFilled(obj, SSR) {
   return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');
 }
 
+var _excluded$5 = ["variant", "disabled", "readOnly", "className", "style", "label", "feedback", "labelTooltip", "onChange", "disableLabelAnimation"],
+    _excluded2$1 = ["readOnly", "disabled", "onChange", "value"];
 var TextArea = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var variant = _ref.variant,
       _ref$disabled = _ref.disabled,
@@ -594,7 +610,7 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       labelTooltip = _ref.labelTooltip,
       onChange = _ref.onChange,
       disableLabelAnimation = _ref.disableLabelAnimation,
-      rest = _objectWithoutPropertiesLoose(_ref, ["variant", "disabled", "readOnly", "className", "style", "label", "feedback", "labelTooltip", "onChange", "disableLabelAnimation"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var textAreaId = useRandomId('eds-textarea');
   return React__default.createElement(BaseFormControl, {
@@ -611,7 +627,7 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       className: 'eds-textarea__label'
     },
     disableLabelAnimation: disableLabelAnimation
-  }, React__default.createElement(TextAreaBase, Object.assign({
+  }, React__default.createElement(TextAreaBase, _extends({
     readOnly: readOnly,
     disabled: disabled,
     ref: ref,
@@ -624,7 +640,7 @@ var TextAreaBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref)
       disabled = _ref2.disabled,
       onChange = _ref2.onChange,
       value = _ref2.value,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["readOnly", "disabled", "onChange", "value"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
 
   var _useInputGroupContext = useInputGroupContext(),
       isInputFilled = _useInputGroupContext.isFilled,
@@ -635,6 +651,11 @@ var TextAreaBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref)
       setFiller && !isInputFilled && setFiller(true);
     }
   });
+  React__default.useEffect(function () {
+    if (value && setFiller && !isInputFilled) {
+      setFiller(true);
+    }
+  }, [value, setFiller, isInputFilled]);
 
   var handleChange = function handleChange(event) {
     if (isFilled(event.target)) {
@@ -648,7 +669,7 @@ var TextAreaBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref)
     }
   };
 
-  return React__default.createElement("textarea", Object.assign({
+  return React__default.createElement("textarea", _extends({
     className: "eds-form-control eds-textarea",
     ref: ref,
     readOnly: readOnly,
@@ -658,6 +679,9 @@ var TextAreaBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref)
   }, rest));
 });
 
+var _excluded$4 = ["prepend", "append", "variant", "disabled", "readOnly", "className", "style", "size", "label", "required", "labelTooltip", "feedback", "onChange", "disableLabelAnimation", "labelProps", "clearable", "onClear", "value"],
+    _excluded2 = ["disabled", "readOnly", "placeholder", "onChange", "value", "variant"],
+    _excluded3 = ["onClear"];
 var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var prepend = _ref.prepend,
       append = _ref.append,
@@ -681,7 +705,7 @@ var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       clearable = _ref$clearable === void 0 ? false : _ref$clearable,
       onClear = _ref.onClear,
       value = _ref.value,
-      rest = _objectWithoutPropertiesLoose(_ref, ["prepend", "append", "variant", "disabled", "readOnly", "className", "style", "size", "label", "required", "labelTooltip", "feedback", "onChange", "disableLabelAnimation", "labelProps", "clearable", "onClear", "value"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
   var textFieldId = labelProps && labelProps.id ? labelProps.id : useRandomId('eds-textfield');
   return React__default.createElement(BaseFormControl, {
@@ -689,9 +713,8 @@ var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     readOnly: readOnly,
     variant: variant,
     prepend: prepend,
-    append: clearable ? React__default.createElement(ClearButton, {
-      onClear: onClear,
-      hasValue: value ? true : false
+    append: clearable && onClear ? React__default.createElement(ClearButton, {
+      onClear: onClear
     }) : append,
     className: className,
     style: style,
@@ -703,7 +726,7 @@ var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     feedback: feedback,
     disableLabelAnimation: disableLabelAnimation,
     labelProps: labelProps
-  }, React__default.createElement(TextFieldBase, Object.assign({
+  }, React__default.createElement(TextFieldBase, _extends({
     disabled: disabled,
     readOnly: readOnly,
     ref: ref,
@@ -719,7 +742,7 @@ var TextFieldBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, forw
       onChange = _ref2.onChange,
       value = _ref2.value,
       variant = _ref2.variant,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["disabled", "readOnly", "placeholder", "onChange", "value", "variant"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   var contextVariant = useVariant();
   var currentVariant = variant || contextVariant;
@@ -733,6 +756,11 @@ var TextFieldBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, forw
       setFiller && !isInputFilled && setFiller(true);
     }
   });
+  React__default.useEffect(function () {
+    if (value && setFiller && !isInputFilled) {
+      setFiller(true);
+    }
+  }, [value, setFiller, isInputFilled]);
 
   var handleChange = function handleChange(event) {
     if (isFilled(event.target)) {
@@ -746,7 +774,7 @@ var TextFieldBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, forw
     }
   };
 
-  return React__default.createElement("input", Object.assign({
+  return React__default.createElement("input", _extends({
     "aria-invalid": currentVariant === 'error',
     className: "eds-form-control",
     disabled: disabled,
@@ -760,21 +788,28 @@ var TextFieldBase = /*#__PURE__*/React__default.forwardRef(function (_ref2, forw
 
 var ClearButton = function ClearButton(_ref3) {
   var onClear = _ref3.onClear,
-      hasValue = _ref3.hasValue,
-      props = _objectWithoutPropertiesLoose(_ref3, ["onClear", "hasValue"]);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+
+  var _useInputGroupContext2 = useInputGroupContext(),
+      hasValue = _useInputGroupContext2.isFilled,
+      setFilled = _useInputGroupContext2.setFilled;
 
   return React__default.createElement("div", {
     className: "eds-textfield__clear-button-wrapper"
   }, hasValue && React__default.createElement("div", {
     className: "eds-textfield__divider"
-  }), hasValue && React__default.createElement("button", Object.assign({
+  }), hasValue && React__default.createElement("button", _extends({
     className: "eds-textfield__clear-button",
     type: "button",
     tabIndex: -1,
-    onClick: onClear
+    onClick: function onClick() {
+      setFilled(false);
+      onClear();
+    }
   }, props), React__default.createElement(CloseSmallIcon, null)));
 };
 
+var _excluded$3 = ["name", "onChange", "selectedValue", "multiple", "size"];
 var SegmentedContext = /*#__PURE__*/React__default.createContext(null);
 var SegmentedProvider = function SegmentedProvider(_ref) {
   var name = _ref.name,
@@ -783,7 +818,7 @@ var SegmentedProvider = function SegmentedProvider(_ref) {
       selectedValue = _ref.selectedValue,
       multiple = _ref.multiple,
       size = _ref.size,
-      rest = _objectWithoutPropertiesLoose(_ref, ["name", "onChange", "selectedValue", "multiple", "size"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var generatedName = useRandomId('eds-segmented-control');
   var contextValue = React__default.useMemo(function () {
@@ -795,7 +830,7 @@ var SegmentedProvider = function SegmentedProvider(_ref) {
       size: size
     };
   }, [generatedName, multiple, name, onChange, selectedValue, size]);
-  return React__default.createElement(SegmentedContext.Provider, Object.assign({
+  return React__default.createElement(SegmentedContext.Provider, _extends({
     value: contextValue
   }, rest));
 };
@@ -809,6 +844,7 @@ var useSegmentedContext = function useSegmentedContext() {
   return context;
 };
 
+var _excluded$2 = ["children", "className", "style", "value", "name", "onChange"];
 var SegmentedChoice = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -817,7 +853,7 @@ var SegmentedChoice = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       name = _ref.name,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "style", "value", "name", "onChange"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
   var _useSegmentedContext = useSegmentedContext(),
       commonName = _useSegmentedContext.name,
@@ -845,7 +881,7 @@ var SegmentedChoice = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       'eds-segmented-choide--large': size === 'large'
     }),
     style: style
-  }, React__default.createElement("input", Object.assign({
+  }, React__default.createElement("input", _extends({
     type: multiple ? 'checkbox' : 'radio',
     name: name || commonName,
     checked: isChecked,
@@ -859,6 +895,7 @@ var SegmentedChoice = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
   }, children));
 });
 
+var _excluded$1 = ["children", "label", "name", "onChange", "selectedValue", "size", "className"];
 var SegmentedControl = function SegmentedControl(_ref) {
   var children = _ref.children,
       label = _ref.label,
@@ -868,7 +905,7 @@ var SegmentedControl = function SegmentedControl(_ref) {
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "label", "name", "onChange", "selectedValue", "size", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   return React__default.createElement(SegmentedProvider, {
     name: name,
@@ -878,11 +915,12 @@ var SegmentedControl = function SegmentedControl(_ref) {
     size: size
   }, React__default.createElement(Label, {
     as: "div"
-  }, label), React__default.createElement("div", Object.assign({
+  }, label), React__default.createElement("div", _extends({
     className: classNames('eds-segmented-control', className)
   }, rest), children));
 };
 
+var _excluded = ["children", "label", "name", "onChange", "selectedValue"];
 /**This component is not used by anyone, and is therefore deprecated
  * @deprecated
  */
@@ -893,7 +931,7 @@ var MultipleSegmentedControl = function MultipleSegmentedControl(_ref) {
       name = _ref.name,
       onChange = _ref.onChange,
       selectedValue = _ref.selectedValue,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "label", "name", "onChange", "selectedValue"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return React__default.createElement(SegmentedProvider, {
     name: name,
@@ -903,7 +941,7 @@ var MultipleSegmentedControl = function MultipleSegmentedControl(_ref) {
     size: "medium"
   }, React__default.createElement(Label, {
     as: "div"
-  }, label), React__default.createElement("div", Object.assign({
+  }, label), React__default.createElement("div", _extends({
     className: "eds-segmented-control"
   }, rest), children));
 };