@elliemae/ds-form 3.0.0-next.8 → 3.0.0-next.80

package/dist/cjs/TimeInput/utils.js

@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
   commonInputProps: () => commonInputProps,
@@ -43,12 +36,13 @@ __export(utils_exports, {
   setNativeValue: () => setNativeValue,
   shouldFocusNextInput: () => shouldFocusNextInput
 });
+module.exports = __toCommonJS(utils_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_utilities2 = require("@elliemae/ds-utilities");
-var import_constants = require("@elliemae/ds-shared/constants");
+var import_ds_shared = require("@elliemae/ds-shared");
 const isAM = (time) => time && time.hour() < 12;
-const isArrowIncrementDecrement = (key) => key === import_constants.ARROW_DOWN || key === import_constants.ARROW_UP || key === import_constants.SHIFT;
+const isArrowIncrementDecrement = (key) => key === import_ds_shared.ARROW_DOWN || key === import_ds_shared.ARROW_UP || key === import_ds_shared.SHIFT;
 const setNativeValue = (element, value) => {
   if (!Object.getOwnPropertyDescriptor(element, "value"))
     return;
@@ -63,16 +57,16 @@ const setNativeValue = (element, value) => {
   element.dispatchEvent(new Event("input", { bubbles: true }));
 };
 const placeholderFormat = (position, format, use12Hours) => {
-  if (position === import_constants.PLACEHOLDER_TIME.hour) {
+  if (position === import_ds_shared.PLACEHOLDER_TIME.hour) {
     return _placeholderHour(format, use12Hours);
   }
-  if (position === import_constants.PLACEHOLDER_TIME.minutes) {
+  if (position === import_ds_shared.PLACEHOLDER_TIME.minutes) {
     return format.indexOf("mm") > -1 ? "mm" : "m";
   }
-  if (position === import_constants.PLACEHOLDER_TIME.seconds) {
+  if (position === import_ds_shared.PLACEHOLDER_TIME.seconds) {
     return format.indexOf("ss") > -1 ? "ss" : "s";
   }
-  if (position === import_constants.PLACEHOLDER_TIME.meridiem) {
+  if (position === import_ds_shared.PLACEHOLDER_TIME.meridiem) {
     return format.indexOf("A") > -1 ? "A" : "a";
   }
 };
@@ -141,7 +135,7 @@ const getTimeValuesFromTime = (time, format, use12Hours) => {
   const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();
   const minutes = time.minutes();
   const seconds = time.seconds();
-  const meridiem = !isAM(time) ? import_constants.PM : import_constants.AM;
+  const meridiem = !isAM(time) ? import_ds_shared.PM : import_ds_shared.AM;
   return {
     hours: formatHour(format, hours),
     minutes: formatMinutes(format, minutes),
@@ -153,7 +147,7 @@ const resetTimeValues = () => ({
   hours: "",
   minutes: "",
   seconds: "",
-  meridiem: import_constants.AM
+  meridiem: import_ds_shared.AM
 });
 const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({
   pattern: "[0-9]*",
@@ -162,5 +156,4 @@ const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({
   onClick,
   onFocus: onInputFocus
 });
-module.exports = __toCommonJS(utils_exports);
 //# sourceMappingURL=utils.js.map

package/dist/cjs/TimeInput/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/TimeInput/utils.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport {\n  AM,\n  PM,\n  ARROW_UP,\n  ARROW_DOWN,\n  SHIFT,\n  PLACEHOLDER_TIME,\n} from '@elliemae/ds-shared/constants';\n\nconst isAM = (time) => time && time.hour() < 12;\n\nexport const isArrowIncrementDecrement = (key) =>\n  key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;\n\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(\n    prototype,\n    'value',\n  ).set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const placeholderFormat = (position, format, use12Hours) => {\n  if (position === PLACEHOLDER_TIME.hour) {\n    return _placeholderHour(format, use12Hours);\n  }\n  if (position === PLACEHOLDER_TIME.minutes) {\n    return format.indexOf('mm') > -1 ? 'mm' : 'm';\n  }\n  if (position === PLACEHOLDER_TIME.seconds) {\n    return format.indexOf('ss') > -1 ? 'ss' : 's';\n  }\n  if (position === PLACEHOLDER_TIME.meridiem) {\n    return format.indexOf('A') > -1 ? 'A' : 'a';\n  }\n};\n\nconst _placeholderHour = (format, use12Hours) => {\n  if (use12Hours) {\n    return format.indexOf('hh') > -1 ? 'hh' : 'h';\n  }\n  return format.indexOf('HH') > -1 ? 'HH' : 'H';\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);\n};\n\nexport const formatMinutes = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('mm') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatSeconds = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('ss') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatHour = (format, value) => {\n  const shouldAddLeadingZeros =\n    format.indexOf('HH') > -1 || format.indexOf('hh') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\n\nexport const formatMeridiem = (format, value) =>\n  format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, typed) => {\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    if (isNaN(typed)) return parseInt(typed);\n    return max;\n  }\n  if (number < min) return min;\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  const safeString = String(stringValue);\n  const cleanString = safeString.startsWith('00')\n    ? safeString.slice(1)\n    : safeString;\n  return number * 10 > max || String(max).length === cleanString.length;\n};\n\nexport const getTimeValuesFromTime = (time, format, use12Hours) => {\n  if (!time || !time.hour) return {};\n  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();\n  const minutes = time.minutes();\n  const seconds = time.seconds();\n  const meridiem = !isAM(time) ? PM : AM;\n\n  return {\n    hours: formatHour(format, hours),\n    minutes: formatMinutes(format, minutes),\n    seconds: formatSeconds(format, seconds),\n    meridiem,\n  };\n};\n\nexport const resetTimeValues = () => ({\n  hours: '',\n  minutes: '',\n  seconds: '',\n  meridiem: AM,\n});\n\nexport const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({\n  pattern: '[0-9]*',\n  type: 'text',\n  onKeyDown,\n  onClick,\n  onFocus: onInputFocus,\n});\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport { AM, PM, ARROW_UP, ARROW_DOWN, SHIFT, PLACEHOLDER_TIME } from '@elliemae/ds-shared';\n\nconst isAM = (time) => time && time.hour() < 12;\n\nexport const isArrowIncrementDecrement = (key) => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;\n\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const placeholderFormat = (position, format, use12Hours) => {\n  if (position === PLACEHOLDER_TIME.hour) {\n    return _placeholderHour(format, use12Hours);\n  }\n  if (position === PLACEHOLDER_TIME.minutes) {\n    return format.indexOf('mm') > -1 ? 'mm' : 'm';\n  }\n  if (position === PLACEHOLDER_TIME.seconds) {\n    return format.indexOf('ss') > -1 ? 'ss' : 's';\n  }\n  if (position === PLACEHOLDER_TIME.meridiem) {\n    return format.indexOf('A') > -1 ? 'A' : 'a';\n  }\n};\n\nconst _placeholderHour = (format, use12Hours) => {\n  if (use12Hours) {\n    return format.indexOf('hh') > -1 ? 'hh' : 'h';\n  }\n  return format.indexOf('HH') > -1 ? 'HH' : 'H';\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);\n};\n\nexport const formatMinutes = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('mm') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatSeconds = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('ss') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatHour = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('HH') > -1 || format.indexOf('hh') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\n\nexport const formatMeridiem = (format, value) => (format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase());\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, typed) => {\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    if (isNaN(typed)) return parseInt(typed);\n    return max;\n  }\n  if (number < min) return min;\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  const safeString = String(stringValue);\n  const cleanString = safeString.startsWith('00') ? safeString.slice(1) : safeString;\n  return number * 10 > max || String(max).length === cleanString.length;\n};\n\nexport const getTimeValuesFromTime = (time, format, use12Hours) => {\n  if (!time || !time.hour) return {};\n  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();\n  const minutes = time.minutes();\n  const seconds = time.seconds();\n  const meridiem = !isAM(time) ? PM : AM;\n\n  return {\n    hours: formatHour(format, hours),\n    minutes: formatMinutes(format, minutes),\n    seconds: formatSeconds(format, seconds),\n    meridiem,\n  };\n};\n\nexport const resetTimeValues = () => ({\n  hours: '',\n  minutes: '',\n  seconds: '',\n  meridiem: AM,\n});\n\nexport const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({\n  pattern: '[0-9]*',\n  type: 'text',\n  onKeyDown,\n  onClick,\n  onFocus: onInputFocus,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/Toggle/DSToggle.js

@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -38,33 +37,28 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSToggle_exports = {};
 __export(DSToggle_exports, {
   DSToggle: () => DSToggle,
   DSToggleWithSchema: () => DSToggleWithSchema,
   default: () => DSToggle_default
 });
+module.exports = __toCommonJS(DSToggle_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
 var import_DSToggleImpl = require("./DSToggleImpl");
-var import_prop_types = require("@elliemae/ds-shared/prop-types");
+var import_ds_shared = require("@elliemae/ds-shared");
 const DSToggle = (_a) => {
   var _b = _a, {
     containerProps,
@@ -121,12 +115,12 @@ const props = {
   labelOn: import_react_desc.PropTypes.string.description("Label to show when the toggle is ON"),
   labelOff: import_react_desc.PropTypes.string.description("Label to show when the toggle is OFF"),
   value: import_react_desc.PropTypes.string.description("Default value once the component is initialized"),
-  size: import_react_desc.PropTypes.oneOf(import_prop_types.dsBasicSizes).description("['s', 'm', 'l']"),
+  size: import_react_desc.PropTypes.oneOf(import_ds_shared.dsBasicSizes).description("['s', 'm', 'l']"),
   name: import_react_desc.PropTypes.string.description("Input name")
 };
 DSToggle.propTypes = props;
+DSToggle.displayName = "DSToggle";
 const DSToggleWithSchema = (0, import_react_desc.describe)(DSToggle);
 DSToggleWithSchema.propTypes = props;
 var DSToggle_default = DSToggle;
-module.exports = __toCommonJS(DSToggle_exports);
 //# sourceMappingURL=DSToggle.js.map

package/dist/cjs/Toggle/DSToggle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Toggle/DSToggle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSToggleImpl } from './DSToggleImpl';\nimport { dsBasicSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSToggle = ({\n  containerProps,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  labelOn,\n  labelOff,\n  name,\n  value,\n  size,\n  ...otherProps\n}) => (\n  <DSToggleImpl\n    {...otherProps}\n    checked={checked}\n    containerProps={containerProps}\n    disabled={disabled}\n    hasError={hasError}\n    labelOff={labelOff}\n    labelOn={labelOn}\n    name={name}\n    readOnly={readOnly}\n    size={size}\n    value={value}\n  />\n);\n\nDSToggle.defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  size: 's',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: undefined,\n};\n\nconst props = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}).description(\n    'Set of Properties attached to the main container',\n  ),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the toggle has error or not'),\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the toggle is read only or not',\n  ),\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the toggle is checked or not'),\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the toggle changes',\n  ),\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string.description(\n    'Label to show when the toggle is OFF',\n  ),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n  /**\n   * Input name\n   */\n  name: PropTypes.string.description('Input name'),\n};\n\nDSToggle.propTypes = props;\n\nconst DSToggleWithSchema = describe(DSToggle);\n\nDSToggleWithSchema.propTypes = props;\n\nexport default DSToggle;\n\nexport { DSToggleWithSchema, DSToggle };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,0BAA6B;AAC7B,wBAA6B;AAE7B,MAAM,WAAW,CAAC,OAYf;AAZe,eAChB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVgB,IAWb,uBAXa,IAWb;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,kCAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA;AAGX,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,4BAAU,MAAM,IAAI,YAClC;AAAA,EAKF,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,4BAAU,KAAK,YAAY;AAAA,EAIpC,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,SAAS,4BAAU,OAAO,YAAY;AAAA,EAItC,UAAU,4BAAU,OAAO,YACzB;AAAA,EAKF,OAAO,4BAAU,OAAO,YACtB;AAAA,EAKF,MAAM,4BAAU,MAAM,gCAAc,YAAY;AAAA,EAIhD,MAAM,4BAAU,OAAO,YAAY;AAAA;AAGrC,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AAEpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSToggleImpl } from './DSToggleImpl';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\n\nconst DSToggle = ({\n  containerProps,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  labelOn,\n  labelOff,\n  name,\n  value,\n  size,\n  ...otherProps\n}) => (\n  <DSToggleImpl\n    {...otherProps}\n    checked={checked}\n    containerProps={containerProps}\n    disabled={disabled}\n    hasError={hasError}\n    labelOff={labelOff}\n    labelOn={labelOn}\n    name={name}\n    readOnly={readOnly}\n    size={size}\n    value={value}\n  />\n);\n\nDSToggle.defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  size: 's',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: undefined,\n};\n\nconst props = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the toggle has error or not'),\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the toggle is read only or not'),\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the toggle is checked or not'),\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the toggle changes'),\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string.description('Label to show when the toggle is OFF'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description('Default value once the component is initialized'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n  /**\n   * Input name\n   */\n  name: PropTypes.string.description('Input name'),\n};\n\nDSToggle.propTypes = props;\nDSToggle.displayName = 'DSToggle';\nconst DSToggleWithSchema = describe(DSToggle);\n\nDSToggleWithSchema.propTypes = props;\n\nexport default DSToggle;\n\nexport { DSToggleWithSchema, DSToggle };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,0BAA6B;AAC7B,uBAA6B;AAE7B,MAAM,WAAW,CAAC,OAYf;AAZe,eAChB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAVgB,IAWb,uBAXa,IAWb;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,mEACK,aADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACF;AAAA;AAGF,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AACX;AAEA,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,4BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,kDAAkD;AAAA,EAIlG,UAAU,4BAAU,KAAK,YAAY,qCAAqC;AAAA,EAI1E,UAAU,4BAAU,KAAK,YAAY,wCAAwC;AAAA,EAI7E,UAAU,4BAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,SAAS,4BAAU,KAAK,YAAY,sCAAsC;AAAA,EAI1E,UAAU,4BAAU,KAAK,YAAY,6DAA6D;AAAA,EAIlG,SAAS,4BAAU,OAAO,YAAY,qCAAqC;AAAA,EAI3E,UAAU,4BAAU,OAAO,YAAY,sCAAsC;AAAA,EAI7E,OAAO,4BAAU,OAAO,YAAY,iDAAiD;AAAA,EAIrF,MAAM,4BAAU,MAAM,6BAAY,EAAE,YAAY,iBAAiB;AAAA,EAIjE,MAAM,4BAAU,OAAO,YAAY,YAAY;AACjD;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,gCAAS,QAAQ;AAE5C,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
   "names": []
 }

