@elliemae/ds-form 3.27.0-next.1 → 3.27.0-next.3

package/dist/esm/Toggle/DSToggle.js

@@ -1,103 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useDeprecateComponent } from "@elliemae/ds-utilities";
-import { PropTypes, describe } from "@elliemae/ds-props-helpers";
-import { DSToggleImpl } from "./DSToggleImpl.js";
-import { dsBasicSizes } from "@elliemae/ds-shared";
-const DSToggle = ({
-  containerProps,
-  hasError,
-  readOnly,
-  disabled,
-  checked,
-  labelOn,
-  labelOff,
-  name,
-  value,
-  size,
-  ...otherProps
-}) => {
-  useDeprecateComponent({ componentName: "ds-form/Toggle", version: "TBD Date: 2023 Q3" });
-  return /* @__PURE__ */ jsx(
-    DSToggleImpl,
-    {
-      ...otherProps,
-      checked,
-      containerProps,
-      disabled,
-      hasError,
-      labelOff,
-      labelOn,
-      name,
-      readOnly,
-      size,
-      value
-    }
-  );
-};
-DSToggle.defaultProps = {
-  labelOn: "ON",
-  labelOff: "OFF",
-  size: "s",
-  hasError: false,
-  readOnly: false,
-  disabled: false,
-  checked: void 0
-};
-const props = {
-  /**
-   * Set of Properties attached to the main container
-   */
-  containerProps: PropTypes.shape({}).description("Set of Properties attached to the main container"),
-  /**
-   * Whether the toggle has error or not
-   */
-  hasError: PropTypes.bool.description("Whether the toggle has error or not"),
-  /**
-   * Whether the toggle is read only or not
-   */
-  readOnly: PropTypes.bool.description("Whether the toggle is read only or not"),
-  /**
-   * Whether the toggle is disabled or not
-   */
-  disabled: PropTypes.bool.description("Whether the toggle is disabled or not"),
-  /**
-   * Whether the toggle is checked or not
-   */
-  checked: PropTypes.bool.description("Whether the toggle is checked or not"),
-  /**
-   * Allows a function that is triggered once the toggle changes
-   */
-  onChange: PropTypes.func.description("Allows a function that is triggered once the toggle changes"),
-  /**
-   * Label to show when the toggle is ON
-   */
-  labelOn: PropTypes.string.description("Label to show when the toggle is ON"),
-  /**
-   * Label to show when the toggle is OFF
-   */
-  labelOff: PropTypes.string.description("Label to show when the toggle is OFF"),
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes.string.description("Default value once the component is initialized"),
-  /**
-   * ['s', 'm', 'l']
-   */
-  size: PropTypes.oneOf(dsBasicSizes).description("['s', 'm', 'l']"),
-  /**
-   * Input name
-   */
-  name: PropTypes.string.description("Input name")
-};
-DSToggle.propTypes = props;
-DSToggle.displayName = "DSToggle";
-const DSToggleWithSchema = describe(DSToggle);
-DSToggleWithSchema.propTypes = props;
-var DSToggle_default = DSToggle;
-export {
-  DSToggle,
-  DSToggleWithSchema,
-  DSToggle_default as default
-};
-//# sourceMappingURL=DSToggle.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/DSToggle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSToggleImpl } from './DSToggleImpl.js';\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  useDeprecateComponent({ componentName: 'ds-form/Toggle', version: 'TBD Date: 2023 Q3' });\n\n  return (\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};\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACsBnB;AArBJ,SAAS,6BAA6B;AACtC,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,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;AAAA;AAAA;AAAA,EAIZ,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,kDAAkD;AAAA;AAAA;AAAA;AAAA,EAIlG,UAAU,UAAU,KAAK,YAAY,qCAAqC;AAAA;AAAA;AAAA;AAAA,EAI1E,UAAU,UAAU,KAAK,YAAY,wCAAwC;AAAA;AAAA;AAAA;AAAA,EAI7E,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,SAAS,UAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAI1E,UAAU,UAAU,KAAK,YAAY,6DAA6D;AAAA;AAAA;AAAA;AAAA,EAIlG,SAAS,UAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA;AAAA;AAAA,EAI3E,UAAU,UAAU,OAAO,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAI7E,OAAO,UAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA;AAAA;AAAA,EAIrF,MAAM,UAAU,MAAM,YAAY,EAAE,YAAY,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIjE,MAAM,UAAU,OAAO,YAAY,YAAY;AACjD;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,SAAS,QAAQ;AAE5C,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
-  "names": []
-}

