@elliemae/ds-form 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/RadioGroup/DSRadioGroup.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  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)
@@ -42,12 +59,11 @@ var import_defaultProps = require("./defaultProps");
 const emClassPrefix = "em-ds";
 const baseClass = `${emClassPrefix}-radio-group`;
 const RadioItem = (props) => /* @__PURE__ */ import_react.default.createElement(import_ds_shared.GroupItem, {
-  render: (context) => /* @__PURE__ */ import_react.default.createElement(import_Radio.DSRadio, {
-    ...props,
+  render: (context) => /* @__PURE__ */ import_react.default.createElement(import_Radio.DSRadio, __spreadProps(__spreadValues({}, props), {
     checked: context.activeValue === props.value,
     disabled: context.disabled || props.disabled,
     onChange: context.onChange
-  })
+  }))
 });
 const DSRadioGroup = ({
   containerProps,
@@ -79,29 +95,27 @@ const DSRadioGroup = ({
     activeValue,
     disabled,
     onChange
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    "data-testid": "ds-radiogroup",
-    ...labelProps && labelProps.labelText ? {} : containerProps,
+  }, /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({
+    "data-testid": "ds-radiogroup"
+  }, labelProps && labelProps.labelText ? {} : containerProps), {
     className: `${baseClass} ${baseClass}--${orientation}`,
     role: "group"
-  }, import_react.default.Children.map(children, (child, index) => /* @__PURE__ */ import_react.default.createElement(RadioItem, {
-    ...child.props,
+  }), import_react.default.Children.map(children, (child, index) => /* @__PURE__ */ import_react.default.createElement(RadioItem, __spreadProps(__spreadValues({}, child.props), {
     innerRef: (t) => {
       checkRefs.push(t);
     },
     onKeyDown: (e) => onKeyDown(e, index)
-  }), null)));
+  })), null)));
   if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      className: `${baseClass}-form-item-layout-wrapper`,
-      ...containerProps,
+    return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({
+      className: `${baseClass}-form-item-layout-wrapper`
+    }, containerProps), {
       role: "group"
-    }, /* @__PURE__ */ import_react.default.createElement(import_FormItem.DSFormItemLayout, {
-      ...labelProps,
+    }), /* @__PURE__ */ import_react.default.createElement(import_FormItem.DSFormItemLayout, __spreadProps(__spreadValues({}, labelProps), {
       inputComponent: group,
       onChange,
       truncateText
-    }));
+    })));
   }
   return group;
 };

package/dist/cjs/RadioGroup/DSRadioGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/RadioGroup/DSRadioGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSRadio } from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSRadio\n        {...props}\n        checked={context.activeValue === props.value}\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSRadioGroup = ({\n  containerProps,\n  onChange,\n  activeValue,\n  children,\n  orientation,\n  disabled,\n  truncateText,\n  labelProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group activeValue={activeValue} disabled={disabled} onChange={onChange}>\n      <div\n        data-testid=\"ds-radiogroup\"\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <RadioItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\n\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,mDAAC,4BAAD;AAAA,EACE,QAAQ,CAAC,YACP,mDAAC,sBAAD;AAAA,OACM;AAAA,IACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA;AAAA;AAM1B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY;AAClB,QAAM,QAAQ,qBAAM,SAAS,MAAM;AACnC,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAE5B,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAAA;AAG9B,QAAM,QACJ,mDAAC,wBAAD;AAAA,IAAO;AAAA,IAA0B;AAAA,IAAoB;AAAA,KACnD,mDAAC,OAAD;AAAA,IACE,eAAY;AAAA,OACP,cAAc,WAAW,YAAY,KAAK;AAAA,IAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,IACzC,MAAK;AAAA,KAEJ,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,mDAAC,WAAD;AAAA,OACM,MAAM;AAAA,IACV,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK;AAAA;AAAA,IAEjB,WAAW,CAAC,MAAM,UAAU,GAAG;AAAA,MAGnC;AAMR,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,mDAAC,OAAD;AAAA,MACE,WAAW,GAAG;AAAA,SACV;AAAA,MACJ,MAAK;AAAA,OAEL,mDAAC,kCAAD;AAAA,SACM;AAAA,MACJ,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA;AAAA;AAKR,SAAO;AAAA;AAGT,aAAa,YAAY;AACzB,aAAa,eAAe;AAE5B,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,mDAAC,4BAAD;AAAA,EACE,QAAQ,CAAC,YACP,mDAAC,sBAAD,iCACM,QADN;AAAA,IAEE,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA;AAAA;AAM1B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY;AAClB,QAAM,QAAQ,qBAAM,SAAS,MAAM;AACnC,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAE5B,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAAA;AAG9B,QAAM,QACJ,mDAAC,wBAAD;AAAA,IAAO;AAAA,IAA0B;AAAA,IAAoB;AAAA,KACnD,mDAAC,OAAD;AAAA,IACE,eAAY;AAAA,KACP,cAAc,WAAW,YAAY,KAAK,iBAFjD;AAAA,IAGE,WAAW,GAAG,aAAa,cAAc;AAAA,IACzC,MAAK;AAAA,MAEJ,qBAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,mDAAC,WAAD,iCACM,MAAM,QADZ;AAAA,IAEE,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK;AAAA;AAAA,IAEjB,WAAW,CAAC,MAAM,UAAU,GAAG;AAAA,OAGnC;AAMR,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,mDAAC,OAAD;AAAA,MACE,WAAW,GAAG;AAAA,OACV,iBAFN;AAAA,MAGE,MAAK;AAAA,QAEL,mDAAC,kCAAD,iCACM,aADN;AAAA,MAEE,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA;AAAA;AAKR,SAAO;AAAA;AAGT,aAAa,YAAY;AACzB,aAAa,eAAe;AAE5B,MAAM,yBAAyB,gCAAS;AACxC,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
   "names": []
 }

package/dist/cjs/TimeInput/DSTimeInput.js

@@ -1,10 +1,39 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  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)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -52,14 +81,17 @@ const DSTimeInput = ({
   className,
   clearable,
   containerProps,
-  customInputType: ({ onChange: inputOnChange, ...restInputProps }) => /* @__PURE__ */ import_react.default.createElement(import_TimeInputImpl.TimeInputImpl, {
-    "aria-label": ariaLabel,
-    disabled,
-    format,
-    onChange: (time) => inputOnChange(time),
-    ...restInputProps,
-    style
-  }),
+  customInputType: (_a) => {
+    var _b = _a, { onChange: inputOnChange } = _b, restInputProps = __objRest(_b, ["onChange"]);
+    return /* @__PURE__ */ import_react.default.createElement(import_TimeInputImpl.TimeInputImpl, __spreadProps(__spreadValues({
+      "aria-label": ariaLabel,
+      disabled,
+      format,
+      onChange: (time) => inputOnChange(time)
+    }, restInputProps), {
+      style
+    }));
+  },
   disabled,
   innerRef,
   isShowElipsisActive: false,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/TimeInput/DSTimeInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSInput } from '../Input';\nimport { TimeInputImpl } from './TimeInputImpl';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the time input changes',\n  ),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for time input wrapper'),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\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   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the time input is clearable or not',\n  ),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the time input is disabled or not',\n  ),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\n\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,mBAAwB;AACxB,2BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,MAEZ,mDAAC,sBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,kBAAkB,qBAC9C,mDAAC,oCAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS,cAAc;AAAA,OAC9B;AAAA,IACJ;AAAA;AAAA,EAGJ;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS;AAAA,EACxB;AAAA;AAIJ,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA;AAGb,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAGF,cAAc,4BAAU,OAAO,YAAY;AAAA,EAE3C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU;AAAA,KACpC,YAAY;AAAA,EAEf,WAAW,4BAAU,OAAO,YAAY;AAAA,EAIxC,QAAQ,4BAAU,OAAO,YAAY;AAAA,EAIrC,OAAO,4BAAU,OAAO,YACtB;AAAA,EAKF,WAAW,4BAAU,KAAK,YACxB;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,WAAW,4BAAU,OAAO,YAAY;AAAA;AAG1C,YAAY,YAAY;AAExB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,mBAAwB;AACxB,2BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,MAEZ,mDAAC,sBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,OAAgD;AAAhD,iBAAE,YAAU,kBAAZ,IAA8B,2BAA9B,IAA8B,CAA5B;AAClB,8DAAC,oCAAD;AAAA,MACE,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,cAAc;AAAA,OAC9B,iBALN;AAAA,MAME;AAAA;AAAA;AAAA,EAGJ;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS;AAAA,EACxB;AAAA;AAIJ,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA;AAGb,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAGF,cAAc,4BAAU,OAAO,YAAY;AAAA,EAE3C,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU;AAAA,KACpC,YAAY;AAAA,EAEf,WAAW,4BAAU,OAAO,YAAY;AAAA,EAIxC,QAAQ,4BAAU,OAAO,YAAY;AAAA,EAIrC,OAAO,4BAAU,OAAO,YACtB;AAAA,EAKF,WAAW,4BAAU,KAAK,YACxB;AAAA,EAKF,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,WAAW,4BAAU,OAAO,YAAY;AAAA;AAG1C,YAAY,YAAY;AAExB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/TimeInput/TimeInputImpl.js