package/dist/cjs/Toggle/DSToggleImpl.js

@@ -21,32 +21,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSToggleImpl_exports = {};
 __export(DSToggleImpl_exports, {
   DSToggleImpl: () => DSToggleImpl,
   default: () => DSToggleImpl_default
 });
+module.exports = __toCommonJS(DSToggleImpl_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_toggleHelper = require("./toggleHelper");
@@ -56,13 +50,7 @@ class DSToggleImpl extends import_react.Component {
   constructor(props) {
     super(props);
     this.onDragStart = (clientX) => {
-      const {
-        startPoint,
-        checked,
-        isDragging,
-        boxWidth,
-        circleWidth
-      } = this.state;
+      const { startPoint, checked, isDragging, boxWidth, circleWidth } = this.state;
       const drag = (0, import_toggleHelper.calculateDrag)(clientX, {
         startPoint,
         checked,
@@ -157,6 +145,8 @@ class DSToggleImpl extends import_react.Component {
     };
     this.circle = import_react.default.createRef();
     this.box = import_react.default.createRef();
+    this.setDragOnChange = this.setDragOnChange.bind(this);
+    this.verifyElements = this.verifyElements.bind(this);
   }
   componentDidMount() {
     this.verifyElements();
@@ -235,5 +225,4 @@ class DSToggleImpl extends import_react.Component {
 }
 DSToggleImpl.propTypes = import_props.togglePropTypes;
 var DSToggleImpl_default = DSToggleImpl;
-module.exports = __toCommonJS(DSToggleImpl_exports);
 //# sourceMappingURL=DSToggleImpl.js.map

package/dist/cjs/Toggle/DSToggleImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Toggle/DSToggleImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport {\n  isValidDrag,\n  cleanDrag,\n  calculateDrag,\n  dragStartingPoints,\n} from './toggleHelper';\nimport { DSToggleRender } from './DSToggleRender';\nimport { togglePropTypes } from './props';\n\nclass DSToggleImpl extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked: props.checked || false,\n      inside: false,\n      isDragging: false,\n      // prevent draw of toggle before drag handle positioning calculations\n      hide: true,\n      drag: null,\n      startPoint: null,\n      circleWidth: null,\n      boxWidth: null,\n    };\n    this.circle = React.createRef();\n    this.box = React.createRef();\n  }\n\n  componentDidMount() {\n    this.verifyElements();\n  }\n\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    if (\n      this.state.hide &&\n      this.state.circleWidth &&\n      this.state.boxWidth &&\n      prevState.hide &&\n      this.state.drag !== null\n    ) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ hide: false });\n    }\n    if (snapshot) {\n      this.verifyElements();\n    }\n  }\n\n  /**\n   * ******************************************************\n   * Drag\n   * ****************************************************** *\n   *\n   * @param clientX\n   */\n  onDragStart = (clientX) => {\n    const {\n      startPoint,\n      checked,\n      isDragging,\n      boxWidth,\n      circleWidth,\n    } = this.state;\n    // const { checked: checkedProp, } = this.props\n    const drag = calculateDrag(clientX, {\n      startPoint,\n      checked,\n      isDragging,\n      boxWidth,\n      circleWidth,\n    });\n    if (drag) this.setState({ drag });\n    // else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position\n    else this.setDragOnChange(checked); // set initial position\n  };\n\n  onDragStop = (e) => {\n    const { checked } = this.state;\n    // const { checked: checkedProp, } = this.props\n    if (isValidDrag(this.state)) {\n      this.onChange(e);\n      this.setState(cleanDrag);\n      // } else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position\n    } else this.setDragOnChange(checked); // set initial position\n  };\n\n  /**\n   * ******************************************************\n   * StandardEvents\n   * ****************************************************** *\n   *\n   * @param e\n   */\n  onBlur = (e) => {\n    const { onBlur, id } = this.props;\n    if (onBlur) onBlur(e, id);\n  };\n\n  onFocus = (e) => {\n    const { onFocus, id } = this.props;\n    if (onFocus) onFocus(e, id);\n  };\n\n  onChange = (e) => {\n    const { checked } = this.state;\n    const {\n      onChange,\n      id,\n      value,\n      // checked: checkedProp,\n    } = this.props;\n    const newCheck = !checked;\n    // this.setState({\n    //   checked: checkedProp != null ? checkedProp : newCheck,\n    // })\n    this.setState({\n      checked: newCheck,\n    });\n    e.target.value = value;\n    e.target.checked = newCheck;\n    e.checked = newCheck;\n    onChange(e, id);\n    // this.setDragOnChange(checkedProp != null ? checkedProp : newCheck) // set new position\n    this.setDragOnChange(newCheck); // set new position\n  };\n\n  /** ******************************************************\n      MouseEvents\n   ******************************************************* * */\n  onMouseEnter = () => {\n    this.setState({ inside: true });\n  };\n\n  onMouseLeave = () => {\n    this.setState({ inside: false });\n  };\n\n  onMouseMove = (event) => {\n    event.preventDefault();\n    this.onDragStart(event.clientX);\n  };\n\n  onMouseDown = (event) => {\n    this.onDragStart(event.clientX);\n    this.setState({ startPoint: event.clientX, isDragging: true });\n    window.addEventListener('mousemove', this.onMouseMove);\n    window.addEventListener('mouseup', this.onMouseUp);\n  };\n\n  onMouseUp = (event) => {\n    this.onDragStop(event);\n    window.removeEventListener('mousemove', this.onMouseMove);\n    window.removeEventListener('mouseup', this.onMouseUp);\n  };\n\n  /** ******************************************************\n      Touch\n   ******************************************************* * */\n  onTouchCancel = () => {\n    this.setState({ inside: false });\n  };\n\n  onTouchEnd = (event) => {\n    event.preventDefault();\n    this.onDragStop(event);\n  };\n\n  onTouchMove = (event) => {\n    this.onDragStart(event.touches[0].clientX);\n  };\n\n  onTouchStart = (event) => {\n    this.onDragStart(event.touches[0].clientX);\n    this.setState({ startPoint: event.touches[0].clientX, isDragging: true });\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.checked === true || props.checked === false) {\n      return {\n        checked: props.checked,\n        ...dragStartingPoints(props.checked)(state),\n      };\n    }\n    return null;\n  }\n\n  getSnapshotBeforeUpdate(prevProps) {\n    const { size } = this.props;\n    if (prevProps.size !== size) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * ******************************************************\n   * other\n   * ****************************************************** *\n   *\n   * @param currentCheckState\n   */\n  setDragOnChange(currentCheckState) {\n    this.setState(dragStartingPoints(currentCheckState));\n  }\n\n  verifyElements() {\n    const { checked } = this.state;\n    const { checked: checkedProp } = this.props;\n    const nodesInterval = setInterval(() => {\n      // !important it checks when nodes are availables\n      if (\n        !this.circle ||\n        !this.box ||\n        !this.circle.current ||\n        !this.box.current\n      )\n        return;\n      const {\n        current: { clientWidth: circleWidth },\n      } = this.circle;\n      const {\n        current: { clientWidth: boxWidth },\n      } = this.box;\n      if (!circleWidth || !boxWidth || circleWidth === boxWidth) return;\n      this.setState({\n        boxWidth,\n        circleWidth,\n      });\n      this.setDragOnChange(checkedProp != null ? checkedProp : checked);\n      // this.setDragOnChange(checked)\n      clearInterval(nodesInterval);\n    }, 5);\n  }\n\n  render() {\n    const { checked, drag, inside, hide } = this.state;\n    const dragStyle =\n      drag !== null || checked || this.props.checked\n        ? { left: `${drag}px` }\n        : null;\n    return (\n      <DSToggleRender\n        {...this.props}\n        defaultState={this.props.checked}\n        checked={checked}\n        containerRef={this.box}\n        hide={hide}\n        dragStyle={dragStyle}\n        handRef={this.circle}\n        inside={inside}\n        onBlur={this.onBlur}\n        onChange={this.onChange}\n        onFocus={this.onFocus}\n        onMouseDown={this.onMouseDown}\n        onMouseEnter={this.onMouseEnter}\n        onMouseLeave={this.onMouseLeave}\n        onTouchCancel={this.onTouchCancel}\n        onTouchEnd={this.onTouchEnd}\n        onTouchMove={this.onTouchMove}\n        onTouchStart={this.onTouchStart}\n      />\n    );\n  }\n}\n\nDSToggleImpl.propTypes = togglePropTypes;\n\nexport { DSToggleImpl };\nexport default DSToggleImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isValidDrag, cleanDrag, calculateDrag, dragStartingPoints } from './toggleHelper';\nimport { DSToggleRender } from './DSToggleRender';\nimport { togglePropTypes } from './props';\n\nclass DSToggleImpl extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked: props.checked || false,\n      inside: false,\n      isDragging: false,\n      // prevent draw of toggle before drag handle positioning calculations\n      hide: true,\n      drag: null,\n      startPoint: null,\n      circleWidth: null,\n      boxWidth: null,\n    };\n    this.circle = React.createRef();\n    this.box = React.createRef();\n\n    this.setDragOnChange = this.setDragOnChange.bind(this);\n    this.verifyElements = this.verifyElements.bind(this);\n  }\n\n  componentDidMount() {\n    this.verifyElements();\n  }\n\n  componentDidUpdate(prevProps, prevState, snapshot) {\n    if (\n      this.state.hide &&\n      this.state.circleWidth &&\n      this.state.boxWidth &&\n      prevState.hide &&\n      this.state.drag !== null\n    ) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ hide: false });\n    }\n    if (snapshot) {\n      this.verifyElements();\n    }\n  }\n\n  /**\n   * ******************************************************\n   * Drag\n   * ****************************************************** *\n   *\n   * @param clientX\n   */\n  onDragStart = (clientX) => {\n    const { startPoint, checked, isDragging, boxWidth, circleWidth } = this.state;\n    // const { checked: checkedProp, } = this.props\n    const drag = calculateDrag(clientX, {\n      startPoint,\n      checked,\n      isDragging,\n      boxWidth,\n      circleWidth,\n    });\n    if (drag) this.setState({ drag });\n    // else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position\n    else this.setDragOnChange(checked); // set initial position\n  };\n\n  onDragStop = (e) => {\n    const { checked } = this.state;\n    // const { checked: checkedProp, } = this.props\n    if (isValidDrag(this.state)) {\n      this.onChange(e);\n      this.setState(cleanDrag);\n      // } else this.setDragOnChange(checkedProp != null ? checkedProp : checked) // set initial position\n    } else this.setDragOnChange(checked); // set initial position\n  };\n\n  /**\n   * ******************************************************\n   * StandardEvents\n   * ****************************************************** *\n   *\n   * @param e\n   */\n  onBlur = (e) => {\n    const { onBlur, id } = this.props;\n    if (onBlur) onBlur(e, id);\n  };\n\n  onFocus = (e) => {\n    const { onFocus, id } = this.props;\n    if (onFocus) onFocus(e, id);\n  };\n\n  onChange = (e) => {\n    const { checked } = this.state;\n    const {\n      onChange,\n      id,\n      value,\n      // checked: checkedProp,\n    } = this.props;\n    const newCheck = !checked;\n    // this.setState({\n    //   checked: checkedProp != null ? checkedProp : newCheck,\n    // })\n    this.setState({\n      checked: newCheck,\n    });\n    e.target.value = value;\n    e.target.checked = newCheck;\n    e.checked = newCheck;\n    onChange(e, id);\n    // this.setDragOnChange(checkedProp != null ? checkedProp : newCheck) // set new position\n    this.setDragOnChange(newCheck); // set new position\n  };\n\n  /** ******************************************************\n      MouseEvents\n   ******************************************************* * */\n  onMouseEnter = () => {\n    this.setState({ inside: true });\n  };\n\n  onMouseLeave = () => {\n    this.setState({ inside: false });\n  };\n\n  onMouseMove = (event) => {\n    event.preventDefault();\n    this.onDragStart(event.clientX);\n  };\n\n  onMouseDown = (event) => {\n    this.onDragStart(event.clientX);\n    this.setState({ startPoint: event.clientX, isDragging: true });\n    window.addEventListener('mousemove', this.onMouseMove);\n    window.addEventListener('mouseup', this.onMouseUp);\n  };\n\n  onMouseUp = (event) => {\n    this.onDragStop(event);\n    window.removeEventListener('mousemove', this.onMouseMove);\n    window.removeEventListener('mouseup', this.onMouseUp);\n  };\n\n  /** ******************************************************\n      Touch\n   ******************************************************* * */\n  onTouchCancel = () => {\n    this.setState({ inside: false });\n  };\n\n  onTouchEnd = (event) => {\n    event.preventDefault();\n    this.onDragStop(event);\n  };\n\n  onTouchMove = (event) => {\n    this.onDragStart(event.touches[0].clientX);\n  };\n\n  onTouchStart = (event) => {\n    this.onDragStart(event.touches[0].clientX);\n    this.setState({ startPoint: event.touches[0].clientX, isDragging: true });\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.checked === true || props.checked === false) {\n      return {\n        checked: props.checked,\n        ...dragStartingPoints(props.checked)(state),\n      };\n    }\n    return null;\n  }\n\n  getSnapshotBeforeUpdate(prevProps) {\n    const { size } = this.props;\n    if (prevProps.size !== size) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * ******************************************************\n   * other\n   * ****************************************************** *\n   *\n   * @param currentCheckState\n   */\n  setDragOnChange(currentCheckState) {\n    this.setState(dragStartingPoints(currentCheckState));\n  }\n\n  verifyElements() {\n    const { checked } = this.state;\n    const { checked: checkedProp } = this.props;\n    const nodesInterval = setInterval(() => {\n      // !important it checks when nodes are availables\n      if (!this.circle || !this.box || !this.circle.current || !this.box.current) return;\n      const {\n        current: { clientWidth: circleWidth },\n      } = this.circle;\n      const {\n        current: { clientWidth: boxWidth },\n      } = this.box;\n      if (!circleWidth || !boxWidth || circleWidth === boxWidth) return;\n      this.setState({\n        boxWidth,\n        circleWidth,\n      });\n      this.setDragOnChange(checkedProp != null ? checkedProp : checked);\n      // this.setDragOnChange(checked)\n      clearInterval(nodesInterval);\n    }, 5);\n  }\n\n  render() {\n    const { checked, drag, inside, hide } = this.state;\n    const dragStyle = drag !== null || checked || this.props.checked ? { left: `${drag}px` } : null;\n    return (\n      <DSToggleRender\n        {...this.props}\n        defaultState={this.props.checked}\n        checked={checked}\n        containerRef={this.box}\n        hide={hide}\n        dragStyle={dragStyle}\n        handRef={this.circle}\n        inside={inside}\n        onBlur={this.onBlur}\n        onChange={this.onChange}\n        onFocus={this.onFocus}\n        onMouseDown={this.onMouseDown}\n        onMouseEnter={this.onMouseEnter}\n        onMouseLeave={this.onMouseLeave}\n        onTouchCancel={this.onTouchCancel}\n        onTouchEnd={this.onTouchEnd}\n        onTouchMove={this.onTouchMove}\n        onTouchStart={this.onTouchStart}\n      />\n    );\n  }\n}\n\nDSToggleImpl.propTypes = togglePropTypes;\n\nexport { DSToggleImpl };\nexport default DSToggleImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/Toggle/DSToggleRender.js

@@ -21,32 +21,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSToggleRender_exports = {};
 __export(DSToggleRender_exports, {
   DSToggleRender: () => DSToggleRender,
   default: () => DSToggleRender_default
 });
+module.exports = __toCommonJS(DSToggleRender_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -145,5 +139,4 @@ const DSToggleRender = ({
   }));
 };
 var DSToggleRender_default = DSToggleRender;
-module.exports = __toCommonJS(DSToggleRender_exports);
 //# sourceMappingURL=DSToggleRender.js.map

package/dist/cjs/Toggle/DSToggleRender.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Toggle/DSToggleRender.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable complexity */\nimport React from 'react';\nimport { onClickHandlerForNonInteractiveElements } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\n\nconst DSToggleRender = ({\n  containerProps,\n  id,\n  className = '',\n  style = {},\n  hasError = false,\n  hide,\n  readOnly = false,\n  disabled = false,\n  checked = false,\n  onBlur = () => null,\n  onFocus = () => null,\n  onChange = () => null,\n  onMouseDown = () => null,\n  onMouseEnter = () => null,\n  onMouseLeave = () => null,\n  onTouchCancel = () => null,\n  onTouchEnd = () => null,\n  onTouchMove = () => null,\n  onTouchStart = () => null,\n  labelOn = 'ON',\n  labelOff = 'OFF',\n  dragStyle = {},\n  containerRef = null,\n  handRef = null,\n  name = '',\n  value = '',\n  size = 's',\n  defaultState,\n}) => {\n  const {\n    cssClassName,\n    classNameBlock,\n    classNameElement,\n  } = convertPropToCssClassName('form-element-toggle', className, {\n    hasError,\n    readOnly,\n    disabled,\n    checked,\n    id,\n    size,\n  });\n  const allowChange = disabled || readOnly;\n\n  let label = checked ? (\n    <div className={classNameElement('icon-on')}>{labelOn}</div>\n  ) : (\n    <div className={classNameElement('icon-off')}>{labelOff}</div>\n  );\n\n  if (readOnly) {\n    label = (\n      <DSTooltip\n        interactionType=\"hover\"\n        title=\"Read Only\"\n        triggerComponent={label}\n      />\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"em-ds-toggle\"\n      {...containerProps}\n      aria-disabled={disabled}\n      defaultChecked={checked}\n      defaultValue={value}\n      {...onClickHandlerForNonInteractiveElements(\n        allowChange ? null : onChange,\n      )}\n      ref={containerRef}\n      className={`${cssClassName} ${\n        defaultState ? 'default-state-checked' : ''\n      }${hide ? ' ds-form-element-toggle-hide' : ''}`}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      aria-checked={checked}\n      role=\"checkbox\"\n      tabIndex={0}\n    >\n      <div className={classNameBlock('box')}>{label}</div>\n      <div\n        ref={handRef}\n        aria-checked={checked}\n        aria-disabled={disabled}\n        className={`${classNameElement('input')} ${\n          defaultState ? 'default-state-checked' : ''\n        }`}\n        onMouseDown={allowChange ? null : onMouseDown}\n        onMouseEnter={allowChange ? null : onMouseEnter}\n        onMouseLeave={allowChange ? null : onMouseLeave}\n        onTouchCancel={allowChange ? null : onTouchCancel}\n        onTouchEnd={allowChange ? null : onTouchEnd}\n        onTouchMove={allowChange ? null : onTouchMove}\n        onTouchStart={allowChange ? null : onTouchStart}\n        style={{\n          ...style,\n          ...dragStyle,\n        }}\n      />\n      <input\n        className={classNameElement('hidden-checkbox')}\n        defaultChecked={checked}\n        defaultValue={value}\n        name={name}\n        type=\"checkbox\"\n      />\n    </div>\n  );\n};\n\nexport { DSToggleRender };\nexport default DSToggleRender;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,0BAAwD;AACxD,2BAA0C;AAC1C,wBAA0B;AAE1B,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,aAAa,MAAM;AAAA,EACnB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,oDAA0B,uBAAuB,WAAW;AAAA,IAC9D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,cAAc,YAAY;AAEhC,MAAI,QAAQ,UACV,mDAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAa,WAE9C,mDAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAc;AAGjD,MAAI,UAAU;AACZ,YACE,mDAAC,6BAAD;AAAA,MACE,iBAAgB;AAAA,MAChB,OAAM;AAAA,MACN,kBAAkB;AAAA;AAAA;AAKxB,SACE,mDAAC,OAAD;AAAA,IACE,eAAY;AAAA,KACR,iBAFN;AAAA,IAGE,iBAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,MACV,iEACF,cAAc,OAAO,YAPzB;AAAA,IASE,KAAK;AAAA,IACL,WAAW,GAAG,gBACZ,eAAe,0BAA0B,KACxC,OAAO,iCAAiC;AAAA,IAC3C;AAAA,IACA;AAAA,IAEA,gBAAc;AAAA,IACd,MAAK;AAAA,IACL,UAAU;AAAA,MAEV,mDAAC,OAAD;AAAA,IAAK,WAAW,eAAe;AAAA,KAAS,QACxC,mDAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,GAAG,iBAAiB,YAC7B,eAAe,0BAA0B;AAAA,IAE3C,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,cAAc,cAAc,OAAO;AAAA,IACnC,eAAe,cAAc,OAAO;AAAA,IACpC,YAAY,cAAc,OAAO;AAAA,IACjC,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,OAAO,kCACF,QACA;AAAA,MAGP,mDAAC,SAAD;AAAA,IACE,WAAW,iBAAiB;AAAA,IAC5B,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA;AAAA;AAOb,IAAO,yBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,0BAAwD;AACxD,2BAA0C;AAC1C,wBAA0B;AAE1B,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,WAAW,MAAM;AAAA,EACjB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,aAAa,MAAM;AAAA,EACnB,cAAc,MAAM;AAAA,EACpB,eAAe,MAAM;AAAA,EACrB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,MACE,oDAA0B,uBAAuB,WAAW;AAAA,IAC9D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,cAAc,YAAY;AAEhC,MAAI,QAAQ,UACV,mDAAC;AAAA,IAAI,WAAW,iBAAiB,SAAS;AAAA,KAAI,OAAQ,IAEtD,mDAAC;AAAA,IAAI,WAAW,iBAAiB,UAAU;AAAA,KAAI,QAAS;AAG1D,MAAI,UAAU;AACZ,YACE,mDAAC;AAAA,MACC,iBAAgB;AAAA,MAChB,OAAM;AAAA,MACN,kBAAkB;AAAA,KACpB;AAAA,EAEJ;AAEA,SACE,mDAAC;AAAA,IACC,eAAY;AAAA,KACR,iBAFL;AAAA,IAGC,iBAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,MACV,iEACF,cAAc,OAAO,QACvB,IARD;AAAA,IASC,KAAK;AAAA,IACL,WAAW,GAAG,gBACZ,eAAe,0BAA0B,KACxC,OAAO,iCAAiC;AAAA,IAC3C;AAAA,IACA;AAAA,IAEA,gBAAc;AAAA,IACd,MAAK;AAAA,IACL,UAAU;AAAA,MAEV,mDAAC;AAAA,IAAI,WAAW,eAAe,KAAK;AAAA,KAAI,KAAM,GAC9C,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,WAAW,GAAG,iBAAiB,OAAO,KACpC,eAAe,0BAA0B;AAAA,IAE3C,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,cAAc,cAAc,OAAO;AAAA,IACnC,eAAe,cAAc,OAAO;AAAA,IACpC,YAAY,cAAc,OAAO;AAAA,IACjC,aAAa,cAAc,OAAO;AAAA,IAClC,cAAc,cAAc,OAAO;AAAA,IACnC,OAAO,kCACF,QACA;AAAA,GAEP,GACA,mDAAC;AAAA,IACC,WAAW,iBAAiB,iBAAiB;AAAA,IAC7C,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA,GACP,CACF;AAEJ;AAGA,IAAO,yBAAQ;",
   "names": []
 }

package/dist/cjs/Toggle/index.js

@@ -4,34 +4,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Toggle_exports = {};
 __export(Toggle_exports, {
   DSToggle: () => import_DSToggle.DSToggle,
   DSToggleWithSchema: () => import_DSToggle.DSToggleWithSchema,
   default: () => import_DSToggle.default
 });
+module.exports = __toCommonJS(Toggle_exports);
 var React = __toESM(require("react"));
 var import_DSToggle = __toESM(require("./DSToggle"));
-module.exports = __toCommonJS(Toggle_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/Toggle/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Toggle/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { default, DSToggleWithSchema, DSToggle } from './DSToggle';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAsD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAsD;",
   "names": []
 }

package/dist/cjs/Toggle/props.js

@@ -4,34 +4,28 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var props_exports = {};
 __export(props_exports, {
   togglePropTypes: () => togglePropTypes
 });
+module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
 var import_prop_types = __toESM(require("prop-types"));
-var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
+var import_ds_shared = require("@elliemae/ds-shared");
 const togglePropTypes = {
   containerProps: import_prop_types.default.shape({}),
   hasError: import_prop_types.default.bool,
@@ -42,8 +36,7 @@ const togglePropTypes = {
   labelOn: import_prop_types.default.string,
   labelOff: import_prop_types.default.string,
   value: import_prop_types.default.string,
-  size: import_prop_types.default.oneOf(import_prop_types2.dsBasicSizes),
+  size: import_prop_types.default.oneOf(import_ds_shared.dsBasicSizes),
   name: import_prop_types.default.string
 };
-module.exports = __toCommonJS(props_exports);
 //# sourceMappingURL=props.js.map

package/dist/cjs/Toggle/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Toggle/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import PropTypes from 'prop-types';\nimport { dsBasicSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const togglePropTypes = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool,\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string,\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes),\n  /**\n   * Input name\n   */\n  name: PropTypes.string,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAsB;AACtB,yBAA6B;AAEtB,MAAM,kBAAkB;AAAA,EAI7B,gBAAgB,0BAAU,MAAM;AAAA,EAIhC,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,OAAO,0BAAU;AAAA,EAIjB,MAAM,0BAAU,MAAM;AAAA,EAItB,MAAM,0BAAU;AAAA;",
+  "sourcesContent": ["import PropTypes from 'prop-types';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\n\nexport const togglePropTypes = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool,\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool,\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string,\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes),\n  /**\n   * Input name\n   */\n  name: PropTypes.string,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAsB;AACtB,uBAA6B;AAEtB,MAAM,kBAAkB;AAAA,EAI7B,gBAAgB,0BAAU,MAAM,CAAC,CAAC;AAAA,EAIlC,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,UAAU,0BAAU;AAAA,EAIpB,OAAO,0BAAU;AAAA,EAIjB,MAAM,0BAAU,MAAM,6BAAY;AAAA,EAIlC,MAAM,0BAAU;AAClB;",
   "names": []
 }