package/dist/esm/Toggle/DSToggleImpl.js

@@ -1,228 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2, { Component } from "react";
-import { isValidDrag, cleanDrag, calculateDrag, dragStartingPoints } from "./toggleHelper.js";
-import { DSToggleRender } from "./DSToggleRender.js";
-import { togglePropTypes } from "./props.js";
-class DSToggleImpl extends Component {
-  constructor(props) {
-    super(props);
-    /**
-     * ******************************************************
-     * Drag
-     * ****************************************************** *
-     *
-     * @param clientX
-     */
-    this.onDragStart = (clientX) => {
-      const { startPoint, checked, isDragging, boxWidth, circleWidth } = this.state;
-      const drag = calculateDrag(clientX, {
-        startPoint,
-        checked,
-        isDragging,
-        boxWidth,
-        circleWidth
-      });
-      if (drag)
-        this.setState({ drag });
-      else
-        this.setDragOnChange(checked);
-    };
-    this.onDragStop = (e) => {
-      const { checked } = this.state;
-      if (isValidDrag(this.state)) {
-        this.onChange(e);
-        this.setState(cleanDrag);
-      } else
-        this.setDragOnChange(checked);
-    };
-    /**
-     * ******************************************************
-     * StandardEvents
-     * ****************************************************** *
-     *
-     * @param e
-     */
-    this.onBlur = (e) => {
-      const { onBlur, id } = this.props;
-      if (onBlur)
-        onBlur(e, id);
-    };
-    this.onFocus = (e) => {
-      const { onFocus, id } = this.props;
-      if (onFocus)
-        onFocus(e, id);
-    };
-    this.onChange = (e) => {
-      const { checked } = this.state;
-      const {
-        onChange,
-        id,
-        value
-        // checked: checkedProp,
-      } = this.props;
-      const newCheck = !checked;
-      this.setState({
-        checked: newCheck
-      });
-      e.target.value = value;
-      e.target.checked = newCheck;
-      e.checked = newCheck;
-      onChange(e, id);
-      this.setDragOnChange(newCheck);
-    };
-    /**
-     ******************************************************
-        MouseEvents
-     ******************************************************* *
-     */
-    this.onMouseEnter = () => {
-      this.setState({ inside: true });
-    };
-    this.onMouseLeave = () => {
-      this.setState({ inside: false });
-    };
-    this.onMouseMove = (event) => {
-      event.preventDefault();
-      this.onDragStart(event.clientX);
-    };
-    this.onMouseDown = (event) => {
-      this.onDragStart(event.clientX);
-      this.setState({ startPoint: event.clientX, isDragging: true });
-      window.addEventListener("mousemove", this.onMouseMove);
-      window.addEventListener("mouseup", this.onMouseUp);
-    };
-    this.onMouseUp = (event) => {
-      this.onDragStop(event);
-      window.removeEventListener("mousemove", this.onMouseMove);
-      window.removeEventListener("mouseup", this.onMouseUp);
-    };
-    /**
-     ******************************************************
-        Touch
-     ******************************************************* *
-     */
-    this.onTouchCancel = () => {
-      this.setState({ inside: false });
-    };
-    this.onTouchEnd = (event) => {
-      event.preventDefault();
-      this.onDragStop(event);
-    };
-    this.onTouchMove = (event) => {
-      this.onDragStart(event.touches[0].clientX);
-    };
-    this.onTouchStart = (event) => {
-      this.onDragStart(event.touches[0].clientX);
-      this.setState({ startPoint: event.touches[0].clientX, isDragging: true });
-    };
-    this.state = {
-      checked: props.checked || false,
-      inside: false,
-      isDragging: false,
-      // prevent draw of toggle before drag handle positioning calculations
-      hide: true,
-      drag: null,
-      startPoint: null,
-      circleWidth: null,
-      boxWidth: null
-    };
-    this.circle = React2.createRef();
-    this.box = React2.createRef();
-    this.setDragOnChange = this.setDragOnChange.bind(this);
-    this.verifyElements = this.verifyElements.bind(this);
-  }
-  componentDidMount() {
-    this.verifyElements();
-  }
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    if (this.state.hide && this.state.circleWidth && this.state.boxWidth && prevState.hide && this.state.drag !== null) {
-      this.setState({ hide: false });
-    }
-    if (snapshot) {
-      this.verifyElements();
-    }
-  }
-  static getDerivedStateFromProps(props, state) {
-    if (props.checked === true || props.checked === false) {
-      return {
-        checked: props.checked,
-        ...dragStartingPoints(props.checked)(state)
-      };
-    }
-    return null;
-  }
-  getSnapshotBeforeUpdate(prevProps) {
-    const { size } = this.props;
-    if (prevProps.size !== size) {
-      return true;
-    }
-    return false;
-  }
-  /**
-   * ******************************************************
-   * other
-   * ****************************************************** *
-   *
-   * @param currentCheckState
-   */
-  setDragOnChange(currentCheckState) {
-    this.setState(dragStartingPoints(currentCheckState));
-  }
-  verifyElements() {
-    const { checked } = this.state;
-    const { checked: checkedProp } = this.props;
-    const nodesInterval = setInterval(() => {
-      if (!this.circle || !this.box || !this.circle.current || !this.box.current)
-        return;
-      const {
-        current: { clientWidth: circleWidth }
-      } = this.circle;
-      const {
-        current: { clientWidth: boxWidth }
-      } = this.box;
-      if (!circleWidth || !boxWidth || circleWidth === boxWidth)
-        return;
-      this.setState({
-        boxWidth,
-        circleWidth
-      });
-      this.setDragOnChange(checkedProp != null ? checkedProp : checked);
-      clearInterval(nodesInterval);
-    }, 5);
-  }
-  render() {
-    const { checked, drag, inside, hide } = this.state;
-    const dragStyle = drag !== null || checked || this.props.checked ? { left: `${drag}px` } : null;
-    return /* @__PURE__ */ jsx(
-      DSToggleRender,
-      {
-        ...this.props,
-        defaultState: this.props.checked,
-        checked,
-        containerRef: this.box,
-        hide,
-        dragStyle,
-        handRef: this.circle,
-        inside,
-        onBlur: this.onBlur,
-        onChange: this.onChange,
-        onFocus: this.onFocus,
-        onMouseDown: this.onMouseDown,
-        onMouseEnter: this.onMouseEnter,
-        onMouseLeave: this.onMouseLeave,
-        onTouchCancel: this.onTouchCancel,
-        onTouchEnd: this.onTouchEnd,
-        onTouchMove: this.onTouchMove,
-        onTouchStart: this.onTouchStart
-      }
-    );
-  }
-}
-DSToggleImpl.propTypes = togglePropTypes;
-var DSToggleImpl_default = DSToggleImpl;
-export {
-  DSToggleImpl,
-  DSToggleImpl_default as default
-};
-//# sourceMappingURL=DSToggleImpl.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/DSToggleImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isValidDrag, cleanDrag, calculateDrag, dragStartingPoints } from './toggleHelper.js';\nimport { DSToggleRender } from './DSToggleRender.js';\nimport { togglePropTypes } from './props.js';\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   ******************************************************\n      MouseEvents\n   ******************************************************* *\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   ******************************************************\n      Touch\n   ******************************************************* *\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"],
-  "mappings": "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",
-  "names": ["React"]
-}

