@elliemae/ds-form 2.1.0-rc.7 → 2.2.0-alpha.2

package/cjs/Toggle/DSToggleRender.js

@@ -1,64 +1,75 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsClassnames = require('@elliemae/ds-classnames');
-var DSTooltip = require('@elliemae/ds-tooltip');
-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);
-var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
-
-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 DSToggleRender = _ref => {
-  let {
-    containerProps,
-    id,
-    className = '',
-    style = {},
-    hasError = false,
-    hide,
-    readOnly = false,
-    disabled = false,
-    checked = false,
-    onBlur = () => null,
-    onFocus = () => null,
-    onChange = () => null,
-    onMouseDown = () => null,
-    onMouseEnter = () => null,
-    onMouseLeave = () => null,
-    onTouchCancel = () => null,
-    onTouchEnd = () => null,
-    onTouchMove = () => null,
-    onTouchStart = () => null,
-    labelOn = 'ON',
-    labelOff = 'OFF',
-    dragStyle = {},
-    containerRef = null,
-    handRef = null,
-    name = '',
-    value = '',
-    size = 's',
-    defaultState
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 });
+  }
+  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);
+};
+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 DSToggleRender_exports = {};
+__export(DSToggleRender_exports, {
+  DSToggleRender: () => DSToggleRender,
+  default: () => DSToggleRender_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
+var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
+var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
+const DSToggleRender = ({
+  containerProps,
+  id,
+  className = "",
+  style = {},
+  hasError = false,
+  hide,
+  readOnly = false,
+  disabled = false,
+  checked = false,
+  onBlur = () => null,
+  onFocus = () => null,
+  onChange = () => null,
+  onMouseDown = () => null,
+  onMouseEnter = () => null,
+  onMouseLeave = () => null,
+  onTouchCancel = () => null,
+  onTouchEnd = () => null,
+  onTouchMove = () => null,
+  onTouchStart = () => null,
+  labelOn = "ON",
+  labelOff = "OFF",
+  dragStyle = {},
+  containerRef = null,
+  handRef = null,
+  name = "",
+  value = "",
+  size = "s",
+  defaultState
+}) => {
   const {
     cssClassName,
     classNameBlock,
     classNameElement
-  } = dsClassnames.convertPropToCssClassName('form-element-toggle', className, {
+  } = (0, import_ds_classnames.convertPropToCssClassName)("form-element-toggle", className, {
     hasError,
     readOnly,
     disabled,
@@ -67,58 +78,58 @@ const DSToggleRender = _ref => {
     size
   });
   const allowChange = disabled || readOnly;
-  let label = checked ? /*#__PURE__*/_jsx__default["default"]("div", {
-    className: classNameElement('icon-on')
-  }, void 0, labelOn) : /*#__PURE__*/_jsx__default["default"]("div", {
-    className: classNameElement('icon-off')
-  }, void 0, labelOff);
-
+  let label = checked ? /* @__PURE__ */ import_react.default.createElement("div", {
+    className: classNameElement("icon-on")
+  }, labelOn) : /* @__PURE__ */ import_react.default.createElement("div", {
+    className: classNameElement("icon-off")
+  }, labelOff);
   if (readOnly) {
-    label = /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
+    label = /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltip, {
       interactionType: "hover",
       title: "Read Only",
       triggerComponent: label
     });
   }
-
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread(_objectSpread({
-    "data-testid": "em-ds-toggle"
-  }, containerProps), {}, {
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    "data-testid": "em-ds-toggle",
+    ...containerProps,
     "aria-disabled": disabled,
     defaultChecked: checked,
-    defaultValue: value
-  }, dsUtilities.onClickHandlerForNonInteractiveElements(allowChange ? null : onChange)), {}, {
+    defaultValue: value,
+    ...(0, import_ds_utilities.onClickHandlerForNonInteractiveElements)(allowChange ? null : onChange),
     ref: containerRef,
-    className: "".concat(cssClassName, " ").concat(defaultState ? 'default-state-checked' : '').concat(hide ? ' ds-form-element-toggle-hide' : ''),
-    onBlur: onBlur,
-    onFocus: onFocus // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
-    ,
+    className: `${cssClassName} ${defaultState ? "default-state-checked" : ""}${hide ? " ds-form-element-toggle-hide" : ""}`,
+    onBlur,
+    onFocus,
     "aria-checked": checked,
     role: "checkbox",
-    tabIndex: 0,
-    children: [/*#__PURE__*/_jsx__default["default"]("div", {
-      className: classNameBlock('box')
-    }, void 0, label), /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: handRef,
-      "aria-checked": checked,
-      "aria-disabled": disabled,
-      className: "".concat(classNameElement('input'), " ").concat(defaultState ? 'default-state-checked' : ''),
-      onMouseDown: allowChange ? null : onMouseDown,
-      onMouseEnter: allowChange ? null : onMouseEnter,
-      onMouseLeave: allowChange ? null : onMouseLeave,
-      onTouchCancel: allowChange ? null : onTouchCancel,
-      onTouchEnd: allowChange ? null : onTouchEnd,
-      onTouchMove: allowChange ? null : onTouchMove,
-      onTouchStart: allowChange ? null : onTouchStart,
-      style: _objectSpread(_objectSpread({}, style), dragStyle)
-    }), /*#__PURE__*/_jsx__default["default"]("input", {
-      className: classNameElement('hidden-checkbox'),
-      defaultChecked: checked,
-      defaultValue: value,
-      name: name,
-      type: "checkbox"
-    })]
+    tabIndex: 0
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: classNameBlock("box")
+  }, label), /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: handRef,
+    "aria-checked": checked,
+    "aria-disabled": disabled,
+    className: `${classNameElement("input")} ${defaultState ? "default-state-checked" : ""}`,
+    onMouseDown: allowChange ? null : onMouseDown,
+    onMouseEnter: allowChange ? null : onMouseEnter,
+    onMouseLeave: allowChange ? null : onMouseLeave,
+    onTouchCancel: allowChange ? null : onTouchCancel,
+    onTouchEnd: allowChange ? null : onTouchEnd,
+    onTouchMove: allowChange ? null : onTouchMove,
+    onTouchStart: allowChange ? null : onTouchStart,
+    style: {
+      ...style,
+      ...dragStyle
+    }
+  }), /* @__PURE__ */ import_react.default.createElement("input", {
+    className: classNameElement("hidden-checkbox"),
+    defaultChecked: checked,
+    defaultValue: value,
+    name,
+    type: "checkbox"
   }));
 };
