@elliemae/ds-form 3.0.0-next.2 → 3.0.0-next.6

package/esm/TimeInput/TimeInputImpl.js

@@ -1,60 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useRef, useMemo } from 'react';
-import { getVisibleTimeByFormat } from '@elliemae/ds-utilities';
-import memoize from 'memoize-one';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import TimeInputs from './TimeInputs.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'input-time';
-const InputTimeContainer = aggregatedClasses('div')(blockName);
-
-const TimeInputImpl = _ref => {
-  let {
-    format,
-    innerRef,
-    onChange,
-    className,
-    value,
-    disabled,
-    clearable,
-    'arial-label': ariaLabel
-  } = _ref;
-  const getVisibleTimeInputs = memoize(formatValue => getVisibleTimeByFormat(formatValue));
-  let inputsContainer = useRef();
-
-  const handleFocus = e => {
-    if (!e.target.type) {
-      inputsContainer.querySelector('input').focus();
-    }
-  };
-
-  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));
-  return /*#__PURE__*/_jsx(InputTimeContainer, {
-    className: className,
-    disabled: disabled,
-    innerRef: innerRef,
-    onClick: handleFocus
-  }, void 0, /*#__PURE__*/jsx(TimeInputs, _objectSpread({
-    "aria-label": ariaLabel,
-    clearable: clearable,
-    disabled: disabled,
-    format: format,
-    innerRef: node => {
-      inputsContainer = node;
-    },
-    onChange: onChange,
-    time: value
-  }, visibleInputs)));
-};
-
-export { TimeInputImpl as default };

package/esm/TimeInput/TimeInputs.js