package/dist/esm/Toggle/DSToggleRender.js

@@ -1,109 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { onClickHandlerForNonInteractiveElements } from "@elliemae/ds-utilities";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { DSTooltip } from "@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 } = convertPropToCssClassName(
-    "form-element-toggle",
-    className,
-    {
-      hasError,
-      readOnly,
-      disabled,
-      checked,
-      id,
-      size
-    }
-  );
-  const allowChange = disabled || readOnly;
-  let label = checked ? /* @__PURE__ */ jsx("div", { className: classNameElement("icon-on"), children: labelOn }) : /* @__PURE__ */ jsx("div", { className: classNameElement("icon-off"), children: labelOff });
-  if (readOnly) {
-    label = /* @__PURE__ */ jsx(DSTooltip, { interactionType: "hover", title: "Read Only", triggerComponent: label });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-testid": "em-ds-toggle",
-      ...containerProps,
-      "aria-disabled": disabled,
-      defaultChecked: checked,
-      defaultValue: value,
-      ...onClickHandlerForNonInteractiveElements(allowChange ? null : onChange),
-      ref: containerRef,
-      className: `${cssClassName} ${defaultState ? "default-state-checked" : ""}${hide ? " ds-form-element-toggle-hide" : ""}`,
-      onBlur,
-      onFocus,
-      "aria-checked": checked,
-      role: "checkbox",
-      tabIndex: 0,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: classNameBlock("box"), children: label }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: handRef,
-            "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__ */ jsx(
-          "input",
-          {
-            className: classNameElement("hidden-checkbox"),
-            defaultChecked: checked,
-            defaultValue: value,
-            name,
-            type: "checkbox"
-          }
-        )
-      ]
-    }
-  );
-};
-var DSToggleRender_default = DSToggleRender;
-export {
-  DSToggleRender,
-  DSToggleRender_default as default
-};
-//# sourceMappingURL=DSToggleRender.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/DSToggleRender.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n    'form-element-toggle',\n    className,\n    {\n      hasError,\n      readOnly,\n      disabled,\n      checked,\n      id,\n      size,\n    },\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 = <DSTooltip interactionType=\"hover\" title=\"Read Only\" triggerComponent={label} />;\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(allowChange ? null : onChange)}\n      ref={containerRef}\n      className={`${cssClassName} ${defaultState ? 'default-state-checked' : ''}${\n        hide ? ' ds-form-element-toggle-hide' : ''\n      }`}\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-disabled={disabled}\n        className={`${classNameElement('input')} ${defaultState ? 'default-state-checked' : ''}`}\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACoDnB,cAUA,YAVA;AAjDJ,SAAS,+CAA+C;AACxD,SAAS,iCAAiC;AAC1C,SAAS,iBAAiB;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;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,QAAM,cAAc,YAAY;AAEhC,MAAI,QAAQ,UACV,oBAAC,SAAI,WAAW,iBAAiB,SAAS,GAAI,mBAAQ,IAEtD,oBAAC,SAAI,WAAW,iBAAiB,UAAU,GAAI,oBAAS;AAG1D,MAAI,UAAU;AACZ,YAAQ,oBAAC,aAAU,iBAAgB,SAAQ,OAAM,aAAY,kBAAkB,OAAO;AAAA,EACxF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACb,GAAG,wCAAwC,cAAc,OAAO,QAAQ;AAAA,MACzE,KAAK;AAAA,MACL,WAAW,GAAG,gBAAgB,eAAe,0BAA0B,KACrE,OAAO,iCAAiC;AAAA,MAE1C;AAAA,MACA;AAAA,MAEA,gBAAc;AAAA,MACd,MAAK;AAAA,MACL,UAAU;AAAA,MAEV;AAAA,4BAAC,SAAI,WAAW,eAAe,KAAK,GAAI,iBAAM;AAAA,QAC9C;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,iBAAe;AAAA,YACf,WAAW,GAAG,iBAAiB,OAAO,KAAK,eAAe,0BAA0B;AAAA,YACpF,aAAa,cAAc,OAAO;AAAA,YAClC,cAAc,cAAc,OAAO;AAAA,YACnC,cAAc,cAAc,OAAO;AAAA,YACnC,eAAe,cAAc,OAAO;AAAA,YACpC,YAAY,cAAc,OAAO;AAAA,YACjC,aAAa,cAAc,OAAO;AAAA,YAClC,cAAc,cAAc,OAAO;AAAA,YACnC,OAAO;AAAA,cACL,GAAG;AAAA,cACH,GAAG;AAAA,YACL;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,iBAAiB,iBAAiB;AAAA,YAC7C,gBAAgB;AAAA,YAChB,cAAc;AAAA,YACd;AAAA,YACA,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;AAGA,IAAO,yBAAQ;",
-  "names": []
-}

