@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/TimeInput/utils.js

@@ -1,105 +1,112 @@
-import * as React from "react";
-import { addLeadingZeros } from "@elliemae/ds-utilities";
-import { parseInt, isNaN } from "@elliemae/ds-utilities";
-import {
-  AM,
-  PM,
-  ARROW_UP,
-  ARROW_DOWN,
-  SHIFT,
-  PLACEHOLDER_TIME
-} from "@elliemae/ds-shared/constants";
-const isAM = (time) => time && time.hour() < 12;
-const isArrowIncrementDecrement = (key) => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;
+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;
+  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;
+  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 }));
+
+  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";
+    return format.indexOf('mm') > -1 ? 'mm' : 'm';
   }
+
   if (position === PLACEHOLDER_TIME.seconds) {
-    return format.indexOf("ss") > -1 ? "ss" : "s";
+    return format.indexOf('ss') > -1 ? 'ss' : 's';
   }
+
   if (position === PLACEHOLDER_TIME.meridiem) {
-    return format.indexOf("A") > -1 ? "A" : "a";
+    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';
   }
-  return format.indexOf("HH") > -1 ? "HH" : "H";
+
+  return format.indexOf('HH') > -1 ? 'HH' : 'H';
 };
+
 const formatTimeNumber = (value, shouldAddLeadingZeros) => {
-  if (value === null || value === void 0)
-    return "";
+  if (value === null || value === undefined) return '';
   return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);
 };
+
 const formatMinutes = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf("mm") > -1;
+  const shouldAddLeadingZeros = format.indexOf('mm') > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros);
 };
 const formatSeconds = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf("ss") > -1;
+  const shouldAddLeadingZeros = format.indexOf('ss') > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros);
 };
 const formatHour = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf("HH") > -1 || format.indexOf("hh") > -1;
+  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 formatMeridiem = (format, value) => format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();
+const parseTimeNumberFromText = stringValue => {
   const parsedInt = parseInt(stringValue);
-  if (isNaN(parsedInt))
-    return null;
+  if (isNaN(parsedInt)) return null;
   return parsedInt;
 };
-const focusNextInput = (currentEl) => {
+const focusNextInput = currentEl => {
   const nextElement = currentEl.nextElementSibling;
+
   if (nextElement && nextElement.nextElementSibling) {
     nextElement.nextElementSibling.focus();
   }
 };
-const focusPreviousInput = (currentEl) => {
+const focusPreviousInput = currentEl => {
   const previousElement = currentEl.previousElementSibling;
+
   if (previousElement && previousElement.previousElementSibling) {
     previousElement.previousElementSibling.focus();
   }
 };
-const getValidTimeNumber = ({ min, max }, number, typed) => {
-  if (number === void 0 || number === null)
-    return null;
+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);
+    if (isNaN(typed)) return parseInt(typed);
     return max;
   }
-  if (number < min)
-    return min;
+
+  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;
+  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 {};
+  if (!time || !time.hour) return {};
   const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();
   const minutes = time.minutes();
   const seconds = time.seconds();
@@ -112,33 +119,17 @@ const getTimeValuesFromTime = (time, format, use12Hours) => {
   };
 };
 const resetTimeValues = () => ({
-  hours: "",
-  minutes: "",
-  seconds: "",
+  hours: '',
+  minutes: '',
+  seconds: '',
   meridiem: AM
 });
 const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({
-  pattern: "[0-9]*",
-  type: "text",
+  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
-};
-//# sourceMappingURL=utils.js.map
+
+export { commonInputProps, focusNextInput, focusPreviousInput, formatHour, formatMeridiem, formatMinutes, formatSeconds, getTimeValuesFromTime, getValidTimeNumber, isArrowIncrementDecrement, parseTimeNumberFromText, placeholderFormat, resetTimeValues, setNativeValue, shouldFocusNextInput };

package/esm/Toggle/DSToggle.js

@@ -1,62 +1,117 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { DSToggleImpl } from "./DSToggleImpl";
-import { dsBasicSizes } from "@elliemae/ds-shared/prop-types";
-const DSToggle = ({
-  containerProps,
-  hasError,
-  readOnly,
-  disabled,
-  checked,
-  labelOn,
-  labelOff,
-  name,
-  value,
-  size,
-  ...otherProps
-}) => /* @__PURE__ */ React2.createElement(DSToggleImpl, {
-  ...otherProps,
-  checked,
-  containerProps,
-  disabled,
-  hasError,
-  labelOff,
-  labelOn,
-  name,
-  readOnly,
-  size,
-  value
-});
+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",
+  labelOn: 'ON',
+  labelOff: 'OFF',
+  size: 's',
   hasError: false,
   readOnly: false,
   disabled: false,
-  checked: void 0
+  checked: undefined
 };
 const props = {
-  containerProps: PropTypes.shape({}).description("Set of Properties attached to the main container"),
-  hasError: PropTypes.bool.description("Whether the toggle has error or not"),
-  readOnly: PropTypes.bool.description("Whether the toggle is read only or not"),
-  disabled: PropTypes.bool.description("Whether the toggle is disabled or not"),
-  checked: PropTypes.bool.description("Whether the toggle is checked or not"),
-  onChange: PropTypes.func.description("Allows a function that is triggered once the toggle changes"),
-  labelOn: PropTypes.string.description("Label to show when the toggle is ON"),
-  labelOff: PropTypes.string.description("Label to show when the toggle is OFF"),
-  value: PropTypes.string.description("Default value once the component is initialized"),
+  /**
+   * 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']"),
-  name: PropTypes.string.description("Input name")
+
+  /**
+   * Input name
+   */
+  name: PropTypes.string.description('Input name')
 };
-DSToggle.propTypes = props;
 const DSToggleWithSchema = describe(DSToggle);
 DSToggleWithSchema.propTypes = props;
-var DSToggle_default = DSToggle;
-export {
-  DSToggle,
-  DSToggleWithSchema,
-  DSToggle_default as default
-};
-//# sourceMappingURL=DSToggle.js.map
+
+export { DSToggleWithSchema, DSToggle as default };