@@ -2,8 +2,22 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -62,7 +76,7 @@ const TimeInputImpl = ({
     disabled,
     innerRef,
     onClick: handleFocus
-  }, /* @__PURE__ */ import_react.default.createElement(import_TimeInputs.TimeInputs, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_TimeInputs.TimeInputs, __spreadValues({
     "aria-label": ariaLabel,
     clearable,
     disabled,
@@ -71,9 +85,8 @@ const TimeInputImpl = ({
       inputsContainer = node;
     },
     onChange,
-    time: value,
-    ...visibleInputs
-  }));
+    time: value
+  }, visibleInputs)));
 };
 TimeInputImpl.propTypes = {
   containerProps: import_prop_types.default.shape({}),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/TimeInput/TimeInputImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { TimeInputs } from './TimeInputs';\n\nconst blockName = 'input-time';\n\nconst InputTimeContainer = aggregatedClasses('div')(blockName);\n\nconst TimeInputImpl = ({\n  format,\n  innerRef,\n  onChange,\n  className,\n  value,\n  disabled,\n  clearable,\n  'arial-label': ariaLabel,\n}) => {\n  const getVisibleTimeInputs = memoizeOne((formatValue) =>\n    getVisibleTimeByFormat(formatValue),\n  );\n  let inputsContainer = useRef();\n\n  const handleFocus = (e) => {\n    if (!e.target.type) {\n      inputsContainer.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));\n\n  return (\n    <InputTimeContainer\n      className={className}\n      disabled={disabled}\n      innerRef={innerRef}\n      onClick={handleFocus}\n    >\n      <TimeInputs\n        aria-label={ariaLabel}\n        clearable={clearable}\n        disabled={disabled}\n        format={format}\n        innerRef={(node) => {\n          inputsContainer = node;\n        }}\n        onChange={onChange}\n        time={value}\n        {...visibleInputs}\n      />\n    </InputTimeContainer>\n  );\n};\n\nTimeInputImpl.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /**\n   * Inner reference to the input\n   */\n  innerRef: PropTypes.any,\n  /**\n   * Classes to add to the container\n   */\n  className: PropTypes.string,\n  /**\n   * Styles to add to the container\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Aria label to add to the container\n   */\n  'aria-label': PropTypes.bool,\n  'arial-label': PropTypes.bool,\n};\n\nexport { TimeInputImpl };\nexport default TimeInputImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuC;AACvC,wBAAsB;AACtB,0BAAuC;AACvC,yBAAuB;AACvB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,4CAAkB,OAAO;AAEpD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,MACX;AACJ,QAAM,uBAAuB,gCAAW,CAAC,gBACvC,gDAAuB;AAEzB,MAAI,kBAAkB;AAEtB,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,SAAS;AAAA;AAAA;AAI3C,QAAM,gBAAgB,0BAAQ,MAAM,qBAAqB;AAEzD,SACE,mDAAC,oBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,KAET,mDAAC,8BAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,wBAAkB;AAAA;AAAA,IAEpB;AAAA,IACA,MAAM;AAAA,OACF;AAAA;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,gBAAgB,0BAAU,MAAM;AAAA,EAIhC,UAAU,0BAAU;AAAA,EAIpB,WAAW,0BAAU;AAAA,EAIrB,OAAO,0BAAU,MAAM;AAAA,EAIvB,UAAU,0BAAU;AAAA,EAIpB,QAAQ,0BAAU;AAAA,EAIlB,OAAO,0BAAU;AAAA,EAIjB,WAAW,0BAAU;AAAA,EAIrB,UAAU,0BAAU;AAAA,EAIpB,cAAc,0BAAU;AAAA,EACxB,eAAe,0BAAU;AAAA;AAI3B,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuC;AACvC,wBAAsB;AACtB,0BAAuC;AACvC,yBAAuB;AACvB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,4CAAkB,OAAO;AAEpD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,MACX;AACJ,QAAM,uBAAuB,gCAAW,CAAC,gBACvC,gDAAuB;AAEzB,MAAI,kBAAkB;AAEtB,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,SAAS;AAAA;AAAA;AAI3C,QAAM,gBAAgB,0BAAQ,MAAM,qBAAqB;AAEzD,SACE,mDAAC,oBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,KAET,mDAAC,8BAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,wBAAkB;AAAA;AAAA,IAEpB;AAAA,IACA,MAAM;AAAA,KACF;AAAA;AAMZ,cAAc,YAAY;AAAA,EACxB,gBAAgB,0BAAU,MAAM;AAAA,EAIhC,UAAU,0BAAU;AAAA,EAIpB,WAAW,0BAAU;AAAA,EAIrB,OAAO,0BAAU,MAAM;AAAA,EAIvB,UAAU,0BAAU;AAAA,EAIpB,QAAQ,0BAAU;AAAA,EAIlB,OAAO,0BAAU;AAAA,EAIjB,WAAW,0BAAU;AAAA,EAIrB,UAAU,0BAAU;AAAA,EAIpB,cAAc,0BAAU;AAAA,EACxB,eAAe,0BAAU;AAAA;AAI3B,IAAO,wBAAQ;",
   "names": []
 }