package/dist/esm/Toggle/index.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { default as default2, DSToggleWithSchema, DSToggle } from "./DSToggle.js";
-export {
-  DSToggle,
-  DSToggleWithSchema,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSToggleWithSchema, DSToggle } from './DSToggle.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,oBAAoB,gBAAgB;",
-  "names": ["default"]
-}

package/dist/esm/Toggle/props.js

@@ -1,53 +0,0 @@
-import * as React from "react";
-import PropTypes from "prop-types";
-import { dsBasicSizes } from "@elliemae/ds-shared";
-const togglePropTypes = {
-  /**
-   * Set of Properties attached to the main container
-   */
-  containerProps: PropTypes.shape({}),
-  /**
-   * Whether the toggle has error or not
-   */
-  hasError: PropTypes.bool,
-  /**
-   * Whether the toggle is read only or not
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * Whether the toggle is disabled or not
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Whether the toggle is checked or not
-   */
-  checked: PropTypes.bool,
-  /**
-   * Allows a function that is triggered once the toggle changes
-   */
-  onChange: PropTypes.func,
-  /**
-   * Label to show when the toggle is ON
-   */
-  labelOn: PropTypes.string,
-  /**
-   * Label to show when the toggle is OFF
-   */
-  labelOff: PropTypes.string,
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes.string,
-  /**
-   * ['s', 'm', 'l']
-   */
-  size: PropTypes.oneOf(dsBasicSizes),
-  /**
-   * Input name
-   */
-  name: PropTypes.string
-};
-export {
-  togglePropTypes
-};
-//# sourceMappingURL=props.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,eAAe;AACtB,SAAS,oBAAoB;AAEtB,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAI7B,gBAAgB,UAAU,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlC,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,MAAM,UAAU,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA,EAIlC,MAAM,UAAU;AAClB;",
-  "names": []
-}