-
-module.exports = DSToggleRender;
+var DSToggleRender_default = DSToggleRender;
+module.exports = __toCommonJS(DSToggleRender_exports);
+//# sourceMappingURL=DSToggleRender.js.map

package/cjs/Toggle/DSToggleRender.js.map

@@ -0,0 +1,7 @@
+{
+  "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,OACR;AAAA,IACJ,iBAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,OACV,iEACF,cAAc,OAAO;AAAA,IAEvB,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,KAEV,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;AAAA,SACF;AAAA,SACA;AAAA;AAAA,MAGP,mDAAC,SAAD;AAAA,IACE,WAAW,iBAAiB;AAAA,IAC5B,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA;AAAA;AAOb,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/Toggle/index.js

@@ -1,10 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSToggle = require('./DSToggle.js');
-
-
-
-exports.DSToggleWithSchema = DSToggle.DSToggleWithSchema;
-exports["default"] = DSToggle["default"];
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 });
+  }
+  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);
+};
+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 Toggle_exports = {};
+__export(Toggle_exports, {
+  DSToggle: () => import_DSToggle.DSToggle,
+  DSToggleWithSchema: () => import_DSToggle.DSToggleWithSchema,
+  default: () => import_DSToggle.default
+});
+var React = __toESM(require("react"));
+var import_DSToggle = __toESM(require("./DSToggle"));
+module.exports = __toCommonJS(Toggle_exports);
+//# sourceMappingURL=index.js.map