package/dist/cjs/TimeInput/TimeInputs.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  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)
@@ -251,8 +268,7 @@ const TimeInputs = ({
   const renderSecondsInput = () => {
     if (!showSeconds)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(TimeInput, {
-      ...(0, import_utils.commonInputProps)((e) => onKeyDown(e, import_constants.GENERAL_TIME_RANGE.max), onInputFocus, onClick),
+    return /* @__PURE__ */ import_react.default.createElement(TimeInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)((e) => onKeyDown(e, import_constants.GENERAL_TIME_RANGE.max), onInputFocus, onClick)), {
       key: "seconds-input",
       "data-testid": "ds-time-input__seconds",
       "aria-label": ariaLabel || ariaLabel2 || "Seconds Input",
@@ -261,13 +277,12 @@ const TimeInputs = ({
       onChange: handleSecondsChange,
       placeholder: (0, import_utils.placeholderFormat)(import_constants.PLACEHOLDER_TIME.seconds, format),
       value: seconds
-    });
+    }));
   };
   const renderMinutesInput = () => {
     if (!showMinutes)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(TimeInput, {
-      ...(0, import_utils.commonInputProps)((e) => onKeyDown(e, import_constants.GENERAL_TIME_RANGE.max), onInputFocus, onClick),
+    return /* @__PURE__ */ import_react.default.createElement(TimeInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)((e) => onKeyDown(e, import_constants.GENERAL_TIME_RANGE.max), onInputFocus, onClick)), {
       key: "minutes-input",
       "data-testid": "ds-time-input__minutes",
       "aria-label": ariaLabel || ariaLabel2 || "Minutes Input",
@@ -276,14 +291,13 @@ const TimeInputs = ({
       onChange: handleMinutesChange,
       placeholder: (0, import_utils.placeholderFormat)(import_constants.PLACEHOLDER_TIME.minutes, format),
       value: minutes
-    });
+    }));
   };
   const renderHoursInput = () => {
     if (!showHours)
       return null;
     const hourFormatRange = use12Hours ? import_constants.HOUR_RANGE_12 : import_constants.HOUR_RANGE_24;
-    return /* @__PURE__ */ import_react.default.createElement(TimeInput, {
-      ...(0, import_utils.commonInputProps)((e) => onKeyDown(e, hourFormatRange.max), onInputFocus, onClick),
+    return /* @__PURE__ */ import_react.default.createElement(TimeInput, __spreadProps(__spreadValues({}, (0, import_utils.commonInputProps)((e) => onKeyDown(e, hourFormatRange.max), onInputFocus, onClick)), {
       key: "hour-input",
       "data-testid": "ds-time-input__hours",
       "aria-label": ariaLabel || ariaLabel2 || "Hours Input",
@@ -292,13 +306,12 @@ const TimeInputs = ({
       onChange: handleHoursChange,
       placeholder: (0, import_utils.placeholderFormat)(import_constants.PLACEHOLDER_TIME.hour, format, use12Hours),
       value: hours
-    });
+    }));
   };
   const renderMeridiemInput = () => {
     if (!use12Hours)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(TimeInput, {
-      ...import_utils.commonInputProps,
+    return /* @__PURE__ */ import_react.default.createElement(TimeInput, __spreadProps(__spreadValues({}, import_utils.commonInputProps), {
       key: "meridiem-input",
       "data-testid": "ds-time-input__ampm",
       "aria-label": ariaLabel || ariaLabel2 || "Meridiem Input",
@@ -307,7 +320,7 @@ const TimeInputs = ({
       onKeyDown: handleMeridiemKeyDown,
       placeholder: (0, import_utils.placeholderFormat)(import_constants.PLACEHOLDER_TIME.meridiem, format),
       value: meridiem
-    });
+    }));
   };
   const renderTimeInputs = () => {
     const inputs = [

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/TimeInput/TimeInputs.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport {\n  commonInputProps,\n  formatHour,\n  formatMinutes,\n  formatSeconds,\n  formatMeridiem,\n  getValidTimeNumber,\n  setNativeValue,\n  parseTimeNumberFromText,\n  focusNextInput,\n  focusPreviousInput,\n  getTimeValuesFromTime,\n  isArrowIncrementDecrement,\n  shouldFocusNextInput,\n  placeholderFormat,\n} from './utils';\nimport {\n  AM,\n  PM,\n  ARROW_UP,\n  ARROW_DOWN,\n  BACKSPACE,\n  ESCAPE,\n  HOME,\n  HOUR_RANGE_12,\n  HOUR_RANGE_24,\n  GENERAL_TIME_RANGE,\n  END,\n  PLACEHOLDER_TIME,\n  SHIFT,\n} from '@elliemae/ds-shared/constants';\n\nconst blockName = 'input-times-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst TimeInput = aggregatedClasses('input')(blockName, 'input');\nconst Divider = aggregatedClasses('span')(\n  blockName,\n  'divider',\n  ({ value }) => ({\n    value,\n  }),\n);\n\n// eslint-disable-next-line react/prop-types\nconst TimeDivider = ({ content = ':', value = '' }) => (\n  <Divider value={!!value}>{content}</Divider>\n);\n\nconst TimeInputs = ({\n  time,\n  format,\n  use12Hours,\n  step = 1,\n  showHours,\n  showMinutes,\n  showSeconds,\n  onChange,\n  disabled,\n  innerRef,\n  clearable,\n  'arial-label': ariaLabel,\n  'aria-label': ariaLabel2,\n}) => {\n  const [meridiem, setMeridiem] = useState('');\n  const [hours, setHours] = useState('');\n  const [minutes, setMinutes] = useState('');\n  const [hasInputValue, setHasInputValue] = useState(false);\n  const [seconds, setSeconds] = useState('');\n  const [currentKey, setCurrentKey] = useState('');\n  const [hasInputBeenTriggered, setHasInputBeenTriggered] = useState(false);\n\n  const [lastTypedNumber, setLastTypedNumber] = useState(null);\n  const inputRefs = {\n    hours: null,\n    minutes: null,\n    seconds: null,\n    meridiem: null,\n  };\n\n  useEffect(() => {\n    if (time && moment(time).isValid()) {\n      const timeValues = getTimeValuesFromTime(time, format, use12Hours);\n\n      setMeridiem(timeValues.meridiem);\n      setHours(timeValues.hours);\n      setMinutes(timeValues.minutes);\n      setSeconds(timeValues.seconds);\n    } else {\n      setMeridiem('');\n      setHours('');\n      setMinutes('');\n      setSeconds('');\n    }\n  }, [time, format, use12Hours]);\n\n  useEffect(() => {\n    const selectedTime = time || moment();\n    if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {\n      if (showHours && hours) selectedTime.hours(hours);\n      if (showMinutes && minutes) selectedTime.minutes(minutes);\n      if (showSeconds && seconds) selectedTime.seconds(seconds);\n      if (use12Hours && meridiem) {\n        const nextHours =\n          meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n        selectedTime.hour(nextHours);\n      }\n      onChange(selectedTime);\n      setHasInputBeenTriggered(false);\n    }\n  }, [hours, minutes, seconds, meridiem]);\n\n  const focusNextInputIfNeeded = (currentEl, max, number) => {\n    if (\n      shouldFocusNextInput(max, number, currentEl.value) &&\n      !isArrowIncrementDecrement(currentKey) &&\n      !hasInputValue\n    ) {\n      focusNextInput(currentEl);\n    }\n  };\n\n  const getNextTimeValue = (value, incrementing = true) => {\n    const parsedValue = parseTimeNumberFromText(value);\n    return incrementing ? parsedValue + step : parsedValue - step;\n  };\n\n  const onInputFocus = (e) => {\n    e.preventDefault();\n    e.stopPropagation();\n    e.target.select();\n  };\n\n  const onClick = (e) => {\n    if (e.target.value) {\n      setHasInputValue(true);\n    }\n  };\n\n  // eslint-disable-next-line max-statements\n  const onKeyDown = (event, max) => {\n    const { target } = event;\n    const { value } = target;\n    setLastTypedNumber(event.key);\n    switch (event.key) {\n      case ARROW_UP: {\n        event.preventDefault();\n        setCurrentKey(event.key);\n        const incrementedValue = getNextTimeValue(value);\n        setNativeValue(event.target, incrementedValue);\n        break;\n      }\n      case ARROW_DOWN: {\n        event.preventDefault();\n        setCurrentKey(event.key);\n        const decrementedValue = getNextTimeValue(value, false);\n        setNativeValue(event.target, decrementedValue);\n        break;\n      }\n      case BACKSPACE: {\n        event.preventDefault();\n        if (!value) {\n          focusPreviousInput(event.target);\n        } else {\n          setNativeValue(event.target, '');\n        }\n        break;\n      }\n      case ESCAPE: {\n        event.preventDefault();\n        event.target.blur();\n        break;\n      }\n      case HOME: {\n        event.preventDefault();\n        setNativeValue(event.target, String(max));\n        focusNextInput(event.target);\n        break;\n      }\n      case END: {\n        event.preventDefault();\n        setNativeValue(event.target, '00');\n        focusNextInput(event.target);\n        break;\n      }\n      case SHIFT:\n        event.preventDefault();\n        setCurrentKey(event.key);\n        break;\n      default:\n        break;\n    }\n  };\n\n  const isTimeCompletelySet = () => {\n    let neededValues = [];\n\n    if (showHours) neededValues = [...neededValues, hours || null];\n    if (showMinutes) neededValues = [...neededValues, minutes || null];\n    if (showSeconds) neededValues = [...neededValues, seconds || null];\n    if (use12Hours) neededValues = [...neededValues, meridiem || null];\n\n    return !neededValues.some((value) => !value);\n  };\n\n  const handleSecondsChange = (e) => {\n    const { value } = e.target;\n    const secondsHandled = parseTimeNumberFromText(value);\n\n    const nextSeconds = getValidTimeNumber(\n      GENERAL_TIME_RANGE,\n      secondsHandled,\n      lastTypedNumber,\n    );\n\n    setSeconds(formatSeconds(format, nextSeconds));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n  };\n\n  const handleMinutesChange = (e) => {\n    const { value } = e.target;\n    const minutesHandled = parseTimeNumberFromText(value);\n    const nextMinutes = getValidTimeNumber(\n      GENERAL_TIME_RANGE,\n      minutesHandled,\n      lastTypedNumber,\n    );\n\n    setMinutes(formatMinutes(format, nextMinutes));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n  };\n\n  const handleHoursChange = (e) => {\n    const { value } = e.target;\n    const hour = parseTimeNumberFromText(value);\n    const hoursRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n    const nextHour = getValidTimeNumber(hoursRange, hour, lastTypedNumber);\n    setHours(formatHour(format, nextHour));\n    setHasInputBeenTriggered(true);\n    focusNextInputIfNeeded(e.target, hoursRange.max, value);\n  };\n\n  const handleMeridiemKeyDown = (e) => {\n    if (e.key === ARROW_UP || e.key === 'a') {\n      setMeridiem(formatMeridiem(format, AM));\n    } else if (e.key === ARROW_DOWN || e.key === 'p') {\n      setMeridiem(formatMeridiem(format, PM));\n    } else if (e.key === SHIFT) {\n      setCurrentKey(e.key);\n    } else if (e.key === BACKSPACE) {\n      setMeridiem('');\n    }\n    setHasInputBeenTriggered(true);\n  };\n\n  const handleMeridiemBlur = (e) => {\n    const { value } = e.target;\n    if (value !== AM && value !== PM) {\n      setMeridiem('');\n    }\n  };\n\n  const handleOnBlur = (event) => {\n    const selectedTime = moment();\n    if (clearable && !event.currentTarget.contains(event.relatedTarget)) {\n      if (showHours && hours) selectedTime.hours(hours);\n      if (showMinutes && minutes) selectedTime.minutes(minutes);\n      if (showSeconds && seconds) selectedTime.seconds(seconds);\n      if (use12Hours && meridiem) {\n        const nextHours =\n          meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n        selectedTime.hour(nextHours);\n      }\n      onChange(selectedTime);\n    }\n  };\n\n  const renderSecondsInput = () => {\n    if (!showSeconds) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps(\n          (e) => onKeyDown(e, GENERAL_TIME_RANGE.max),\n          onInputFocus,\n          onClick,\n        )}\n        key=\"seconds-input\"\n        data-testid=\"ds-time-input__seconds\"\n        aria-label={ariaLabel || ariaLabel2 || 'Seconds Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.seconds = node)}\n        onChange={handleSecondsChange}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.seconds, format)}\n        value={seconds}\n      />\n    );\n  };\n\n  const renderMinutesInput = () => {\n    if (!showMinutes) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps(\n          (e) => onKeyDown(e, GENERAL_TIME_RANGE.max),\n          onInputFocus,\n          onClick,\n        )}\n        key=\"minutes-input\"\n        data-testid=\"ds-time-input__minutes\"\n        aria-label={ariaLabel || ariaLabel2 || 'Minutes Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.minutes = node)}\n        onChange={handleMinutesChange}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.minutes, format)}\n        value={minutes}\n      />\n    );\n  };\n\n  const renderHoursInput = () => {\n    if (!showHours) return null;\n    const hourFormatRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n    return (\n      <TimeInput\n        {...commonInputProps(\n          (e) => onKeyDown(e, hourFormatRange.max),\n          onInputFocus,\n          onClick,\n        )}\n        key=\"hour-input\"\n        data-testid=\"ds-time-input__hours\"\n        aria-label={ariaLabel || ariaLabel2 || 'Hours Input'}\n        disabled={disabled}\n        // eslint-disable-next-line no-return-assign\n        innerRef={(node) => (inputRefs.hours = node)}\n        onChange={handleHoursChange}\n        placeholder={placeholderFormat(\n          PLACEHOLDER_TIME.hour,\n          format,\n          use12Hours,\n        )}\n        value={hours}\n      />\n    );\n  };\n\n  const renderMeridiemInput = () => {\n    if (!use12Hours) return null;\n\n    return (\n      <TimeInput\n        {...commonInputProps}\n        key=\"meridiem-input\"\n        data-testid=\"ds-time-input__ampm\"\n        aria-label={ariaLabel || ariaLabel2 || 'Meridiem Input'}\n        disabled={disabled}\n        onBlur={handleMeridiemBlur}\n        onKeyDown={handleMeridiemKeyDown}\n        placeholder={placeholderFormat(PLACEHOLDER_TIME.meridiem, format)}\n        value={meridiem}\n      />\n    );\n  };\n\n  const renderTimeInputs = () => {\n    const inputs = [\n      renderHoursInput(),\n      renderMinutesInput(),\n      renderSecondsInput(),\n    ];\n    /* eslint-disable indent */\n    const inputsWithDividers = inputs.reduce(\n      (acc, input, index) =>\n        input\n          ? acc.concat([\n              index ? (\n                <TimeDivider\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={index}\n                  content=\":\"\n                  value={input.props.value}\n                />\n              ) : null,\n              input,\n            ])\n          : acc,\n      [],\n    );\n    /* eslint-enable indent */\n\n    return [\n      inputsWithDividers,\n      React.createElement('span', { key: 'span' }), // hack for next/prev focus\n      renderMeridiemInput(),\n    ];\n  };\n\n  return (\n    <InputTimesGroup onBlur={handleOnBlur} innerRef={innerRef}>\n      {renderTimeInputs()}\n    </InputTimesGroup>\n  );\n};\n\nexport { TimeInputs };\nexport default TimeInputs;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAA2C;AAC3C,2BAAkC;AAClC,oBAAmB;AACnB,mBAeO;AACP,uBAcO;AAEP,MAAM,YAAY;AAElB,MAAM,kBAAkB,4CAAkB,OAAO;AACjD,MAAM,YAAY,4CAAkB,SAAS,WAAW;AACxD,MAAM,UAAU,4CAAkB,QAChC,WACA,WACA,CAAC,EAAE,YAAa;AAAA,EACd;AAAA;AAKJ,MAAM,cAAc,CAAC,EAAE,UAAU,KAAK,QAAQ,SAC5C,mDAAC,SAAD;AAAA,EAAS,OAAO,CAAC,CAAC;AAAA,GAAQ;AAG5B,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,MACV;AACJ,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,CAAC,OAAO,YAAY,2BAAS;AACnC,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AACnD,QAAM,CAAC,SAAS,cAAc,2BAAS;AACvC,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,uBAAuB,4BAA4B,2BAAS;AAEnE,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AACvD,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA;AAGZ,8BAAU,MAAM;AACd,QAAI,QAAQ,2BAAO,MAAM,WAAW;AAClC,YAAM,aAAa,wCAAsB,MAAM,QAAQ;AAEvD,kBAAY,WAAW;AACvB,eAAS,WAAW;AACpB,iBAAW,WAAW;AACtB,iBAAW,WAAW;AAAA,WACjB;AACL,kBAAY;AACZ,eAAS;AACT,iBAAW;AACX,iBAAW;AAAA;AAAA,KAEZ,CAAC,MAAM,QAAQ;AAElB,8BAAU,MAAM;AACd,UAAM,eAAe,QAAQ;AAC7B,QAAI,yBAAyB,aAAa,SAAS,uBAAuB;AACxE,UAAI,aAAa;AAAO,qBAAa,MAAM;AAC3C,UAAI,eAAe;AAAS,qBAAa,QAAQ;AACjD,UAAI,eAAe;AAAS,qBAAa,QAAQ;AACjD,UAAI,cAAc,UAAU;AAC1B,cAAM,YACJ,SAAS,kBAAkB,sBAAK,QAAQ,KAAM,QAAQ,KAAM;AAC9D,qBAAa,KAAK;AAAA;AAEpB,eAAS;AACT,+BAAyB;AAAA;AAAA,KAE1B,CAAC,OAAO,SAAS,SAAS;AAE7B,QAAM,yBAAyB,CAAC,WAAW,KAAK,WAAW;AACzD,QACE,uCAAqB,KAAK,QAAQ,UAAU,UAC5C,CAAC,4CAA0B,eAC3B,CAAC,eACD;AACA,uCAAe;AAAA;AAAA;AAInB,QAAM,mBAAmB,CAAC,OAAO,eAAe,SAAS;AACvD,UAAM,cAAc,0CAAwB;AAC5C,WAAO,eAAe,cAAc,OAAO,cAAc;AAAA;AAG3D,QAAM,eAAe,CAAC,MAAM;AAC1B,MAAE;AACF,MAAE;AACF,MAAE,OAAO;AAAA;AAGX,QAAM,UAAU,CAAC,MAAM;AACrB,QAAI,EAAE,OAAO,OAAO;AAClB,uBAAiB;AAAA;AAAA;AAKrB,QAAM,YAAY,CAAC,OAAO,QAAQ;AAChC,UAAM,EAAE,WAAW;AACnB,UAAM,EAAE,UAAU;AAClB,uBAAmB,MAAM;AACzB,YAAQ,MAAM;AAAA,WACP,2BAAU;AACb,cAAM;AACN,sBAAc,MAAM;AACpB,cAAM,mBAAmB,iBAAiB;AAC1C,yCAAe,MAAM,QAAQ;AAC7B;AAAA;AAAA,WAEG,6BAAY;AACf,cAAM;AACN,sBAAc,MAAM;AACpB,cAAM,mBAAmB,iBAAiB,OAAO;AACjD,yCAAe,MAAM,QAAQ;AAC7B;AAAA;AAAA,WAEG,4BAAW;AACd,cAAM;AACN,YAAI,CAAC,OAAO;AACV,+CAAmB,MAAM;AAAA,eACpB;AACL,2CAAe,MAAM,QAAQ;AAAA;AAE/B;AAAA;AAAA,WAEG,yBAAQ;AACX,cAAM;AACN,cAAM,OAAO;AACb;AAAA;AAAA,WAEG,uBAAM;AACT,cAAM;AACN,yCAAe,MAAM,QAAQ,OAAO;AACpC,yCAAe,MAAM;AACrB;AAAA;AAAA,WAEG,sBAAK;AACR,cAAM;AACN,yCAAe,MAAM,QAAQ;AAC7B,yCAAe,MAAM;AACrB;AAAA;AAAA,WAEG;AACH,cAAM;AACN,sBAAc,MAAM;AACpB;AAAA;AAEA;AAAA;AAAA;AAIN,QAAM,sBAAsB,MAAM;AAChC,QAAI,eAAe;AAEnB,QAAI;AAAW,qBAAe,CAAC,GAAG,cAAc,SAAS;AACzD,QAAI;AAAa,qBAAe,CAAC,GAAG,cAAc,WAAW;AAC7D,QAAI;AAAa,qBAAe,CAAC,GAAG,cAAc,WAAW;AAC7D,QAAI;AAAY,qBAAe,CAAC,GAAG,cAAc,YAAY;AAE7D,WAAO,CAAC,aAAa,KAAK,CAAC,UAAU,CAAC;AAAA;AAGxC,QAAM,sBAAsB,CAAC,MAAM;AACjC,UAAM,EAAE,UAAU,EAAE;AACpB,UAAM,iBAAiB,0CAAwB;AAE/C,UAAM,cAAc,qCAClB,qCACA,gBACA;AAGF,eAAW,gCAAc,QAAQ;AACjC,6BAAyB;AACzB,2BAAuB,EAAE,QAAQ,oCAAmB,KAAK;AAAA;AAG3D,QAAM,sBAAsB,CAAC,MAAM;AACjC,UAAM,EAAE,UAAU,EAAE;AACpB,UAAM,iBAAiB,0CAAwB;AAC/C,UAAM,cAAc,qCAClB,qCACA,gBACA;AAGF,eAAW,gCAAc,QAAQ;AACjC,6BAAyB;AACzB,2BAAuB,EAAE,QAAQ,oCAAmB,KAAK;AAAA;AAG3D,QAAM,oBAAoB,CAAC,MAAM;AAC/B,UAAM,EAAE,UAAU,EAAE;AACpB,UAAM,OAAO,0CAAwB;AACrC,UAAM,aAAa,aAAa,iCAAgB;AAEhD,UAAM,WAAW,qCAAmB,YAAY,MAAM;AACtD,aAAS,6BAAW,QAAQ;AAC5B,6BAAyB;AACzB,2BAAuB,EAAE,QAAQ,WAAW,KAAK;AAAA;AAGnD,QAAM,wBAAwB,CAAC,MAAM;AACnC,QAAI,EAAE,QAAQ,6BAAY,EAAE,QAAQ,KAAK;AACvC,kBAAY,iCAAe,QAAQ;AAAA,eAC1B,EAAE,QAAQ,+BAAc,EAAE,QAAQ,KAAK;AAChD,kBAAY,iCAAe,QAAQ;AAAA,eAC1B,EAAE,QAAQ,wBAAO;AAC1B,oBAAc,EAAE;AAAA,eACP,EAAE,QAAQ,4BAAW;AAC9B,kBAAY;AAAA;AAEd,6BAAyB;AAAA;AAG3B,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,EAAE,UAAU,EAAE;AACpB,QAAI,UAAU,uBAAM,UAAU,qBAAI;AAChC,kBAAY;AAAA;AAAA;AAIhB,QAAM,eAAe,CAAC,UAAU;AAC9B,UAAM,eAAe;AACrB,QAAI,aAAa,CAAC,MAAM,cAAc,SAAS,MAAM,gBAAgB;AACnE,UAAI,aAAa;AAAO,qBAAa,MAAM;AAC3C,UAAI,eAAe;AAAS,qBAAa,QAAQ;AACjD,UAAI,eAAe;AAAS,qBAAa,QAAQ;AACjD,UAAI,cAAc,UAAU;AAC1B,cAAM,YACJ,SAAS,kBAAkB,sBAAK,QAAQ,KAAM,QAAQ,KAAM;AAC9D,qBAAa,KAAK;AAAA;AAEpB,eAAS;AAAA;AAAA;AAIb,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAa,aAAO;AAEzB,WACE,mDAAC,WAAD,iCACM,mCACF,CAAC,MAAM,UAAU,GAAG,oCAAmB,MACvC,cACA,WAJJ;AAAA,MAME,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MAEA,UAAU,CAAC,SAAU,UAAU,UAAU;AAAA,MACzC,UAAU;AAAA,MACV,aAAa,oCAAkB,kCAAiB,SAAS;AAAA,MACzD,OAAO;AAAA;AAAA;AAKb,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAa,aAAO;AAEzB,WACE,mDAAC,WAAD,iCACM,mCACF,CAAC,MAAM,UAAU,GAAG,oCAAmB,MACvC,cACA,WAJJ;AAAA,MAME,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MAEA,UAAU,CAAC,SAAU,UAAU,UAAU;AAAA,MACzC,UAAU;AAAA,MACV,aAAa,oCAAkB,kCAAiB,SAAS;AAAA,MACzD,OAAO;AAAA;AAAA;AAKb,QAAM,mBAAmB,MAAM;AAC7B,QAAI,CAAC;AAAW,aAAO;AACvB,UAAM,kBAAkB,aAAa,iCAAgB;AAErD,WACE,mDAAC,WAAD,iCACM,mCACF,CAAC,MAAM,UAAU,GAAG,gBAAgB,MACpC,cACA,WAJJ;AAAA,MAME,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MAEA,UAAU,CAAC,SAAU,UAAU,QAAQ;AAAA,MACvC,UAAU;AAAA,MACV,aAAa,oCACX,kCAAiB,MACjB,QACA;AAAA,MAEF,OAAO;AAAA;AAAA;AAKb,QAAM,sBAAsB,MAAM;AAChC,QAAI,CAAC;AAAY,aAAO;AAExB,WACE,mDAAC,WAAD,iCACM,gCADN;AAAA,MAEE,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa,oCAAkB,kCAAiB,UAAU;AAAA,MAC1D,OAAO;AAAA;AAAA;AAKb,QAAM,mBAAmB,MAAM;AAC7B,UAAM,SAAS;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA;AAGF,UAAM,qBAAqB,OAAO,OAChC,CAAC,KAAK,OAAO,UACX,QACI,IAAI,OAAO;AAAA,MACT,QACE,mDAAC,aAAD;AAAA,QAEE,KAAK;AAAA,QACL,SAAQ;AAAA,QACR,OAAO,MAAM,MAAM;AAAA,WAEnB;AAAA,MACJ;AAAA,SAEF,KACN;AAIF,WAAO;AAAA,MACL;AAAA,MACA,qBAAM,cAAc,QAAQ,EAAE,KAAK;AAAA,MACnC;AAAA;AAAA;AAIJ,SACE,mDAAC,iBAAD;AAAA,IAAiB,QAAQ;AAAA,IAAc;AAAA,KACpC;AAAA;AAMP,IAAO,qBAAQ;",
   "names": []
 }