@@ -1,363 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import React, { useState, useEffect, createElement } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import moment from 'moment';
-import { getTimeValuesFromTime, placeholderFormat, commonInputProps, formatMeridiem, setNativeValue, focusNextInput, focusPreviousInput, parseTimeNumberFromText, getValidTimeNumber, formatSeconds, formatMinutes, formatHour, shouldFocusNextInput, isArrowIncrementDecrement } from './utils.js';
-import { AM, PLACEHOLDER_TIME, ARROW_UP, ARROW_DOWN, PM, SHIFT, BACKSPACE, GENERAL_TIME_RANGE, END, HOME, ESCAPE, HOUR_RANGE_12, HOUR_RANGE_24 } from '@elliemae/ds-shared/constants';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'input-times-group';
-const InputTimesGroup = aggregatedClasses('div')(blockName);
-const TimeInput = aggregatedClasses('input')(blockName, 'input');
-const Divider = 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(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] = useState('');
-  const [hours, setHours] = useState('');
-  const [minutes, setMinutes] = useState('');
-  const [hasInputValue, setHasInputValue] = useState(false);
-  const [seconds, setSeconds] = useState('');
-  const [currentKey, setCurrentKey] = useState('');
-  const [hasInputBeenTriggered, setHasInputBeenTriggered] = useState(false);
-  const [lastTypedNumber, setLastTypedNumber] = useState(null);
-  useEffect(() => {
-    if (time && moment(time).isValid()) {
-      const timeValues = getTimeValuesFromTime(time, format, use12Hours);
-      setMeridiem(timeValues.meridiem);
-      setHours(timeValues.hours);
-      setMinutes(timeValues.minutes);
-      setSeconds(timeValues.seconds);
-    } else {
-      setMeridiem('');
-      setHours('');
-      setMinutes('');
-      setSeconds('');
-    }
-  }, [time, format, use12Hours]);
-  useEffect(() => {
-    const selectedTime = time || moment();
-
-    if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {
-      if (showHours && hours) selectedTime.hours(hours);
-      if (showMinutes && minutes) selectedTime.minutes(minutes);
-      if (showSeconds && seconds) selectedTime.seconds(seconds);
-
-      if (use12Hours && meridiem) {
-        const nextHours = meridiem.toLowerCase() === AM ? hours % 12 : hours % 12 + 12;
-        selectedTime.hour(nextHours);
-      }
-
-      onChange(selectedTime);
-      setHasInputBeenTriggered(false);
-    }
-  }, [hours, minutes, seconds, meridiem]);
-
-  const focusNextInputIfNeeded = (currentEl, max, number) => {
-    if (shouldFocusNextInput(max, number, currentEl.value) && !isArrowIncrementDecrement(currentKey) && !hasInputValue) {
-      focusNextInput(currentEl);
-    }
-  };
-
-  const getNextTimeValue = function (value) {
-    let incrementing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    const parsedValue = parseTimeNumberFromText(value);
-    return incrementing ? parsedValue + step : parsedValue - step;
-  };
-
-  const onInputFocus = e => {
-    e.preventDefault();
-    e.stopPropagation();
-    e.target.select();
-  };
-
-  const onClick = e => {
-    if (e.target.value) {
-      setHasInputValue(true);
-    }
-  }; // eslint-disable-next-line max-statements
-
-
-  const onKeyDown = (event, max) => {
-    const {
-      target
-    } = event;
-    const {
-      value
-    } = target;
-    setLastTypedNumber(event.key);
-
-    switch (event.key) {
-      case ARROW_UP:
-        {
-          event.preventDefault();
-          setCurrentKey(event.key);
-          const incrementedValue = getNextTimeValue(value);
-          setNativeValue(event.target, incrementedValue);
-          break;
-        }
-
-      case ARROW_DOWN:
-        {
-          event.preventDefault();
-          setCurrentKey(event.key);
-          const decrementedValue = getNextTimeValue(value, false);
-          setNativeValue(event.target, decrementedValue);
-          break;
-        }
-
-      case BACKSPACE:
-        {
-          event.preventDefault();
-
-          if (!value) {
-            focusPreviousInput(event.target);
-          } else {
-            setNativeValue(event.target, '');
-          }
-
-          break;
-        }
-
-      case ESCAPE:
-        {
-          event.preventDefault();
-          event.target.blur();
-          break;
-        }
-
-      case HOME:
-        {
-          event.preventDefault();
-          setNativeValue(event.target, String(max));
-          focusNextInput(event.target);
-          break;
-        }
-
-      case END:
-        {
-          event.preventDefault();
-          setNativeValue(event.target, '00');
-          focusNextInput(event.target);
-          break;
-        }
-
-      case SHIFT:
-        event.preventDefault();
-        setCurrentKey(event.key);
-        break;
-    }
-  };
-
-  const isTimeCompletelySet = () => {
-    let neededValues = [];
-    if (showHours) neededValues = [...neededValues, hours || null];
-    if (showMinutes) neededValues = [...neededValues, minutes || null];
-    if (showSeconds) neededValues = [...neededValues, seconds || null];
-    if (use12Hours) neededValues = [...neededValues, meridiem || null];
-    return !neededValues.some(value => !value);
-  };
-
-  const handleSecondsChange = e => {
-    const {
-      value
-    } = e.target;
-    const secondsHandled = parseTimeNumberFromText(value);
-    const nextSeconds = getValidTimeNumber(GENERAL_TIME_RANGE, secondsHandled, lastTypedNumber);
-    setSeconds(formatSeconds(format, nextSeconds));
-    setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);
-  };
-
-  const handleMinutesChange = e => {
-    const {
-      value
-    } = e.target;
-    const minutesHandled = parseTimeNumberFromText(value);
-    const nextMinutes = getValidTimeNumber(GENERAL_TIME_RANGE, minutesHandled, lastTypedNumber);
-    setMinutes(formatMinutes(format, nextMinutes));
-    setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);
-  };
-
-  const handleHoursChange = e => {
-    const {
-      value
-    } = e.target;
-    const hour = parseTimeNumberFromText(value);
-    const hoursRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;
-    const nextHour = getValidTimeNumber(hoursRange, hour, lastTypedNumber);
-    setHours(formatHour(format, nextHour));
-    setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, hoursRange.max, value);
-  };
-
-  const handleMeridiemKeyDown = e => {
-    if (e.key === ARROW_UP || e.key === 'a') {
-      setMeridiem(formatMeridiem(format, AM));
-    } else if (e.key === ARROW_DOWN || e.key === 'p') {
-      setMeridiem(formatMeridiem(format, PM));
-    } else if (e.key === SHIFT) {
-      setCurrentKey(e.key);
-    } else if (e.key === BACKSPACE) {
-      setMeridiem('');
-    }
-
-    setHasInputBeenTriggered(true);
-  };
-
-  const handleMeridiemBlur = e => {
-    const {
-      value
-    } = e.target;
-
-    if (value !== AM && value !== PM) {
-      setMeridiem('');
-    }
-  };
-
-  const handleOnBlur = event => {
-    const selectedTime = moment();
-
-    if (clearable && !event.currentTarget.contains(event.relatedTarget)) {
-      if (showHours && hours) selectedTime.hours(hours);
-      if (showMinutes && minutes) selectedTime.minutes(minutes);
-      if (showSeconds && seconds) selectedTime.seconds(seconds);
-
-      if (use12Hours && meridiem) {
-        const nextHours = meridiem.toLowerCase() === AM ? hours % 12 : hours % 12 + 12;
-        selectedTime.hour(nextHours);
-      }
-
-      onChange(selectedTime);
-    }
-  };
-
-  const renderSecondsInput = () => {
-    if (!showSeconds) return null;
-    return /*#__PURE__*/createElement(TimeInput, _objectSpread(_objectSpread({}, commonInputProps(e => onKeyDown(e, GENERAL_TIME_RANGE.max), onInputFocus, onClick)), {}, {
-      key: "seconds-input",
-      "data-testid": "ds-time-input__seconds",
-      "aria-label": ariaLabel || ariaLabel2 || 'Seconds Input',
-      disabled: disabled // eslint-disable-next-line no-return-assign
-      ,
-      innerRef: node => node,
-      onChange: handleSecondsChange,
-      placeholder: placeholderFormat(PLACEHOLDER_TIME.seconds, format),
-      value: seconds
-    }));
-  };
-
-  const renderMinutesInput = () => {
-    if (!showMinutes) return null;
-    return /*#__PURE__*/createElement(TimeInput, _objectSpread(_objectSpread({}, commonInputProps(e => onKeyDown(e, GENERAL_TIME_RANGE.max), onInputFocus, onClick)), {}, {
-      key: "minutes-input",
-      "data-testid": "ds-time-input__minutes",
-      "aria-label": ariaLabel || ariaLabel2 || 'Minutes Input',
-      disabled: disabled // eslint-disable-next-line no-return-assign
-      ,
-      innerRef: node => node,
-      onChange: handleMinutesChange,
-      placeholder: placeholderFormat(PLACEHOLDER_TIME.minutes, format),
-      value: minutes
-    }));
-  };
-
-  const renderHoursInput = () => {
-    if (!showHours) return null;
-    const hourFormatRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;
-    return /*#__PURE__*/createElement(TimeInput, _objectSpread(_objectSpread({}, commonInputProps(e => onKeyDown(e, hourFormatRange.max), onInputFocus, onClick)), {}, {
-      key: "hour-input",
-      "data-testid": "ds-time-input__hours",
-      "aria-label": ariaLabel || ariaLabel2 || 'Hours Input',
-      disabled: disabled // eslint-disable-next-line no-return-assign
-      ,
-      innerRef: node => node,
-      onChange: handleHoursChange,
-      placeholder: placeholderFormat(PLACEHOLDER_TIME.hour, format, use12Hours),
-      value: hours
-    }));
-  };
-
-  const renderMeridiemInput = () => {
-    if (!use12Hours) return null;
-    return /*#__PURE__*/createElement(TimeInput, _objectSpread(_objectSpread({}, commonInputProps), {}, {
-      key: "meridiem-input",
-      "data-testid": "ds-time-input__ampm",
-      "aria-label": ariaLabel || ariaLabel2 || 'Meridiem Input',
-      disabled: disabled,
-      onBlur: handleMeridiemBlur,
-      onKeyDown: handleMeridiemKeyDown,
-      placeholder: placeholderFormat(PLACEHOLDER_TIME.meridiem, format),
-      value: meridiem
-    }));
-  };
-
-  const renderTimeInputs = () => {
-    const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];
-    /* eslint-disable indent */
-
-    const inputsWithDividers = inputs.reduce((acc, input, index) => input ? acc.concat([index ? /*#__PURE__*/_jsx(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.createElement('span', {
-      key: 'span'
-    }), // hack for next/prev focus
-    renderMeridiemInput()];
-  };
-
-  return /*#__PURE__*/_jsx(InputTimesGroup, {
-    onBlur: handleOnBlur,
-    innerRef: innerRef
-  }, void 0, renderTimeInputs());
-};
-
-export { TimeInputs as default };

package/esm/TimeInput/index.js

@@ -1,2 +0,0 @@
-export { DSTimeInputWithSchema, default } from './DSTimeInput.js';
-export { default as TimeInputImpl } from './TimeInputImpl.js';

package/esm/TimeInput/utils.js

@@ -1,135 +0,0 @@
-import { parseInt, isNaN, addLeadingZeros } from '@elliemae/ds-utilities';
-import { ARROW_DOWN, ARROW_UP, SHIFT, PLACEHOLDER_TIME, PM, AM } from '@elliemae/ds-shared/constants';
-
-const isAM = time => time && time.hour() < 12;
-
-const isArrowIncrementDecrement = key => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;
-const setNativeValue = (element, value) => {
-  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;
-  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
-  const prototype = Object.getPrototypeOf(element);
-  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
-
-  if (valueSetter && valueSetter !== prototypeValueSetter) {
-    prototypeValueSetter.call(element, value);
-  } else {
-    valueSetter.call(element, value);
-  }
-
-  element.dispatchEvent(new Event('input', {
-    bubbles: true
-  }));
-};
-const placeholderFormat = (position, format, use12Hours) => {
-  if (position === PLACEHOLDER_TIME.hour) {
-    return _placeholderHour(format, use12Hours);
-  }
-
-  if (position === PLACEHOLDER_TIME.minutes) {
-    return format.indexOf('mm') > -1 ? 'mm' : 'm';
-  }
-
-  if (position === PLACEHOLDER_TIME.seconds) {
-    return format.indexOf('ss') > -1 ? 'ss' : 's';
-  }
-
-  if (position === PLACEHOLDER_TIME.meridiem) {
-    return format.indexOf('A') > -1 ? 'A' : 'a';
-  }
-};
-
-const _placeholderHour = (format, use12Hours) => {
-  if (use12Hours) {
-    return format.indexOf('hh') > -1 ? 'hh' : 'h';
-  }
-
-  return format.indexOf('HH') > -1 ? 'HH' : 'H';
-};
-
-const formatTimeNumber = (value, shouldAddLeadingZeros) => {
-  if (value === null || value === undefined) return '';
-  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);
-};
-
-const formatMinutes = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('mm') > -1;
-  return formatTimeNumber(value, shouldAddLeadingZeros);
-};
-const formatSeconds = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('ss') > -1;
-  return formatTimeNumber(value, shouldAddLeadingZeros);
-};
-const formatHour = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('HH') > -1 || format.indexOf('hh') > -1;
-  return formatTimeNumber(value, shouldAddLeadingZeros);
-};
-const formatMeridiem = (format, value) => format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();
-const parseTimeNumberFromText = stringValue => {
-  const parsedInt = parseInt(stringValue);
-  if (isNaN(parsedInt)) return null;
-  return parsedInt;
-};
-const focusNextInput = currentEl => {
-  const nextElement = currentEl.nextElementSibling;
-
-  if (nextElement && nextElement.nextElementSibling) {
-    nextElement.nextElementSibling.focus();
-  }
-};
-const focusPreviousInput = currentEl => {
-  const previousElement = currentEl.previousElementSibling;
-
-  if (previousElement && previousElement.previousElementSibling) {
-    previousElement.previousElementSibling.focus();
-  }
-};
-const getValidTimeNumber = (_ref, number, typed) => {
-  let {
-    min,
-    max
-  } = _ref;
-  if (number === undefined || number === null) return null;
-
-  if (number > max) {
-    if (isNaN(typed)) return parseInt(typed);
-    return max;
-  }
-
-  if (number < min) return min;
-  return number;
-};
-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;
-};
-const getTimeValuesFromTime = (time, format, use12Hours) => {
-  if (!time || !time.hour) return {};
-  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();
-  const minutes = time.minutes();
-  const seconds = time.seconds();
-  const meridiem = !isAM(time) ? PM : AM;
-  return {
-    hours: formatHour(format, hours),
-    minutes: formatMinutes(format, minutes),
-    seconds: formatSeconds(format, seconds),
-    meridiem
-  };
-};
-const resetTimeValues = () => ({
-  hours: '',
-  minutes: '',
-  seconds: '',
-  meridiem: AM
-});
-const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({
-  pattern: '[0-9]*',
-  type: 'text',
-  onKeyDown,
-  onClick,
-  onFocus: onInputFocus
-});
-
-export { commonInputProps, focusNextInput, focusPreviousInput, formatHour, formatMeridiem, formatMinutes, formatSeconds, getTimeValuesFromTime, getValidTimeNumber, isArrowIncrementDecrement, parseTimeNumberFromText, placeholderFormat, resetTimeValues, setNativeValue, shouldFocusNextInput };