package/cjs/Toggle/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/cjs/Toggle/props.js

@@ -1,69 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var PropTypes = require('prop-types');
-var propTypes = require('@elliemae/ds-shared/prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 });
+  }
+  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);
+};
+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 props_exports = {};
+__export(props_exports, {
+  togglePropTypes: () => togglePropTypes
+});
+var React = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_prop_types2 = __toESM(require("@elliemae/ds-shared/prop-types"));
 const togglePropTypes = {
-  /**
-   * Set of Properties attached to the main container
-   */
-  containerProps: PropTypes__default["default"].shape({}),
-
-  /**
-   * Whether the toggle has error or not
-   */
-  hasError: PropTypes__default["default"].bool,
-
-  /**
-   * Whether the toggle is read only or not
-   */
-  readOnly: PropTypes__default["default"].bool,
-
-  /**
-   * Whether the toggle is disabled or not
-   */
-  disabled: PropTypes__default["default"].bool,
-
-  /**
-   * Whether the toggle is checked or not
-   */
-  checked: PropTypes__default["default"].bool,
-
-  /**
-   * Allows a function that is triggered once the toggle changes
-   */
-  onChange: PropTypes__default["default"].func,
-
-  /**
-   * Label to show when the toggle is ON
-   */
-  labelOn: PropTypes__default["default"].string,
-
-  /**
-   * Label to show when the toggle is OFF
-   */
-  labelOff: PropTypes__default["default"].string,
-
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes__default["default"].string,
-
-  /**
-   * ['s', 'm', 'l']
-   */
-  size: PropTypes__default["default"].oneOf(propTypes.dsBasicSizes),
-
-  /**
-   * Input name
-   */
-  name: PropTypes__default["default"].string
+  containerProps: import_prop_types.default.shape({}),
+  hasError: import_prop_types.default.bool,
+  readOnly: import_prop_types.default.bool,
+  disabled: import_prop_types.default.bool,
+  checked: import_prop_types.default.bool,
+  onChange: import_prop_types.default.func,
+  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),
+  name: import_prop_types.default.string
 };
-
-exports.togglePropTypes = togglePropTypes;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/Toggle/props.js.map

@@ -0,0 +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;",
+  "names": []
+}

package/cjs/Toggle/toggleHelper.js

@@ -1,52 +1,69 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const isValidDrag = _ref => {
-  let {
-    inside,
-    circleWidth,
-    drag,
-    checked,
-    boxWidth
-  } = _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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 });
+  }
+  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);
+};
+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 toggleHelper_exports = {};
+__export(toggleHelper_exports, {
+  calculateDrag: () => calculateDrag,
+  cleanDrag: () => cleanDrag,
+  dragStartingPoints: () => dragStartingPoints,
+  isValidDrag: () => isValidDrag
+});
+var React = __toESM(require("react"));
+const isValidDrag = ({
+  inside,
+  circleWidth,
+  drag,
+  checked,
+  boxWidth
+}) => {
   const difference = boxWidth - circleWidth;
   return checked ? !inside && -drag > difference / 2 : !inside && drag > boxWidth / 3;
 };
 const cleanDrag = () => ({
   startPoint: null,
   isDragging: false
-}); // eslint-disable-next-line complexity
-
-const calculateDrag = (clientX, _ref2) => {
-  let {
-    startPoint,
-    checked,
-    isDragging,
-    boxWidth,
-    circleWidth
-  } = _ref2;
-  if (!isDragging) return null;
+});
+const calculateDrag = (clientX, { startPoint, checked, isDragging, boxWidth, circleWidth }) => {
+  if (!isDragging)
+    return null;
   const move = startPoint - clientX;
   const drag = !checked ? clientX - startPoint : boxWidth - circleWidth - move;
-  if (!checked && clientX > 0 && clientX > startPoint && drag < boxWidth * 0.7) return drag;
-  if (checked && clientX > 0 && clientX < startPoint && move < boxWidth * 0.7) return drag;
+  if (!checked && clientX > 0 && clientX > startPoint && drag < boxWidth * 0.7)
+    return drag;
+  if (checked && clientX > 0 && clientX < startPoint && move < boxWidth * 0.7)
+    return drag;
   return null;
 };