package/dist/cjs/Toggle/DSToggle.js

@@ -1,10 +1,39 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  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)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -36,31 +65,43 @@ 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");
-const DSToggle = ({
-  containerProps,
-  hasError,
-  readOnly,
-  disabled,
-  checked,
-  labelOn,
-  labelOff,
-  name,
-  value,
-  size,
-  ...otherProps
-}) => /* @__PURE__ */ import_react.default.createElement(import_DSToggleImpl.DSToggleImpl, {
-  ...otherProps,
-  checked,
-  containerProps,
-  disabled,
-  hasError,
-  labelOff,
-  labelOn,
-  name,
-  readOnly,
-  size,
-  value
-});
+const DSToggle = (_a) => {
+  var _b = _a, {
+    containerProps,
+    hasError,
+    readOnly,
+    disabled,
+    checked,
+    labelOn,
+    labelOff,
+    name,
+    value,
+    size
+  } = _b, otherProps = __objRest(_b, [
+    "containerProps",
+    "hasError",
+    "readOnly",
+    "disabled",
+    "checked",
+    "labelOn",
+    "labelOff",
+    "name",
+    "value",
+    "size"
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_DSToggleImpl.DSToggleImpl, __spreadProps(__spreadValues({}, otherProps), {
+    checked,
+    containerProps,
+    disabled,
+    hasError,
+    labelOff,
+    labelOn,
+    name,
+    readOnly,
+    size,
+    value
+  }));
+};
 DSToggle.defaultProps = {
   labelOn: "ON",
   labelOff: "OFF",

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

@@ -2,6 +2,6 @@
   "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;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,mDAAC,kCAAD;AAAA,KACM;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;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;",
+  "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;",
   "names": []
 }

package/dist/cjs/Toggle/DSToggleImpl.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  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)
@@ -154,10 +171,9 @@ class DSToggleImpl extends import_react.Component {
   }
   static getDerivedStateFromProps(props, state) {
     if (props.checked === true || props.checked === false) {
-      return {
-        checked: props.checked,
-        ...(0, import_toggleHelper.dragStartingPoints)(props.checked)(state)
-      };
+      return __spreadValues({
+        checked: props.checked
+      }, (0, import_toggleHelper.dragStartingPoints)(props.checked)(state));
     }
     return null;
   }
