@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/TimeInput/TimeInputImpl.js

@@ -1,9 +1,14 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var memoize = require('memoize-one');
 var dsClassnames = require('@elliemae/ds-classnames');
 var TimeInputs = require('./TimeInputs.js');
@@ -17,21 +22,22 @@ 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);
 
-const TimeInputImpl = ({
-  format,
-  innerRef,
-  onChange,
-  className,
-  value,
-  disabled,
-  clearable,
-  'arial-label': ariaLabel
-}) => {
-  const getVisibleTimeInputs = memoize__default['default'](formatValue => timeUtils.getVisibleTimeByFormat(formatValue));
+const TimeInputImpl = _ref => {
+  let {
+    format,
+    innerRef,
+    onChange,
+    className,
+    value,
+    disabled,
+    clearable,
+    'arial-label': ariaLabel
+  } = _ref;
+  const getVisibleTimeInputs = memoize__default["default"](formatValue => dsUtilities.getVisibleTimeByFormat(formatValue));
   let inputsContainer = React.useRef();
 
   const handleFocus = e => {
@@ -41,7 +47,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

@@ -2,6 +2,16 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');
@@ -17,38 +27,45 @@ 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');
-const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', ({
-  value
-}) => ({
-  value
-})); // eslint-disable-next-line react/prop-types
-
-const TimeDivider = ({
-  content = ':',
-  value = ''
-}) => /*#__PURE__*/_jsx__default['default'](Divider, {
-  value: !!value
-}, void 0, content);
-
-const TimeInputs = ({
-  time,
-  format,
-  use12Hours,
-  step = 1,
-  showHours,
-  showMinutes,
-  showSeconds,
-  onChange,
-  disabled,
-  innerRef,
-  clearable,
-  'arial-label': ariaLabel,
-  'aria-label': ariaLabel2
-}) => {
+const Divider = dsClassnames.aggregatedClasses('span')(blockName, 'divider', _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
+  };
+}); // eslint-disable-next-line react/prop-types
+
+const TimeDivider = _ref2 => {
+  let {
+    content = ':',
+    value = ''
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](Divider, {
+    value: !!value
+  }, void 0, content);
+};
+
+const TimeInputs = _ref3 => {
+  let {
+    time,
+    format,
+    use12Hours,
+    step = 1,
+    showHours,
+    showMinutes,
+    showSeconds,
+    onChange,
+    disabled,
+    innerRef,
+    clearable,
+    'arial-label': ariaLabel,
+    'aria-label': ariaLabel2
+  } = _ref3;
   const [meridiem, setMeridiem] = React.useState('');
   const [hours, setHours] = React.useState('');
   const [minutes, setMinutes] = React.useState('');
@@ -58,7 +75,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 +89,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);
@@ -95,7 +112,8 @@ const TimeInputs = ({
     }
   };
 