package/dist/esm/Toggle/toggleHelper.js

@@ -1,34 +0,0 @@
-import * as React from "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
-});
-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;
-  return null;
-};
-const dragStartingPoints = (checked) => ({ circleWidth, boxWidth }) => {
-  if (checked)
-    return { drag: boxWidth - circleWidth };
-  return {
-    drag: 0
-  };
-};
-export {
-  calculateDrag,
-  cleanDrag,
-  dragStartingPoints,
-  isValidDrag
-};
-//# sourceMappingURL=toggleHelper.js.map

package/dist/esm/Toggle/toggleHelper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/toggleHelper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const isValidDrag = ({ inside, circleWidth, drag, checked, boxWidth }) => {\n  const difference = boxWidth - circleWidth;\n  return checked ? !inside && -drag > difference / 2 : !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 = (clientX, { startPoint, checked, isDragging, boxWidth, circleWidth }) => {\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) return drag;\n  if (checked && clientX > 0 && clientX < startPoint && move < boxWidth * 0.7) return drag;\n  return null;\n};\n\nexport const dragStartingPoints =\n  (checked) =>\n  ({ circleWidth, boxWidth }) => {\n    if (checked) return { drag: boxWidth - circleWidth };\n    return {\n      drag: 0,\n    };\n  };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,cAAc,CAAC,EAAE,QAAQ,aAAa,MAAM,SAAS,SAAS,MAAM;AAC/E,QAAM,aAAa,WAAW;AAC9B,SAAO,UAAU,CAAC,UAAU,CAAC,OAAO,aAAa,IAAI,CAAC,UAAU,OAAO,WAAW;AACpF;AAEO,MAAM,YAAY,OAAO;AAAA,EAC9B,YAAY;AAAA,EACZ,YAAY;AACd;AAGO,MAAM,gBAAgB,CAAC,SAAS,EAAE,YAAY,SAAS,YAAY,UAAU,YAAY,MAAM;AACpG,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;AAAK,WAAO;AACrF,MAAI,WAAW,UAAU,KAAK,UAAU,cAAc,OAAO,WAAW;AAAK,WAAO;AACpF,SAAO;AACT;AAEO,MAAM,qBACX,CAAC,YACD,CAAC,EAAE,aAAa,SAAS,MAAM;AAC7B,MAAI;AAAS,WAAO,EAAE,MAAM,WAAW,YAAY;AACnD,SAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;",
-  "names": []
-}

package/dist/types/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export * from '@elliemae/ds-common';