@elliemae/ds-form 2.0.0-alpha.4 → 2.0.0-alpha.8

package/cjs/RadioGroup/DSRadioGroup.js

@@ -25,12 +25,12 @@ var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const emClassPrefix = 'em-ds';
 const baseClass = `${emClassPrefix}-radio-group`;
 
-const RadioItem = props => /*#__PURE__*/_jsx__default['default'](GroupItem__default['default'], {
-  render: context => /*#__PURE__*/jsxRuntime.jsx(DSRadio['default'], _objectSpread(_objectSpread({}, props), {}, {
+const RadioItem = props => /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
+  render: context => /*#__PURE__*/jsxRuntime.jsx(DSRadio["default"], _objectSpread(_objectSpread({}, props), {}, {
     checked: context.activeValue === props.value,
     disabled: context.disabled || props.disabled,
     onChange: context.onChange
@@ -48,7 +48,7 @@ const DSRadioGroup = ({
   labelProps
 }) => {
   const checkRefs = [];
-  const count = React__default['default'].Children.count(children);
+  const count = React__default["default"].Children.count(children);
 
   const onKeyDown = (e, index) => {
     if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
@@ -60,7 +60,7 @@ const DSRadioGroup = ({
     }
   };
 
-  const group = /*#__PURE__*/_jsx__default['default'](Group__default['default'], {
+  const group = /*#__PURE__*/_jsx__default["default"](Group__default["default"], {
     activeValue: activeValue,
     disabled: disabled,
     onChange: onChange
@@ -69,7 +69,7 @@ const DSRadioGroup = ({
   }, labelProps && labelProps.labelText ? {} : containerProps), {}, {
     className: `${baseClass} ${baseClass}--${orientation}`,
     role: "group",
-    children: React__default['default'].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(RadioItem, _objectSpread(_objectSpread({}, child.props), {}, {
+    children: React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/jsxRuntime.jsx(RadioItem, _objectSpread(_objectSpread({}, child.props), {}, {
       innerRef: t => {
         checkRefs.push(t);
       },
@@ -82,7 +82,7 @@ const DSRadioGroup = ({
       className: `${baseClass}-form-item-layout-wrapper`
     }, containerProps), {}, {
       role: "group",
-      children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout['default'], _objectSpread(_objectSpread({}, labelProps), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(DSFormItemLayout["default"], _objectSpread(_objectSpread({}, labelProps), {}, {
         inputComponent: group,
         onChange: onChange,
         truncateText: truncateText
@@ -98,4 +98,4 @@ const DSRadioGroupWithSchema = reactDesc.describe(DSRadioGroup);
 DSRadioGroupWithSchema.propTypes = props.props;
 
 exports.DSRadioGroupWithSchema = DSRadioGroupWithSchema;
-exports['default'] = DSRadioGroup;
+exports["default"] = DSRadioGroup;

package/cjs/RadioGroup/index.js

@@ -4,4 +4,4 @@ var DSRadioGroup = require('./DSRadioGroup.js');
 
 
 
-module.exports = DSRadioGroup['default'];
+module.exports = DSRadioGroup["default"];

package/cjs/RequiredMark/RequiredMark.js

@@ -19,12 +19,12 @@ const RequiredMark = ({
   if (!required && !optional) return null;
 
   if (required) {
-    return /*#__PURE__*/_jsx__default['default']("span", {
+    return /*#__PURE__*/_jsx__default["default"]("span", {
       className: `${cssClassName}`
     }, void 0, "\u25CF");
   }
 
-  return /*#__PURE__*/_jsx__default['default']("span", {
+  return /*#__PURE__*/_jsx__default["default"]("span", {
     className: `${cssClassName} optional-mark`
   }, void 0, "\u26AC");
 };

package/cjs/SearchBox/DSSearchBox.js

@@ -63,33 +63,36 @@ const DSSearchBox = ({
   const shouldShowClearIcon = clearable && (searchValue === null || searchValue === void 0 ? void 0 : searchValue.length) > 0;
   const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
   const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
-  const PureSearchboxIcon = React__default['default'].useMemo(() => {
-    let Icon = _Search || (_Search = /*#__PURE__*/_jsx__default['default'](SearchIcon__default['default'], {}));
+  const PureSearchboxIcon = React__default["default"].useMemo(() => {
+    let Icon = _Search || (_Search = /*#__PURE__*/_jsx__default["default"](SearchIcon__default["default"], {
+      "aria-label": "Search"
+    }));
 
     let handleOnClick = () => handleSearch(true);
 
     if (!shouldShowAnyIcon) return null;
 
     if (shouldShowClearIcon) {
-      Icon = /*#__PURE__*/_jsx__default['default'](CloseXsmall__default['default'], {
-        color: dsIcon.DSIconColors.PRIMARY
+      Icon = /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {
+        color: dsIcon.DSIconColors.PRIMARY,
+        "aria-label": "Clear input"
       });
       handleOnClick = handleClear;
     }
 
-    return /*#__PURE__*/_jsx__default['default'](SButton.SButton, {
+    return /*#__PURE__*/_jsx__default["default"](SButton.SButton, {
       disabled: disabled || disableButton,
       icon: Icon,
       onClick: handleOnClick,
       dataTestid: shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'
     });
   }, [shouldShowClearIcon, shouldShowSearchIcon, shouldShowAnyIcon, disabled, disableButton, handleSearch, handleClear]);
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       position: 'relative',
       zIndex: 0
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.SearchBoxTextBox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.SearchBoxTextBox, {
     className: className,
     containerProps: containerProps,
     disabled: disabled,
@@ -109,4 +112,4 @@ const SearchBoxWithSchema = reactDesc.describe(DSSearchBox);
 SearchBoxWithSchema.propTypes = props.searchBoxProps;
 
 exports.SearchBoxWithSchema = SearchBoxWithSchema;
-exports['default'] = DSSearchBox;
+exports["default"] = DSSearchBox;

package/cjs/SearchBox/NavSearchBox.js

@@ -27,16 +27,16 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 var _StyledVerticalSepara, _VerticalSeparator;
-const StyledResultTracker = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledResultTracker = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-sbwvud-0"
 })(["padding:0 8px;color:#a2a9b6;white-space:nowrap;word-spacing:2px;"]);
-const StyledVerticalSeparator = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledVerticalSeparator = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-sbwvud-1"
 })(["height:60%;border-right:1px solid #a2a9b6;"]);
-const StyledToolbarRightAddonsWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledToolbarRightAddonsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-sbwvud-2"
 })(["display:flex;align-items:center;justify-content:flex-end;"]);
-const NavBtn = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const NavBtn = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-sbwvud-3"
 })(["height:calc(100% - 2px);border:none;border-radius:", ";"], ({
   last
@@ -52,41 +52,41 @@ const RightButtonsGroup = props => {
   } = props;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!hideNavs && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/_jsx__default['default'](NavBtn, {
+      children: [/*#__PURE__*/_jsx__default["default"](NavBtn, {
         buttonType: "text",
         containerProps: {
           'data-testid': 'ds-navsearchbox-next'
         },
-        icon: /*#__PURE__*/_jsx__default['default'](ChevronDown__default['default'], {
+        icon: /*#__PURE__*/_jsx__default["default"](ChevronDown__default["default"], {
           color: ['brand-primary', '800']
         }),
         onClick: onNext
-      }), /*#__PURE__*/_jsx__default['default'](NavBtn, {
+      }), /*#__PURE__*/_jsx__default["default"](NavBtn, {
         buttonType: "text",
         containerProps: {
           'data-testid': 'ds-navsearchbox-prev'
         },
-        icon: /*#__PURE__*/_jsx__default['default'](ChevronUp__default['default'], {
+        icon: /*#__PURE__*/_jsx__default["default"](ChevronUp__default["default"], {
           color: ['brand-primary', '800']
         }),
         onClick: onPrevious
       })]
-    }), showClear ? /*#__PURE__*/_jsx__default['default'](NavBtn, {
+    }), showClear ? /*#__PURE__*/_jsx__default["default"](NavBtn, {
       containerProps: {
         'data-testid': 'ds-navsearchbox-clear'
       },
       buttonType: "text",
-      icon: /*#__PURE__*/_jsx__default['default'](CloseXsmall__default['default'], {
+      icon: /*#__PURE__*/_jsx__default["default"](CloseXsmall__default["default"], {
         color: ['brand-primary', '800']
       }),
       onClick: onClear,
       last: true
-    }) : /*#__PURE__*/_jsx__default['default'](NavBtn, {
+    }) : /*#__PURE__*/_jsx__default["default"](NavBtn, {
       containerProps: {
         'data-testid': 'ds-navsearchbox-clear'
       },
       buttonType: "text",
-      icon: /*#__PURE__*/_jsx__default['default'](SearchIcon__default['default'], {
+      icon: /*#__PURE__*/_jsx__default["default"](SearchIcon__default["default"], {
         color: ['brand-primary', '800']
       }),
       last: true
@@ -100,11 +100,11 @@ const ResultTracker = props => {
     totalResults
   } = props;
   if (currentResultIndex === -1 && !totalResults) return null;
-  if (currentResultIndex === -1 && totalResults) return /*#__PURE__*/_jsx__default['default'](StyledResultTracker, {}, void 0, totalResults);
-  return /*#__PURE__*/_jsx__default['default'](StyledResultTracker, {}, void 0, `${currentResultIndex + 1} / ${totalResults}`);
+  if (currentResultIndex === -1 && totalResults) return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, totalResults);
+  return /*#__PURE__*/_jsx__default["default"](StyledResultTracker, {}, void 0, `${currentResultIndex + 1} / ${totalResults}`);
 };
 
-const VerticalSeparator = () => _StyledVerticalSepara || (_StyledVerticalSepara = /*#__PURE__*/_jsx__default['default'](StyledVerticalSeparator, {}));
+const VerticalSeparator = () => _StyledVerticalSepara || (_StyledVerticalSepara = /*#__PURE__*/_jsx__default["default"](StyledVerticalSeparator, {}));
 
 const ToolbarRightAddons = props => {
   const {
@@ -115,10 +115,10 @@ const ToolbarRightAddons = props => {
     totalResults,
     showClear
   } = props;
-  return /*#__PURE__*/_jsx__default['default'](StyledToolbarRightAddonsWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](ResultTracker, {
+  return /*#__PURE__*/_jsx__default["default"](StyledToolbarRightAddonsWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](ResultTracker, {
     currentResultIndex: currentResultIndex,
     totalResults: totalResults
-  }), currentResultIndex !== -1 || totalResults ? _VerticalSeparator || (_VerticalSeparator = /*#__PURE__*/_jsx__default['default'](VerticalSeparator, {})) : null, /*#__PURE__*/_jsx__default['default'](RightButtonsGroup, {
+  }), currentResultIndex !== -1 || totalResults ? _VerticalSeparator || (_VerticalSeparator = /*#__PURE__*/_jsx__default["default"](VerticalSeparator, {})) : null, /*#__PURE__*/_jsx__default["default"](RightButtonsGroup, {
     onNext: onNext,
     hideNavs: currentResultIndex === -1 && !totalResults,
     onPrevious: onPrevious,
@@ -159,7 +159,7 @@ const NavSearchBox = props => {
     }
   };
 
-  return /*#__PURE__*/_jsx__default['default'](DSTextBox['default'], {
+  return /*#__PURE__*/_jsx__default["default"](DSTextBox["default"], {
     onChange: handleChange,
     containerProps: {
       'data-testid': 'ds-nav-searchbox-input'
@@ -168,7 +168,7 @@ const NavSearchBox = props => {
     onKeyDown: handleKeyDown,
     placeholder: placeholder,
     value: value,
-    rightComponent: /*#__PURE__*/_jsx__default['default'](ToolbarRightAddons, {
+    rightComponent: /*#__PURE__*/_jsx__default["default"](ToolbarRightAddons, {
       showClear: !!value,
       onNext: onNext,
       onPrevious: onPrevious,

package/cjs/SearchBox/SButton.js

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Button = /*#__PURE__*/styled__default['default'].button.withConfig({
+const Button = /*#__PURE__*/styled__default["default"].button.withConfig({
   componentId: "sc-15udc15-0"
 })(["all:unset;position:absolute;height:calc(100% - 2px);width:28px;top:1px;right:1px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;z-index:1;svg{fill:", ";}&:disabled{color:#5d6775;cursor:not-allowed;svg{fill:#5d6775;}}&:focus{", "}"], props => props.theme.colors.brand['600'], dsSystem.focus());
 
@@ -21,7 +21,7 @@ const SButton = ({
   disabled,
   onClick,
   dataTestid = "ds-searchbox-button"
-}) => /*#__PURE__*/_jsx__default['default'](Button, {
+}) => /*#__PURE__*/_jsx__default["default"](Button, {
   "data-testid": dataTestid,
   onClick: onClick,
   disabled: disabled,

package/cjs/SearchBox/SearchBoxToggle.js

@@ -25,9 +25,9 @@ const _excluded = ["onSearchButtonClick", "width"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const SEARCH_BUTTON_WIDTH = 26;
-const SearchWrap = /*#__PURE__*/styled__default['default'].div.withConfig({
+const SearchWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-xt33wm-0"
 })(["transition:width 200ms ease;width:", "px;height:0;", " ", ""], SEARCH_BUTTON_WIDTH, props => !props.show ? `
         opacity:0;
@@ -44,28 +44,28 @@ const SearchBoxToggle = _ref => {
     onSearchButtonClick,
     width
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const [isOpen, setOpen] = React.useState(false);
   const [show, setShow] = React.useState(true);
   const computedWidth = typeof width === 'number' ? `${width}px` : width;
 
-  const button = /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+  const button = /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     onClick: () => {
       setOpen(true);
     },
     buttonType: "text",
-    icon: _SearchIcon || (_SearchIcon = /*#__PURE__*/_jsx__default['default'](SearchIcon__default['default'], {}))
+    icon: _SearchIcon || (_SearchIcon = /*#__PURE__*/_jsx__default["default"](SearchIcon__default["default"], {}))
   });
 
-  return /*#__PURE__*/_jsx__default['default']("div", {}, void 0, show && !isOpen && button, /*#__PURE__*/_jsx__default['default'](SearchWrap, {
+  return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, show && !isOpen && button, /*#__PURE__*/_jsx__default["default"](SearchWrap, {
     show: !show || isOpen,
     isOpen: isOpen,
     width: computedWidth,
     onTransitionEnd: () => {
       setShow(!isOpen);
     }
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DSSearchBox['default'], _objectSpread(_objectSpread({}, rest), {}, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DSSearchBox["default"], _objectSpread(_objectSpread({}, rest), {}, {
     onSearchButtonClick: () => {
       onSearchButtonClick();
       setOpen(false);

package/cjs/SearchBox/index.js

@@ -10,6 +10,6 @@ var NavSearchBox = require('./NavSearchBox.js');
 
 exports.SearchBoxToggle = SearchBoxToggle;
 exports.SearchBoxWithSchema = DSSearchBox.SearchBoxWithSchema;
-exports.default = DSSearchBox['default'];
+exports["default"] = DSSearchBox["default"];
 exports.DSNavSearchBox = NavSearchBox.NavSearchBox;
 exports.DSNavSearchBoxWithSchema = NavSearchBox.DSNavSearchBoxWithSchema;

package/cjs/SearchBox/styled.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const SearchBoxTextBox = /*#__PURE__*/styled__default['default'](DSTextBox['default']).withConfig({
+const SearchBoxTextBox = /*#__PURE__*/styled__default["default"](DSTextBox["default"]).withConfig({
   componentId: "sc-44ofm-0"
 })(["padding-right:33px;"]);
 

package/cjs/SearchBox/withSearchable.js

@@ -16,14 +16,14 @@ const _excluded = ["containerProps"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const withSearchable = WrappedComponent => {
   class Searchable extends React.Component {
     constructor(props) {
       super(props);
 
-      _defineProperty__default['default'](this, "debouncedSearch", utils.debounce(this.handleSearch, 200));
+      _defineProperty__default["default"](this, "debouncedSearch", utils.debounce(this.handleSearch, 200));
 
       this.state = {
         value: props.value
@@ -31,7 +31,7 @@ const withSearchable = WrappedComponent => {
       this.handleSearch = this.handleSearch.bind(this);
       this.handleKeyUp = this.handleKeyUp.bind(this);
       this.handleChange = this.handleChange.bind(this);
-      this.buttonRef = /*#__PURE__*/React__default['default'].createRef();
+      this.buttonRef = /*#__PURE__*/React__default["default"].createRef();
       this.handleChange = this.handleChange.bind(this);
       this.handleKeyUp = this.handleKeyUp.bind(this);
       this.handleSearch = this.handleSearch.bind(this);
@@ -116,7 +116,7 @@ const withSearchable = WrappedComponent => {
             {
         containerProps
       } = _this$props,
-            rest = _objectWithoutProperties__default['default'](_this$props, _excluded);
+            rest = _objectWithoutProperties__default["default"](_this$props, _excluded);
 
       return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread(_objectSpread({}, rest), {}, {
         buttonRef: this.buttonRef,

package/cjs/TextBox/DSTextBox.js

@@ -14,11 +14,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
-const _excluded = ["containerProps", "autoFocus", "disabled", "maxLength", "minLength", "fluidWidth", "placeholder", "value", "hasError", "readOnly", "innerRef", "type", "min", "max", "clearable", "leftComponent", "rightComponent", "required", "variant", "disableTooltip"];
+const _excluded = ["containerProps", "autoFocus", "disabled", "maxLength", "minLength", "fluidWidth", "placeholder", "value", "hasError", "readOnly", "innerRef", "type", "min", "max", "clearable", "leftComponent", "rightComponent", "required", "variant", "disableTooltip", "id"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const DSTextBox = _ref => {
   let {
@@ -41,12 +41,14 @@ const DSTextBox = _ref => {
     rightComponent = null,
     required = false,
     variant,
-    disableTooltip
+    disableTooltip,
+    id
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/jsxRuntime.jsx(DSInput['default'], _objectSpread(_objectSpread({}, otherProps), {}, {
-    "aria-label": otherProps['aria-label'] || 'Text Box',
+  return /*#__PURE__*/jsxRuntime.jsx(DSInput["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
+    "aria-label": !id ? otherProps['aria-label'] || 'Text Box' : undefined,
+    "aria-describedby": otherProps['aria-describedby'] || `${id}_feedback_message`,
     autoFocus: autoFocus,
     clearable: clearable,
     containerProps: containerProps,
@@ -67,7 +69,8 @@ const DSTextBox = _ref => {
     type: type,
     value: value,
     variant: variant,
-    disableTooltip: disableTooltip
+    disableTooltip: disableTooltip,
+    id: id
   }));
 };
 
@@ -169,4 +172,4 @@ const DSTextBoxWithSchema = reactDesc.describe(DSTextBox);
 DSTextBoxWithSchema.propTypes = props;
 
 exports.DSTextBoxWithSchema = DSTextBoxWithSchema;
-exports['default'] = DSTextBox;
+exports["default"] = DSTextBox;

package/cjs/TextBox/index.js

@@ -7,4 +7,4 @@ var DSTextBox = require('./DSTextBox.js');
 
 
 exports.DSTextBoxWithSchema = DSTextBox.DSTextBoxWithSchema;
-exports.default = DSTextBox['default'];
+exports["default"] = DSTextBox["default"];

package/cjs/TimeInput/DSTimeInput.js

@@ -21,7 +21,7 @@ const _excluded = ["onChange"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const DSTimeInput = ({
   containerProps = {},
@@ -34,7 +34,7 @@ const DSTimeInput = ({
   clearable = false,
   disabled = false,
   ariaLabel = 'Time input'
-}) => /*#__PURE__*/_jsx__default['default'](DSInput['default'], {
+}) => /*#__PURE__*/_jsx__default["default"](DSInput["default"], {
   className: className,
   clearable: clearable,
   containerProps: containerProps,
@@ -42,7 +42,7 @@ const DSTimeInput = ({
     let {
       onChange: inputOnChange
     } = _ref,
-        restInputProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+        restInputProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
     return /*#__PURE__*/jsxRuntime.jsx(TimeInputImpl, _objectSpread(_objectSpread({
       "aria-label": ariaLabel,
@@ -119,4 +119,4 @@ DSTimeInputWithSchema.propTypes = props;
 
 exports.TimeInputImpl = TimeInputImpl;
 exports.DSTimeInputWithSchema = DSTimeInputWithSchema;
-exports['default'] = DSTimeInput;
+exports["default"] = DSTimeInput;

package/cjs/TimeInput/TimeInputImpl.js

@@ -17,7 +17,7 @@ var memoize__default = /*#__PURE__*/_interopDefaultLegacy(memoize);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'input-time';
 const InputTimeContainer = dsClassnames.aggregatedClasses('div')(blockName);
 
@@ -31,7 +31,7 @@ const TimeInputImpl = ({
   clearable,
   'arial-label': ariaLabel
 }) => {
-  const getVisibleTimeInputs = memoize__default['default'](formatValue => timeUtils.getVisibleTimeByFormat(formatValue));
+  const getVisibleTimeInputs = memoize__default["default"](formatValue => timeUtils.getVisibleTimeByFormat(formatValue));
   let inputsContainer = React.useRef();
 
   const handleFocus = e => {
@@ -41,7 +41,7 @@ const TimeInputImpl = ({
   };
 
   const visibleInputs = React.useMemo(() => getVisibleTimeInputs(format));
-  return /*#__PURE__*/_jsx__default['default'](InputTimeContainer, {
+  return /*#__PURE__*/_jsx__default["default"](InputTimeContainer, {
     className: className,
     disabled: disabled,
     innerRef: innerRef,

package/cjs/TimeInput/TimeInputs.js

@@ -17,7 +17,7 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const blockName = 'input-times-group';
 const InputTimesGroup = dsClassnames.aggregatedClasses('div')(blockName);
 const TimeInput = dsClassnames.aggregatedClasses('input')(blockName, 'input');
@@ -30,7 +30,7 @@ const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', ({
 const TimeDivider = ({
   content = ':',
   value = ''
-}) => /*#__PURE__*/_jsx__default['default'](Divider, {
+}) => /*#__PURE__*/_jsx__default["default"](Divider, {
   value: !!value
 }, void 0, content);
 
@@ -58,7 +58,7 @@ const TimeInputs = ({
   const [hasInputBeenTriggered, setHasInputBeenTriggered] = React.useState(false);
   const [lastTypedNumber, setLastTypedNumber] = React.useState(null);
   React.useEffect(() => {
-    if (time && moment__default['default'](time).isValid()) {
+    if (time && moment__default["default"](time).isValid()) {
       const timeValues = utils.getTimeValuesFromTime(time, format, use12Hours);
       setMeridiem(timeValues.meridiem);
       setHours(timeValues.hours);
@@ -72,7 +72,7 @@ const TimeInputs = ({
     }
   }, [time, format, use12Hours]);
   React.useEffect(() => {
-    const selectedTime = time || moment__default['default']();
+    const selectedTime = time || moment__default["default"]();
 
     if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {
       if (showHours && hours) selectedTime.hours(hours);
@@ -252,7 +252,7 @@ const TimeInputs = ({
   };
 
   const handleOnBlur = event => {
-    const selectedTime = moment__default['default']();
+    const selectedTime = moment__default["default"]();
 
     if (clearable && !event.currentTarget.contains(event.relatedTarget)) {
       if (showHours && hours) selectedTime.hours(hours);
@@ -332,20 +332,20 @@ const TimeInputs = ({
     const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];
     /* eslint-disable indent */
 
-    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /*#__PURE__*/_jsx__default['default'](TimeDivider // eslint-disable-next-line react/no-array-index-key
+    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /*#__PURE__*/_jsx__default["default"](TimeDivider // eslint-disable-next-line react/no-array-index-key
     , {
       content: ":",
       value: input.props.value
     }, index) : null, input]) : acc, []);
     /* eslint-enable indent */
 
-    return [inputsWithDividers, /*#__PURE__*/React__default['default'].createElement('span', {
+    return [inputsWithDividers, /*#__PURE__*/React__default["default"].createElement('span', {
       key: 'span'
     }), // hack for next/prev focus
     renderMeridiemInput()];
   };
 
-  return /*#__PURE__*/_jsx__default['default'](InputTimesGroup, {
+  return /*#__PURE__*/_jsx__default["default"](InputTimesGroup, {
     onBlur: handleOnBlur,
     innerRef: innerRef
   }, void 0, renderTimeInputs());

package/cjs/TimeInput/index.js

@@ -8,5 +8,5 @@ var TimeInputImpl = require('./TimeInputImpl.js');
 
 
 exports.DSTimeInputWithSchema = DSTimeInput.DSTimeInputWithSchema;
-exports.default = DSTimeInput['default'];
+exports["default"] = DSTimeInput["default"];
 exports.TimeInputImpl = TimeInputImpl;

package/cjs/Toggle/DSToggle.js

@@ -19,7 +19,7 @@ const _excluded = ["containerProps", "hasError", "readOnly", "disabled", "checke
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const DSToggle = _ref => {
   let {
@@ -34,7 +34,7 @@ const DSToggle = _ref => {
     value,
     size
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(DSToggleImpl, _objectSpread(_objectSpread({}, otherProps), {}, {
     checked: checked,
@@ -119,4 +119,4 @@ const DSToggleWithSchema = reactDesc.describe(DSToggle);
 DSToggleWithSchema.propTypes = props;
 
 exports.DSToggleWithSchema = DSToggleWithSchema;
-exports['default'] = DSToggle;
+exports["default"] = DSToggle;