@elliemae/ds-controlled-form 2.3.0-alpha.9 → 2.3.0-next.3

package/cjs/controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var dateHelpers = require('../dateHelpers.js');
+
+const useGetDayFromDateString = () => {
+  const {
+    dateStringFromProps
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return React.useMemo(() => dateHelpers.getDayFromDateString(dateStringFromProps), [dateStringFromProps]);
+};
+
+exports.useGetDayFromDateString = useGetDayFromDateString;

package/cjs/controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var stringHelpers = require('../stringHelpers.js');
+
+const useGetMonthYearFromDateStringOrEmptyStartingMonth = () => {
+  const {
+    dateStringFromProps,
+    props: {
+      emptyPickerStartingMonth
+    }
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return React.useMemo(() => {
+    const emptyPickerStartingMonthDefault = "".concat(new Date().getMonth() + 1, "/__/").concat(new Date().getFullYear());
+    const {
+      month: stringMonthVal,
+      year: stringYearVal
+    } = stringHelpers.deconstructValuesFromDateString(dateStringFromProps);
+    const {
+      month: emptyStringSplitMonth,
+      year: emptyStringSplitYear
+    } = stringHelpers.deconstructValuesFromDateString(emptyPickerStartingMonth || emptyPickerStartingMonthDefault);
+    const userEmptyStringMonth = Number.parseInt(emptyStringSplitMonth, 10);
+    const userEmptyStringYear = Number.parseInt(emptyStringSplitYear, 10);
+    const month = stringMonthVal === '' || stringMonthVal.length !== 2 ? userEmptyStringMonth - 1 : Number.parseInt(stringMonthVal, 10) - 1; // month is 0~11 in javascript Date...
+
+    const year = stringYearVal === '' ? userEmptyStringYear : Number.parseInt(stringYearVal, 10);
+    return {
+      year,
+      month
+    };
+  }, [dateStringFromProps, emptyPickerStartingMonth]);
+};
+
+exports.useGetMonthYearFromDateStringOrEmptyStartingMonth = useGetMonthYearFromDateStringOrEmptyStartingMonth;

package/cjs/controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var stringHelpers = require('../stringHelpers.js');
+var numberHelpers = require('../numberHelpers.js');
+var dateHelpers = require('../dateHelpers.js');
+var useGetDayFromDateString = require('./useGetDayFromDateString.js');
+
+/* eslint-disable max-statements */
+const empty = {
+  startFocusedYear: null,
+  startFocusedDay: null,
+  startFocusedMonth: null,
+  startFocusedDate: null
+};
+const useGetStartingFocusedDay = () => {
+  const {
+    props: {
+      onCalendarOpenFocusedDay
+    }
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const dayFromInputValues = useGetDayFromDateString.useGetDayFromDateString();
+  return React.useMemo(() => {
+    const {
+      month: inputValuesSplitMonth,
+      day: inputValuesSplitDay,
+      year: inputValuesDaySplitYear
+    } = dateHelpers.getDateValuesFromDate(dayFromInputValues);
+    let startFocusedMonth = null;
+    let startFocusedDay = null;
+    let startFocusedYear = null;
+    let startFocusedDate = null;
+    const isInputFilledAndValid = inputValuesSplitMonth && inputValuesSplitDay && inputValuesDaySplitYear && dateHelpers.isValidDayForTheMonth(inputValuesSplitMonth, inputValuesDaySplitYear, inputValuesSplitDay);
+    const isOnCalendarOpenFocusedDayEmpty = !onCalendarOpenFocusedDay;
+    const shouldFillWithOnCalendarOpenFocusedDay = !isInputFilledAndValid && !isOnCalendarOpenFocusedDayEmpty; // if input was filled start focus is the filled value (if it's valid day for the month)
+
+    if (isInputFilledAndValid) {
+      startFocusedMonth = inputValuesSplitMonth;
+      startFocusedDay = inputValuesSplitDay;
+      startFocusedYear = inputValuesDaySplitYear;
+      startFocusedDate = dayFromInputValues; // if input was not filled (or filled invalid) and there is no onCalendarOpenFocusedDay start focus is not a day
+    } // if input was not filled and there is onCalendarOpenFocusedDay start focus is onCalendarOpenFocusedDay day
+
+
+    if (!isInputFilledAndValid && isOnCalendarOpenFocusedDayEmpty) return empty;
+
+    if (shouldFillWithOnCalendarOpenFocusedDay) {
+      const {
+        month: focusedDaySplitMonth,
+        day: focusedDaySplitDay,
+        year: focusedDaySplitYear
+      } = stringHelpers.deconstructValuesFromDateString(onCalendarOpenFocusedDay);
+      const monthAsInt = numberHelpers.convertToPositiveNumberIfPossible(focusedDaySplitMonth);
+      const dayAsInt = numberHelpers.convertToPositiveNumberIfPossible(focusedDaySplitDay);
+      const yearAsInt = numberHelpers.convertToPositiveNumberIfPossible(focusedDaySplitYear); // if this condition is false, return will be the same as return empty
+      // because startFocusedMonth/Day/Year/Date will be === null
+      // which is the expected result
+
+      if (monthAsInt !== -1 && dayAsInt !== -1 && yearAsInt !== -1 && dateHelpers.isValidDayForTheMonth(monthAsInt - 1, yearAsInt, dayAsInt)) {
+        startFocusedMonth = monthAsInt;
+        startFocusedDay = dayAsInt;
+        startFocusedYear = yearAsInt;
+        startFocusedDate = new Date(yearAsInt, monthAsInt - 1, dayAsInt);
+      }
+    }
+
+    return {
+      startFocusedYear,
+      startFocusedDay,
+      startFocusedMonth,
+      startFocusedDate
+    };
+  }, [dayFromInputValues, onCalendarOpenFocusedDay]);
+};
+
+exports.useGetStartingFocusedDay = useGetStartingFocusedDay;

package/cjs/controlled-date-time-picker/utils/hooks/useOnClickOutside.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useOnClickOutside = (ref, handler) => {
+  React.useEffect(() => {
+    const listener = event => {
+      var _ref$contains;
+
+      // Do nothing if clicking ref's element or descendent elements
+      if (!ref || ref !== null && ref !== void 0 && (_ref$contains = ref.contains) !== null && _ref$contains !== void 0 && _ref$contains.call(ref, event.target)) {
+        return;
+      }
+
+      handler(event);
+    };
+
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
+    return () => {
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
+    };
+  }, [ref, handler]);
+};
+
+exports.useOnClickOutside = useOnClickOutside;

package/cjs/controlled-date-time-picker/utils/numberHelpers.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const convertToPositiveNumberIfPossible = numberString => {
+  const convertedNum = Number.parseInt(numberString, 10);
+  if (Number.isNaN(convertedNum)) return -1;
+  return convertedNum;
+};
+
+exports.convertToPositiveNumberIfPossible = convertToPositiveNumberIfPossible;

package/cjs/controlled-date-time-picker/utils/stringHelpers.js

@@ -0,0 +1,162 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.string.replace.js');
+var constants = require('./constants.js');
+var numberHelpers = require('./numberHelpers.js');
+
+/* eslint-disable max-lines */
+
+const prependStringWithPlaceHolders = function (val, finalLength) {
+  let placeholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+  if (val.length === finalLength) return val;
+  const stringAsAnArray = val.split('').reverse();
+  return new Array(finalLength).fill(placeholder).map((_c, i) => stringAsAnArray[i] ? stringAsAnArray[i] : placeholder).reverse().join('');
+};
+const fillStringWithPlaceHolders = function (val, finalLength) {
+  let placeholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '_';
+  if (val.length === finalLength) return val;
+  const stringAsAnArray = val.split('');
+  return new Array(finalLength).fill(placeholder).map((_c, i) => stringAsAnArray[i] ? stringAsAnArray[i] : placeholder).join('');
+};
+const getFormattedDateString = _ref => {
+  let {
+    month,
+    day,
+    year
+  } = _ref;
+  const finalMonth = fillStringWithPlaceHolders(month, 2);
+  const finalDay = fillStringWithPlaceHolders(day, 2);
+  const finalYear = fillStringWithPlaceHolders(year, 4);
+  return "".concat(finalMonth, "/").concat(finalDay, "/").concat(finalYear);
+};
+const dateTimeToDate = dateTime => {
+  var _dateTime$split, _dateTime$split$call;
+
+  return dateTime === null || dateTime === void 0 ? void 0 : (_dateTime$split = dateTime.split) === null || _dateTime$split === void 0 ? void 0 : (_dateTime$split$call = _dateTime$split.call(dateTime, ' ')) === null || _dateTime$split$call === void 0 ? void 0 : _dateTime$split$call[0];
+};
+const deconstructValuesFromDateString = dateString => {
+  const [dirtyMonth = '', dirtyDay = '', dirtyYear = ''] = dateString === null || dateString === void 0 ? void 0 : dateString.split('/');
+  const replaceAllRegexp = /_/g;
+  return {
+    month: (dirtyMonth || '').replace(replaceAllRegexp, ''),
+    day: (dirtyDay || '').replace(replaceAllRegexp, ''),
+    year: (dirtyYear || '').replace(replaceAllRegexp, '')
+  };
+};
+const deconstructValuesFromTimeString = timeString => {
+  const [dirtyHour = '', dirtyMintuesAndMeridiem = ''] = timeString === null || timeString === void 0 ? void 0 : timeString.split(':');
+  const [dirtyMinutes = '', dirtyMeridiem = ''] = dirtyMintuesAndMeridiem === null || dirtyMintuesAndMeridiem === void 0 ? void 0 : dirtyMintuesAndMeridiem.split(' ');
+  const replaceAllRegexp = /_/g;
+  return {
+    hours: (dirtyHour || '').replace(replaceAllRegexp, ''),
+    minutes: (dirtyMinutes || '').replace(replaceAllRegexp, ''),
+    meridiem: (dirtyMeridiem || '').replace(replaceAllRegexp, '')
+  };
+}; // https://regex101.com/r/U5r5lh/1/
+
+const dateRegExp = /^[0-9_][0-9_]\/[0-9_][0-9_]\/[0-9_]{4}$/;
+const isValidDateString = testString => {
+  if (testString === '') return true;
+  const isValidDateRegexp = dateRegExp.test(testString);
+  if (!isValidDateRegexp) return false;
+  const {
+    month,
+    day,
+    year
+  } = deconstructValuesFromDateString(testString);
+  if (Number.parseInt(month, 10) > 12 || Number.parseInt(day, 10) > 31 || Number.parseInt(year, 10) > 9999) return false;
+  return true;
+};
+const getFormattedTimeString = _ref2 => {
+  let {
+    hours,
+    minutes,
+    // seconds,
+    meridiem
+  } = _ref2;
+  const finalHour = fillStringWithPlaceHolders(hours, 2);
+  const finalMinutes = fillStringWithPlaceHolders(minutes, 2); // const finalSeconds = fillStringWithPlaceHolders(seconds, 2); // <-- seconds format
+
+  const finalMeridiem = fillStringWithPlaceHolders(meridiem, 2); // return `${finalHour}:${finalMinutes}:${finalSeconds} ${finalMeridiem}`;// <-- seconds format
+
+  return "".concat(finalHour, ":").concat(finalMinutes, " ").concat(finalMeridiem);
+};
+const dateTimeToTime = dateTime => {
+  var _dateTime$split2;
+
+  const [// eslint-disable-next-line @typescript-eslint/no-unused-vars
+  _date, // timeNumbers = '__:__:__', // <-- seconds format
+  timeNumbers = '__:__', timeMeridiem = '__'] = dateTime === null || dateTime === void 0 ? void 0 : (_dateTime$split2 = dateTime.split) === null || _dateTime$split2 === void 0 ? void 0 : _dateTime$split2.call(dateTime, ' ');
+  return "".concat(timeNumbers, " ").concat(timeMeridiem);
+};
+const deconstructTimeValues = timeString => {
+  var _timeString$split, _dirtyTimes$split;
+
+  const [dirtyTimes, dirtyMeridiem] = timeString === null || timeString === void 0 ? void 0 : (_timeString$split = timeString.split) === null || _timeString$split === void 0 ? void 0 : _timeString$split.call(timeString, ' '); // <--['__:__','__']
+
+  const [dirtyHours, dirtyMinutes] = (_dirtyTimes$split = dirtyTimes.split) === null || _dirtyTimes$split === void 0 ? void 0 : _dirtyTimes$split.call(dirtyTimes, ':'); // <--['__','__']
+
+  const regex = /_/g; // Note the 'g' flag, which matches all occurrences of the expression
+
+  const newValues = {
+    hours: (dirtyHours || '').replace(regex, ''),
+    minutes: (dirtyMinutes || '').replace(regex, ''),
+    // seconds: (dirtySeconds||"").replace(regex, ''),
+    meridiem: (dirtyMeridiem || '').replace(regex, '')
+  };
+  return newValues;
+}; // https://regex101.com/r/jeBmNT/1
+
+const timeRegExp = /^[0-9_][0-9_]:[0-9_][0-9_]\s[aApP_][mM_]$/;
+const isValidTimeString = testString => {
+  if (testString === '') return true;
+  const isValidTimeRegexp = timeRegExp.test(testString);
+  if (!isValidTimeRegexp) return false;
+  const {
+    hours,
+    minutes
+  } = deconstructTimeValues(testString);
+  if (Number.parseInt(hours, 10) > 12 || Number.parseInt(minutes, 10) > 60) return false;
+  return true;
+};
+const isIncompleteString = function (testString) {
+  let placeholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '_';
+  return testString === '' || testString.includes(placeholder);
+};
+const isEmptyDateStringMask = testString => testString === '__/__/____';
+const isEmptyTimeStringMask = testString => testString === '__:__ __';
+const isEmptyDateTimeStringMask = testString => testString === '__/__/____ __:__ __';
+const getAriaDayFromDateString = dateString => {
+  const {
+    month: monthString,
+    day: dayString,
+    year: yearString
+  } = deconstructValuesFromDateString(dateString);
+  const monthNum = numberHelpers.convertToPositiveNumberIfPossible(monthString);
+  const dayNum = numberHelpers.convertToPositiveNumberIfPossible(dayString);
+  const yearNum = numberHelpers.convertToPositiveNumberIfPossible(yearString);
+  if (monthNum === -1 || dayNum === -1 || yearNum === -1) return '';
+  return "".concat(constants.monthNames[monthNum - 1], " ").concat(constants.announcableCardinalDays[dayNum], " ").concat(yearNum);
+};
+
+exports.dateTimeToDate = dateTimeToDate;
+exports.dateTimeToTime = dateTimeToTime;
+exports.deconstructTimeValues = deconstructTimeValues;
+exports.deconstructValuesFromDateString = deconstructValuesFromDateString;
+exports.deconstructValuesFromTimeString = deconstructValuesFromTimeString;
+exports.fillStringWithPlaceHolders = fillStringWithPlaceHolders;
+exports.getAriaDayFromDateString = getAriaDayFromDateString;
+exports.getFormattedDateString = getFormattedDateString;
+exports.getFormattedTimeString = getFormattedTimeString;
+exports.isEmptyDateStringMask = isEmptyDateStringMask;
+exports.isEmptyDateTimeStringMask = isEmptyDateTimeStringMask;
+exports.isEmptyTimeStringMask = isEmptyTimeStringMask;
+exports.isIncompleteString = isIncompleteString;
+exports.isValidDateString = isValidDateString;
+exports.isValidTimeString = isValidTimeString;
+exports.prependStringWithPlaceHolders = prependStringWithPlaceHolders;

package/cjs/controlled-date-time-picker/utils/timeHelpers.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var stringHelpers = require('./stringHelpers.js');
+
+const getValidationTimeStringMetaInfo = function (timeString) {
+  let getIsDisabledTime = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : timeS => false;
+  const metaInfo = {};
+
+  if (!stringHelpers.isIncompleteString(timeString)) {
+    metaInfo.isDisabledTime = getIsDisabledTime(timeString);
+    if (metaInfo.isDisabledTime) metaInfo.suggestedErrorMsg = 'The selected time is not allowed';
+  }
+
+  return metaInfo;
+};
+
+exports.getValidationTimeStringMetaInfo = getValidationTimeStringMetaInfo;

package/cjs/controlled-toggle/ControlledToggle.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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.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 React = require('react');
+var uid = require('uid');
+var reactDesc = require('react-desc');
+var propTypes = require('./propTypes.js');
+var styles = require('./styles.js');
+var defaultProps = require('./defaultProps.js');
+var addTooltipOnReadOnly = require('./utils/addTooltipOnReadOnly.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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__default["default"](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 DSControlledToggle = _ref => {
+  let {
+    labelOn,
+    labelOff,
+    name,
+    value,
+    checked,
+    onChange,
+    size,
+    readOnly,
+    active,
+    disabled,
+    containerProps,
+    id
+  } = _ref;
+  const [isLongerTextRendering, setIsLongerTextRendering] = React.useState(false);
+  const [width, setWidth] = React.useState(0);
+  const labelTextRef = React.useRef(null);
+  const widthTextRef = React.useRef(null);
+  const longerText = React.useMemo(() => labelOn.length > labelOff.length ? labelOn : labelOff, [labelOff, labelOn]);
+  const instanceUID = React.useMemo(() => uid.uid(5), []);
+  React.useEffect(() => {
+    if (labelTextRef.current) {
+      setIsLongerTextRendering(labelTextRef.current.innerText === longerText);
+    }
+  }, [labelTextRef, longerText, checked]);
+  React.useEffect(() => {
+    if (widthTextRef.current) {
+      setWidth(widthTextRef.current.clientWidth);
+    }
+  }, [widthTextRef]);
+  const handleOnChange = React.useCallback(() => {
+    if (disabled || readOnly) return;
+    onChange();
+  }, [disabled, readOnly, onChange]);
+  const handleKeyDown = React.useCallback(e => {
+    if (disabled || readOnly) {
+      e.preventDefault();
+    }
+
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      onChange();
+    }
+  }, [disabled, onChange, readOnly]);
+  return addTooltipOnReadOnly.addTooltipOnReadOnly( /*#__PURE__*/jsxRuntime.jsxs(styles.StyledContainer, _objectSpread(_objectSpread({
+    size: size,
+    "data-testid": "ds-controlled-toggle"
+  }, containerProps), {}, {
+    children: [/*#__PURE__*/_jsx__default["default"](styles.StyledInput, {
+      type: "checkbox",
+      name: name,
+      value: value,
+      checked: checked,
+      "data-testid": "ds-controlled-toggle-checkbox",
+      id: id || instanceUID,
+      "aria-disabled": disabled,
+      "aria-checked": checked,
+      tabIndex: 0,
+      onChange: handleOnChange,
+      onKeyDown: handleKeyDown
+    }), /*#__PURE__*/_jsx__default["default"](styles.StyledLabel, {
+      checked: checked,
+      size: size,
+      width: width
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledVisibleContent, {
+      checked: checked,
+      size: size,
+      readOnly: readOnly,
+      active: active,
+      disabled: disabled,
+      htmlFor: id ? undefined : instanceUID,
+      as: id ? 'p' : 'label'
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledCircle, {
+      checked: checked,
+      size: size,
+      readOnly: readOnly,
+      disabled: disabled
+    }), /*#__PURE__*/jsxRuntime.jsx(styles.StyledText, {
+      ref: labelTextRef,
+      isLongerTextRendering: isLongerTextRendering,
+      checked: checked,
+      size: size,
+      disabled: disabled,
+      children: checked ? labelOn : labelOff
+    }))), /*#__PURE__*/jsxRuntime.jsx(styles.SetLabelWidth, {
+      size: size,
+      ref: widthTextRef,
+      children: longerText
+    })]
+  })), readOnly);
+};
+
+DSControlledToggle.defaultProps = defaultProps.defaultProps;
+const DSControlledToggleWithSchema = reactDesc.describe(DSControlledToggle);
+DSControlledToggleWithSchema.propTypes = propTypes.propTypes;
+
+exports.DSControlledToggle = DSControlledToggle;
+exports.DSControlledToggleWithSchema = DSControlledToggleWithSchema;

package/cjs/controlled-toggle/defaultProps.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const defaultProps = {
+  labelOn: 'ON',
+  labelOff: 'OFF',
+  name: '',
+  value: '',
+  checked: false,
+  onClick: () => null,
+  size: 'm',
+  readonly: false,
+  active: false,
+  disabled: false
+};
+
+exports.defaultProps = defaultProps;

package/cjs/controlled-toggle/index.d.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/cjs/controlled-toggle/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ControlledToggle = require('./ControlledToggle.js');
+
+
+
+exports.DSControlledToggle = ControlledToggle.DSControlledToggle;
+exports.DSControlledToggleWithSchema = ControlledToggle.DSControlledToggleWithSchema;

package/cjs/controlled-toggle/propTypes.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+const propTypes = {
+  labelOn: reactDesc.PropTypes.string.description('Label when toggle is checked'),
+  labelOff: reactDesc.PropTypes.string.description('Label when toggle is unchecked'),
+  value: reactDesc.PropTypes.string.description('Value attribute for toggle'),
+  name: reactDesc.PropTypes.string.description('Name attribute for toggle'),
+  checked: reactDesc.PropTypes.bool.description('Wether the toggle is checked or not'),
+  onchange: reactDesc.PropTypes.func.description('OnClick callback'),
+  size: reactDesc.PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),
+  readOnly: reactDesc.PropTypes.bool.description('Wether the toggle is readOnly or not'),
+  active: reactDesc.PropTypes.bool.description('Wether the toggle has active styles or not'),
+  disabled: reactDesc.PropTypes.bool.description('Wether the toggle is disabled or not'),
+  containerProps: reactDesc.PropTypes.shape({}).description('Set of properties attached to the main container'),
+  id: reactDesc.PropTypes.string.description('Unique id.')
+};
+
+exports.propTypes = propTypes;