-  const getNextTimeValue = (value, incrementing = true) => {
+  const getNextTimeValue = function (value) {
+    let incrementing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const parsedValue = utils.parseTimeNumberFromText(value);
     return incrementing ? parsedValue + step : parsedValue - step;
   };
@@ -252,7 +270,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 +350,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/TimeInput/utils.js

@@ -2,8 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var constants = require('@elliemae/ds-shared/constants');
 
 const isAM = time => time && time.hour() < 12;
@@ -53,7 +52,7 @@ const _placeholderHour = (format, use12Hours) => {
 
 const formatTimeNumber = (value, shouldAddLeadingZeros) => {
   if (value === null || value === undefined) return '';
-  return shouldAddLeadingZeros ? timeUtils.addLeadingZeros(2)(value) : String(value);
+  return shouldAddLeadingZeros ? dsUtilities.addLeadingZeros(2)(value) : String(value);
 };
 
 const formatMinutes = (format, value) => {
@@ -70,8 +69,8 @@ const formatHour = (format, value) => {
 };
 const formatMeridiem = (format, value) => format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();
 const parseTimeNumberFromText = stringValue => {
-  const parsedInt = utils.parseInt(stringValue);
-  if (utils.isNaN(parsedInt)) return null;
+  const parsedInt = dsUtilities.parseInt(stringValue);
+  if (dsUtilities.isNaN(parsedInt)) return null;
   return parsedInt;
 };
 const focusNextInput = currentEl => {
@@ -88,21 +87,24 @@ const focusPreviousInput = currentEl => {
     previousElement.previousElementSibling.focus();
   }
 };
-const getValidTimeNumber = ({
-  min,
-  max
-}, number, typed) => {
+const getValidTimeNumber = (_ref, number, typed) => {
+  let {
+    min,
+    max
+  } = _ref;
   if (number === undefined || number === null) return null;
 
   if (number > max) {
-    if (utils.isNaN(typed)) return utils.parseInt(typed);
+    if (dsUtilities.isNaN(typed)) return dsUtilities.parseInt(typed);
     return max;
   }
 
   if (number < min) return min;
   return number;
 };
-const shouldFocusNextInput = (max, number = 0, stringValue) => {
+const shouldFocusNextInput = function (max) {
+  let number = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let stringValue = arguments.length > 2 ? arguments[2] : undefined;
   const safeString = String(stringValue);
   const cleanString = safeString.startsWith('00') ? safeString.slice(1) : safeString;
   return number * 10 > max || String(max).length === cleanString.length;

package/cjs/Toggle/DSToggle.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
@@ -19,7 +24,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 +39,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 +124,4 @@ const DSToggleWithSchema = reactDesc.describe(DSToggle);
 DSToggleWithSchema.propTypes = props;
 
 exports.DSToggleWithSchema = DSToggleWithSchema;
-exports['default'] = DSToggle;
+exports["default"] = DSToggle;

package/cjs/Toggle/DSToggleImpl.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var toggleHelper = require('./toggleHelper.js');
@@ -13,13 +18,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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; }
 
 class DSToggleImpl extends React.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default['default'](this, "onDragStart", clientX => {
+    this.onDragStart = clientX => {
       const {
         startPoint,
         checked,
@@ -39,9 +44,9 @@ class DSToggleImpl extends React.Component {
         drag
       }); // else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position
       else this.setDragOnChange(checked); // set initial position
-    });
+    };
 
-    _defineProperty__default['default'](this, "onDragStop", e => {
+    this.onDragStop = e => {
       const {
         checked
       } = this.state; // const { checked: checkedProp, } = this.props
@@ -51,25 +56,25 @@ class DSToggleImpl extends React.Component {
         this.setState(toggleHelper.cleanDrag); // } else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position
       } else this.setDragOnChange(checked); // set initial position
 
-    });
+    };
 
-    _defineProperty__default['default'](this, "onBlur", e => {
+    this.onBlur = e => {
       const {
         onBlur,
         id
       } = this.props;
       if (onBlur) onBlur(e, id);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onFocus", e => {
+    this.onFocus = e => {
       const {
         onFocus,
         id
       } = this.props;
       if (onFocus) onFocus(e, id);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onChange", e => {
+    this.onChange = e => {
       const {
         checked
       } = this.state;
@@ -92,26 +97,26 @@ class DSToggleImpl extends React.Component {
       onChange(e, id); // this.setDragOnChange(checkedProp != null ? checkedProp : newCheck) // set new position
 
       this.setDragOnChange(newCheck); // set new position
-    });
+    };
 
-    _defineProperty__default['default'](this, "onMouseEnter", () => {
+    this.onMouseEnter = () => {
       this.setState({
         inside: true
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "onMouseLeave", () => {
+    this.onMouseLeave = () => {
       this.setState({
         inside: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "onMouseMove", event => {
+    this.onMouseMove = event => {
       event.preventDefault();
       this.onDragStart(event.clientX);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onMouseDown", event => {
+    this.onMouseDown = event => {
       this.onDragStart(event.clientX);
       this.setState({
         startPoint: event.clientX,
@@ -119,36 +124,36 @@ class DSToggleImpl extends React.Component {
       });
       window.addEventListener('mousemove', this.onMouseMove);
       window.addEventListener('mouseup', this.onMouseUp);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onMouseUp", event => {
+    this.onMouseUp = event => {
       this.onDragStop(event);
       window.removeEventListener('mousemove', this.onMouseMove);
       window.removeEventListener('mouseup', this.onMouseUp);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onTouchCancel", () => {
+    this.onTouchCancel = () => {
       this.setState({
         inside: false
       });
-    });
+    };
 
-    _defineProperty__default['default'](this, "onTouchEnd", event => {
+    this.onTouchEnd = event => {
       event.preventDefault();
       this.onDragStop(event);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onTouchMove", event => {
+    this.onTouchMove = event => {
       this.onDragStart(event.touches[0].clientX);
-    });
+    };
 
-    _defineProperty__default['default'](this, "onTouchStart", event => {
+    this.onTouchStart = event => {
       this.onDragStart(event.touches[0].clientX);
       this.setState({
         startPoint: event.touches[0].clientX,
         isDragging: true
       });
-    });
+    };
 
     this.state = {
       checked: props.checked || false,
@@ -161,8 +166,8 @@ class DSToggleImpl extends React.Component {
       circleWidth: null,
       boxWidth: null
     };
-    this.circle = /*#__PURE__*/React__default['default'].createRef();
-    this.box = /*#__PURE__*/React__default['default'].createRef();
+    this.circle = /*#__PURE__*/React__default["default"].createRef();
+    this.box = /*#__PURE__*/React__default["default"].createRef();
   }
 
   componentDidMount() {
@@ -263,7 +268,7 @@ class DSToggleImpl extends React.Component {
       hide
     } = this.state;
     const dragStyle = drag !== null || checked || this.props.checked ? {
-      left: `${drag}px`
+      left: "".concat(drag, "px")
     } : null;
     return /*#__PURE__*/jsxRuntime.jsx(DSToggleRender, _objectSpread(_objectSpread({}, this.props), {}, {
       defaultState: this.props.checked,

package/cjs/Toggle/DSToggleRender.js

@@ -1,9 +1,14 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var onClickHandlerForNonInteractiveElements = require('@elliemae/ds-utilities/onClickHandlerForNonInteractiveElements');
+var dsUtilities = require('@elliemae/ds-utilities');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSTooltip = require('@elliemae/ds-tooltip');
 var jsxRuntime = require('react/jsx-runtime');
@@ -12,43 +17,43 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var onClickHandlerForNonInteractiveElements__default = /*#__PURE__*/_interopDefaultLegacy(onClickHandlerForNonInteractiveElements);
 var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 
 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 DSToggleRender = ({
-  containerProps,
-  id,
-  className = '',
-  style = {},
-  hasError = false,
-  hide,
-  readOnly = false,
-  disabled = false,
-  checked = false,
-  onBlur = () => null,
-  onFocus = () => null,
-  onChange = () => null,
-  onMouseDown = () => null,
-  onMouseEnter = () => null,
-  onMouseLeave = () => null,
-  onTouchCancel = () => null,
-  onTouchEnd = () => null,
-  onTouchMove = () => null,
-  onTouchStart = () => null,
-  labelOn = 'ON',
-  labelOff = 'OFF',
-  dragStyle = {},
-  containerRef = null,
-  handRef = null,
-  name = '',
-  value = '',
-  size = 's',
-  defaultState
-}) => {
+const DSToggleRender = _ref => {
+  let {
+    containerProps,
+    id,
+    className = '',
+    style = {},
+    hasError = false,
+    hide,
+    readOnly = false,
+    disabled = false,
+    checked = false,
+    onBlur = () => null,
+    onFocus = () => null,
+    onChange = () => null,
+    onMouseDown = () => null,
+    onMouseEnter = () => null,
+    onMouseLeave = () => null,
+    onTouchCancel = () => null,
+    onTouchEnd = () => null,
+    onTouchMove = () => null,
+    onTouchStart = () => null,
+    labelOn = 'ON',
+    labelOff = 'OFF',
+    dragStyle = {},
+    containerRef = null,
+    handRef = null,
+    name = '',
+    value = '',
+    size = 's',
+    defaultState
+  } = _ref;
   const {
     cssClassName,
     classNameBlock,
@@ -62,14 +67,14 @@ const DSToggleRender = ({
     size
   });
   const allowChange = disabled || readOnly;
-  let label = checked ? /*#__PURE__*/_jsx__default['default']("div", {
+  let label = checked ? /*#__PURE__*/_jsx__default["default"]("div", {
     className: classNameElement('icon-on')
-  }, void 0, labelOn) : /*#__PURE__*/_jsx__default['default']("div", {
+  }, void 0, labelOn) : /*#__PURE__*/_jsx__default["default"]("div", {
     className: classNameElement('icon-off')
   }, void 0, labelOff);
 
   if (readOnly) {
-    label = /*#__PURE__*/_jsx__default['default'](DSTooltip__default['default'], {
+    label = /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
       interactionType: "hover",
       title: "Read Only",
       triggerComponent: label
@@ -82,22 +87,22 @@ const DSToggleRender = ({
     "aria-disabled": disabled,
     defaultChecked: checked,
     defaultValue: value
-  }, onClickHandlerForNonInteractiveElements__default['default'](allowChange ? null : onChange)), {}, {
+  }, dsUtilities.onClickHandlerForNonInteractiveElements(allowChange ? null : onChange)), {}, {
     ref: containerRef,
-    className: `${cssClassName} ${defaultState ? 'default-state-checked' : ''}${hide ? ' ds-form-element-toggle-hide' : ''}`,
+    className: "".concat(cssClassName, " ").concat(defaultState ? 'default-state-checked' : '').concat(hide ? ' ds-form-element-toggle-hide' : ''),
     onBlur: onBlur,
     onFocus: onFocus // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
     ,
     "aria-checked": checked,
     role: "checkbox",
     tabIndex: 0,
-    children: [/*#__PURE__*/_jsx__default['default']("div", {
+    children: [/*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameBlock('box')
     }, void 0, label), /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: handRef,
       "aria-checked": checked,
       "aria-disabled": disabled,
-      className: `${classNameElement('input')} ${defaultState ? 'default-state-checked' : ''}`,
+      className: "".concat(classNameElement('input'), " ").concat(defaultState ? 'default-state-checked' : ''),
       onMouseDown: allowChange ? null : onMouseDown,
       onMouseEnter: allowChange ? null : onMouseEnter,
       onMouseLeave: allowChange ? null : onMouseLeave,
@@ -106,7 +111,7 @@ const DSToggleRender = ({
       onTouchMove: allowChange ? null : onTouchMove,
       onTouchStart: allowChange ? null : onTouchStart,
       style: _objectSpread(_objectSpread({}, style), dragStyle)
-    }), /*#__PURE__*/_jsx__default['default']("input", {
+    }), /*#__PURE__*/_jsx__default["default"]("input", {
       className: classNameElement('hidden-checkbox'),
       defaultChecked: checked,
       defaultValue: value,

package/cjs/Toggle/index.js

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