package/esm/Toggle/DSToggle.js

@@ -1,117 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import DSToggleImpl from './DSToggleImpl.js';
-import { dsBasicSizes } from '@elliemae/ds-shared/prop-types';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "hasError", "readOnly", "disabled", "checked", "labelOn", "labelOff", "name", "value", "size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSToggle = _ref => {
-  let {
-    containerProps,
-    hasError,
-    readOnly,
-    disabled,
-    checked,
-    labelOn,
-    labelOff,
-    name,
-    value,
-    size
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(DSToggleImpl, _objectSpread(_objectSpread({}, otherProps), {}, {
-    checked: checked,
-    containerProps: containerProps,
-    disabled: disabled,
-    hasError: hasError,
-    labelOff: labelOff,
-    labelOn: labelOn,
-    name: name,
-    readOnly: readOnly,
-    size: size,
-    value: value
-  }));
-};
-
-DSToggle.defaultProps = {
-  labelOn: 'ON',
-  labelOff: 'OFF',
-  size: 's',
-  hasError: false,
-  readOnly: false,
-  disabled: false,
-  checked: undefined
-};
-const props = {
-  /**
-   * Set of Properties attached to the main container
-   */
-  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
-
-  /**
-   * Whether the toggle has error or not
-   */
-  hasError: PropTypes.bool.description('Whether the toggle has error or not'),
-
-  /**
-   * Whether the toggle is read only or not
-   */
-  readOnly: PropTypes.bool.description('Whether the toggle is read only or not'),
-
-  /**
-   * Whether the toggle is disabled or not
-   */
-  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),
-
-  /**
-   * Whether the toggle is checked or not
-   */
-  checked: PropTypes.bool.description('Whether the toggle is checked or not'),
-
-  /**
-   * Allows a function that is triggered once the toggle changes
-   */
-  onChange: PropTypes.func.description('Allows a function that is triggered once the toggle changes'),
-
-  /**
-   * Label to show when the toggle is ON
-   */
-  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),
-
-  /**
-   * Label to show when the toggle is OFF
-   */
-  labelOff: PropTypes.string.description('Label to show when the toggle is OFF'),
-
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes.string.description('Default value once the component is initialized'),
-
-  /**
-   * ['s', 'm', 'l']
-   */
-  size: PropTypes.oneOf(dsBasicSizes).description("['s', 'm', 'l']"),
-
-  /**
-   * Input name
-   */
-  name: PropTypes.string.description('Input name')
-};
-const DSToggleWithSchema = describe(DSToggle);
-DSToggleWithSchema.propTypes = props;
-
-export { DSToggleWithSchema, DSToggle as default };