-const dragStartingPoints = checked => _ref3 => {
-  let {
-    circleWidth,
-    boxWidth
-  } = _ref3;
-  if (checked) return {
-    drag: boxWidth - circleWidth
-  };
+const dragStartingPoints = (checked) => ({ circleWidth, boxWidth }) => {
+  if (checked)
+    return { drag: boxWidth - circleWidth };
   return {
     drag: 0
   };
 };
-
-exports.calculateDrag = calculateDrag;
-exports.cleanDrag = cleanDrag;
-exports.dragStartingPoints = dragStartingPoints;
-exports.isValidDrag = isValidDrag;
+module.exports = __toCommonJS(toggleHelper_exports);
+//# sourceMappingURL=toggleHelper.js.map

package/cjs/Toggle/toggleHelper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Toggle/toggleHelper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const isValidDrag = ({\n  inside,\n  circleWidth,\n  drag,\n  checked,\n  boxWidth,\n}) => {\n  const difference = boxWidth - circleWidth;\n  return checked\n    ? !inside && -drag > difference / 2\n    : !inside && drag > boxWidth / 3;\n};\n\nexport const cleanDrag = () => ({\n  startPoint: null,\n  isDragging: false,\n});\n\n// eslint-disable-next-line complexity\nexport const calculateDrag = (\n  clientX,\n  { startPoint, checked, isDragging, boxWidth, circleWidth },\n) => {\n  if (!isDragging) return null;\n  const move = startPoint - clientX;\n  const drag = !checked ? clientX - startPoint : boxWidth - circleWidth - move;\n  if (!checked && clientX > 0 && clientX > startPoint && drag < boxWidth * 0.7)\n    return drag;\n  if (checked && clientX > 0 && clientX < startPoint && move < boxWidth * 0.7)\n    return drag;\n  return null;\n};\n\nexport const dragStartingPoints = (checked) => ({ circleWidth, boxWidth }) => {\n  if (checked) return { drag: boxWidth - circleWidth };\n  return {\n    drag: 0,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,aAAa,WAAW;AAC9B,SAAO,UACH,CAAC,UAAU,CAAC,OAAO,aAAa,IAChC,CAAC,UAAU,OAAO,WAAW;AAAA;AAG5B,MAAM,YAAY,MAAO;AAAA,EAC9B,YAAY;AAAA,EACZ,YAAY;AAAA;AAIP,MAAM,gBAAgB,CAC3B,SACA,EAAE,YAAY,SAAS,YAAY,UAAU,kBAC1C;AACH,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,OAAO,aAAa;AAC1B,QAAM,OAAO,CAAC,UAAU,UAAU,aAAa,WAAW,cAAc;AACxE,MAAI,CAAC,WAAW,UAAU,KAAK,UAAU,cAAc,OAAO,WAAW;AACvE,WAAO;AACT,MAAI,WAAW,UAAU,KAAK,UAAU,cAAc,OAAO,WAAW;AACtE,WAAO;AACT,SAAO;AAAA;AAGF,MAAM,qBAAqB,CAAC,YAAY,CAAC,EAAE,aAAa,eAAe;AAC5E,MAAI;AAAS,WAAO,EAAE,MAAM,WAAW;AACvC,SAAO;AAAA,IACL,MAAM;AAAA;AAAA;",
+  "names": []
+}