@@ -196,8 +212,7 @@ class DSToggleImpl extends import_react.Component {
   render() {
     const { checked, drag, inside, hide } = this.state;
     const dragStyle = drag !== null || checked || this.props.checked ? { left: `${drag}px` } : null;
-    return /* @__PURE__ */ import_react.default.createElement(import_DSToggleRender.DSToggleRender, {
-      ...this.props,
+    return /* @__PURE__ */ import_react.default.createElement(import_DSToggleRender.DSToggleRender, __spreadProps(__spreadValues({}, this.props), {
       defaultState: this.props.checked,
       checked,
       containerRef: this.box,
@@ -215,7 +230,7 @@ class DSToggleImpl extends import_react.Component {
       onTouchEnd: this.onTouchEnd,
       onTouchMove: this.onTouchMove,
       onTouchStart: this.onTouchStart
-    });
+    }));
   }
 }
 DSToggleImpl.propTypes = import_props.togglePropTypes;

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

@@ -2,6 +2,6 @@
   "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,0BAKO;AACP,4BAA+B;AAC/B,mBAAgC;AAEhC,2BAA2B,uBAAU;AAAA,EACnC,YAAY,OAAO;AACjB,UAAM;AA2CR,uBAAc,CAAC,YAAY;AACzB,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,KAAK;AAET,YAAM,OAAO,uCAAc,SAAS;AAAA,QAClC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAEF,UAAI;AAAM,aAAK,SAAS,EAAE;AAAA;AAErB,aAAK,gBAAgB;AAAA;AAG5B,sBAAa,CAAC,MAAM;AAClB,YAAM,EAAE,YAAY,KAAK;AAEzB,UAAI,qCAAY,KAAK,QAAQ;AAC3B,aAAK,SAAS;AACd,aAAK,SAAS;AAAA;AAET,aAAK,gBAAgB;AAAA;AAU9B,kBAAS,CAAC,MAAM;AACd,YAAM,EAAE,QAAQ,OAAO,KAAK;AAC5B,UAAI;AAAQ,eAAO,GAAG;AAAA;AAGxB,mBAAU,CAAC,MAAM;AACf,YAAM,EAAE,SAAS,OAAO,KAAK;AAC7B,UAAI;AAAS,gBAAQ,GAAG;AAAA;AAG1B,oBAAW,CAAC,MAAM;AAChB,YAAM,EAAE,YAAY,KAAK;AACzB,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,UAEE,KAAK;AACT,YAAM,WAAW,CAAC;AAIlB,WAAK,SAAS;AAAA,QACZ,SAAS;AAAA;AAEX,QAAE,OAAO,QAAQ;AACjB,QAAE,OAAO,UAAU;AACnB,QAAE,UAAU;AACZ,eAAS,GAAG;AAEZ,WAAK,gBAAgB;AAAA;AAMvB,wBAAe,MAAM;AACnB,WAAK,SAAS,EAAE,QAAQ;AAAA;AAG1B,wBAAe,MAAM;AACnB,WAAK,SAAS,EAAE,QAAQ;AAAA;AAG1B,uBAAc,CAAC,UAAU;AACvB,YAAM;AACN,WAAK,YAAY,MAAM;AAAA;AAGzB,uBAAc,CAAC,UAAU;AACvB,WAAK,YAAY,MAAM;AACvB,WAAK,SAAS,EAAE,YAAY,MAAM,SAAS,YAAY;AACvD,aAAO,iBAAiB,aAAa,KAAK;AAC1C,aAAO,iBAAiB,WAAW,KAAK;AAAA;AAG1C,qBAAY,CAAC,UAAU;AACrB,WAAK,WAAW;AAChB,aAAO,oBAAoB,aAAa,KAAK;AAC7C,aAAO,oBAAoB,WAAW,KAAK;AAAA;AAM7C,yBAAgB,MAAM;AACpB,WAAK,SAAS,EAAE,QAAQ;AAAA;AAG1B,sBAAa,CAAC,UAAU;AACtB,YAAM;AACN,WAAK,WAAW;AAAA;AAGlB,uBAAc,CAAC,UAAU;AACvB,WAAK,YAAY,MAAM,QAAQ,GAAG;AAAA;AAGpC,wBAAe,CAAC,UAAU;AACxB,WAAK,YAAY,MAAM,QAAQ,GAAG;AAClC,WAAK,SAAS,EAAE,YAAY,MAAM,QAAQ,GAAG,SAAS,YAAY;AAAA;AAhKlE,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW;AAAA,MAC1B,QAAQ;AAAA,MACR,YAAY;AAAA,MAEZ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,UAAU;AAAA;AAEZ,SAAK,SAAS,qBAAM;AACpB,SAAK,MAAM,qBAAM;AAAA;AAAA,EAGnB,oBAAoB;AAClB,SAAK;AAAA;AAAA,EAGP,mBAAmB,WAAW,WAAW,UAAU;AACjD,QACE,KAAK,MAAM,QACX,KAAK,MAAM,eACX,KAAK,MAAM,YACX,UAAU,QACV,KAAK,MAAM,SAAS,MACpB;AAEA,WAAK,SAAS,EAAE,MAAM;AAAA;AAExB,QAAI,UAAU;AACZ,WAAK;AAAA;AAAA;AAAA,SAoIF,yBAAyB,OAAO,OAAO;AAC5C,QAAI,MAAM,YAAY,QAAQ,MAAM,YAAY,OAAO;AACrD,aAAO;AAAA,QACL,SAAS,MAAM;AAAA,WACZ,4CAAmB,MAAM,SAAS;AAAA;AAAA;AAGzC,WAAO;AAAA;AAAA,EAGT,wBAAwB,WAAW;AACjC,UAAM,EAAE,SAAS,KAAK;AACtB,QAAI,UAAU,SAAS,MAAM;AAC3B,aAAO;AAAA;AAET,WAAO;AAAA;AAAA,EAUT,gBAAgB,mBAAmB;AACjC,SAAK,SAAS,4CAAmB;AAAA;AAAA,EAGnC,iBAAiB;AACf,UAAM,EAAE,YAAY,KAAK;AACzB,UAAM,EAAE,SAAS,gBAAgB,KAAK;AACtC,UAAM,gBAAgB,YAAY,MAAM;AAEtC,UACE,CAAC,KAAK,UACN,CAAC,KAAK,OACN,CAAC,KAAK,OAAO,WACb,CAAC,KAAK,IAAI;AAEV;AACF,YAAM;AAAA,QACJ,SAAS,EAAE,aAAa;AAAA,UACtB,KAAK;AACT,YAAM;AAAA,QACJ,SAAS,EAAE,aAAa;AAAA,UACtB,KAAK;AACT,UAAI,CAAC,eAAe,CAAC,YAAY,gBAAgB;AAAU;AAC3D,WAAK,SAAS;AAAA,QACZ;AAAA,QACA;AAAA;AAEF,WAAK,gBAAgB,eAAe,OAAO,cAAc;AAEzD,oBAAc;AAAA,OACb;AAAA;AAAA,EAGL,SAAS;AACP,UAAM,EAAE,SAAS,MAAM,QAAQ,SAAS,KAAK;AAC7C,UAAM,YACJ,SAAS,QAAQ,WAAW,KAAK,MAAM,UACnC,EAAE,MAAM,GAAG,aACX;AACN,WACE,mDAAC,sCAAD;AAAA,SACM,KAAK;AAAA,MACT,cAAc,KAAK,MAAM;AAAA,MACzB;AAAA,MACA,cAAc,KAAK;AAAA,MACnB;AAAA,MACA;AAAA,MACA,SAAS,KAAK;AAAA,MACd;AAAA,MACA,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,aAAa,KAAK;AAAA,MAClB,cAAc,KAAK;AAAA,MACnB,cAAc,KAAK;AAAA,MACnB,eAAe,KAAK;AAAA,MACpB,YAAY,KAAK;AAAA,MACjB,aAAa,KAAK;AAAA,MAClB,cAAc,KAAK;AAAA;AAAA;AAAA;AAM3B,aAAa,YAAY;AAGzB,IAAO,uBAAQ;",
+  "mappings": "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",
   "names": []
 }