@elliemae/ds-form 3.0.0-next.6 → 3.0.0-next.60

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

@@ -2,6 +2,6 @@
   "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 {\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AAEA,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,0BAA0B,uBAAuB,WAAW;AAAA,IAC9D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,cAAc,YAAY;AAEhC,MAAI,QAAQ,UACV,qCAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAa,WAE9C,qCAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB;AAAA,KAAc;AAGjD,MAAI,UAAU;AACZ,YACE,qCAAC,WAAD;AAAA,MACE,iBAAgB;AAAA,MAChB,OAAM;AAAA,MACN,kBAAkB;AAAA;AAAA;AAKxB,SACE,qCAAC,OAAD;AAAA,IACE,eAAY;AAAA,KACR,iBAFN;AAAA,IAGE,iBAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,MACV,wCACF,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,qCAAC,OAAD;AAAA,IAAK,WAAW,eAAe;AAAA,KAAS,QACxC,qCAAC,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,qCAAC,SAAD;AAAA,IACE,WAAW,iBAAiB;AAAA,IAC5B,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA;AAAA;AAOb,IAAO,yBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AAEA,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,0BAA0B,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,qCAAC;AAAA,IAAI,WAAW,iBAAiB,SAAS;AAAA,KAAI,OAAQ,IAEtD,qCAAC;AAAA,IAAI,WAAW,iBAAiB,UAAU;AAAA,KAAI,QAAS;AAG1D,MAAI,UAAU;AACZ,YACE,qCAAC;AAAA,MACC,iBAAgB;AAAA,MAChB,OAAM;AAAA,MACN,kBAAkB;AAAA,KACpB;AAAA,EAEJ;AAEA,SACE,qCAAC;AAAA,IACC,eAAY;AAAA,KACR,iBAFL;AAAA,IAGC,iBAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,cAAc;AAAA,MACV,wCACF,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,qCAAC;AAAA,IAAI,WAAW,eAAe,KAAK;AAAA,KAAI,KAAM,GAC9C,qCAAC;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,qCAAC;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/esm/Toggle/props.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import PropTypes from "prop-types";
-import { dsBasicSizes } from "@elliemae/ds-shared/prop-types";
+import { dsBasicSizes } from "@elliemae/ds-shared";
 const togglePropTypes = {
   containerProps: PropTypes.shape({}),
   hasError: PropTypes.bool,

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

@@ -1,7 +1,7 @@
 {
   "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/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"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,kBAAkB;AAAA,EAI7B,gBAAgB,UAAU,MAAM;AAAA,EAIhC,UAAU,UAAU;AAAA,EAIpB,UAAU,UAAU;AAAA,EAIpB,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,UAAU,UAAU;AAAA,EAIpB,OAAO,UAAU;AAAA,EAIjB,MAAM,UAAU,MAAM;AAAA,EAItB,MAAM,UAAU;AAAA;",
+  "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;ACAA;AACA;AAEO,MAAM,kBAAkB;AAAA,EAI7B,gBAAgB,UAAU,MAAM,CAAC,CAAC;AAAA,EAIlC,UAAU,UAAU;AAAA,EAIpB,UAAU,UAAU;AAAA,EAIpB,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,UAAU,UAAU;AAAA,EAIpB,OAAO,UAAU;AAAA,EAIjB,MAAM,UAAU,MAAM,YAAY;AAAA,EAIlC,MAAM,UAAU;AAClB;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "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 = ({\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"],
-  "mappings": "AAAA;ACAO,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;",
+  "mappings": "AAAA;ACAO,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;AACnC;AAEO,MAAM,YAAY,MAAO;AAAA,EAC9B,YAAY;AAAA,EACZ,YAAY;AACd;AAGO,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;AACT;AAEO,MAAM,qBAAqB,CAAC,YAAY,CAAC,EAAE,aAAa,eAAe;AAC5E,MAAI;AAAS,WAAO,EAAE,MAAM,WAAW,YAAY;AACnD,SAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "3.0.0-next.6",
+  "version": "3.0.0-next.60",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form",
   "files": [
@@ -474,18 +474,25 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-next.6",
-    "@elliemae/ds-classnames": "3.0.0-next.6",
-    "@elliemae/ds-common": "3.0.0-next.6",
-    "@elliemae/ds-grid": "3.0.0-next.6",
-    "@elliemae/ds-icons": "3.0.0-next.6",
-    "@elliemae/ds-shared": "3.0.0-next.6",
-    "@elliemae/ds-system": "3.0.0-next.6",
-    "@elliemae/ds-text-wrapper": "3.0.0-next.6",
-    "@elliemae/ds-tooltip": "3.0.0-next.6",
-    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.6",
-    "@elliemae/ds-utilities": "3.0.0-next.6",
+    "@elliemae/ds-button": "workspace:*",
+    "@elliemae/ds-classnames": "workspace:*",
+    "@elliemae/ds-common": "workspace:*",
+    "@elliemae/ds-grid": "workspace:*",
+    "@elliemae/ds-icons": "workspace:*",
+    "@elliemae/ds-shared": "workspace:*",
+    "@elliemae/ds-system": "workspace:*",
+    "@elliemae/ds-text-wrapper": "workspace:*",
+    "@elliemae/ds-tooltip": "workspace:*",
+    "@elliemae/ds-truncated-tooltip-text": "workspace:*",
+    "@elliemae/ds-utilities": "workspace:*",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "prop-types": "~15.8.1",
@@ -495,8 +502,8 @@
     "text-mask-core": "5.1.2"
   },
   "devDependencies": {
-    "@testing-library/dom": "~8.11.1",
-    "@testing-library/jest-dom": "~5.16.1",
+    "@testing-library/dom": "~8.11.3",
+    "@testing-library/jest-dom": "~5.16.2",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3",
@@ -512,12 +519,5 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
-}
+}