@elliemae/ds-form 3.5.0-rc.9 → 3.6.0-next.0

package/dist/esm/LargeInputText/DSLargeInputText.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import { describe } from "@elliemae/ds-utilities";
 import {
   convertPropToCssClassName,
@@ -61,45 +62,53 @@ const DSLargeInputText = ({
   const handleKeyUp = (e) => {
     onKeyUp(e);
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-    ...containerProps,
-    className: `${cssClassName} ${className}`
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: classNameBlock("wrapper")
-  }, /* @__PURE__ */ React2.createElement("textarea", {
-    ref: innerRef,
-    "aria-autocomplete": ariaAutocomplete,
-    "aria-label": ariaLabel,
-    "aria-multiline": true,
-    "aria-placeholder": placeholder,
-    "aria-required": required,
-    autoFocus,
-    className: classNameElement("textarea"),
-    "data-testid": "ds-large-input_main-component",
-    disabled,
-    id,
-    maxLength,
-    minLength,
-    name,
-    onBlur,
-    onChange,
-    onClick,
-    onFocus,
-    onKeyDown,
-    onKeyUp: handleKeyUp,
-    onPaste,
-    placeholder,
-    role,
-    rows: String(rows),
-    style: {
-      resize
-    },
-    value,
-    tabIndex
-  }))), characterLimitCounter > 0 && /* @__PURE__ */ React2.createElement(CounterArea, {
-    classProps: { limitError },
-    "data-testid": "counter-area"
-  }, `${limitError ? `${errorLimit} ${characterLimitCounter} characters.   ` : ""}${String(value).length} / ${characterLimitCounter}`));
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        ...containerProps,
+        className: `${cssClassName} ${className}`,
+        children: /* @__PURE__ */ jsx("div", {
+          className: classNameBlock("wrapper"),
+          children: /* @__PURE__ */ jsx("textarea", {
+            ref: innerRef,
+            "aria-autocomplete": ariaAutocomplete,
+            "aria-label": ariaLabel,
+            "aria-multiline": true,
+            "aria-placeholder": placeholder,
+            "aria-required": required,
+            autoFocus,
+            className: classNameElement("textarea"),
+            "data-testid": "ds-large-input_main-component",
+            disabled,
+            id,
+            maxLength,
+            minLength,
+            name,
+            onBlur,
+            onChange,
+            onClick,
+            onFocus,
+            onKeyDown,
+            onKeyUp: handleKeyUp,
+            onPaste,
+            placeholder,
+            role,
+            rows: String(rows),
+            style: {
+              resize
+            },
+            value,
+            tabIndex
+          })
+        })
+      }),
+      characterLimitCounter > 0 && /* @__PURE__ */ jsx(CounterArea, {
+        classProps: { limitError },
+        "data-testid": "counter-area",
+        children: `${limitError ? `${errorLimit} ${characterLimitCounter} characters.   ` : ""}${String(value).length} / ${characterLimitCounter}`
+      })
+    ]
+  });
 };
 DSLargeInputText.propTypes = props;
 DSLargeInputText.defaultProps = defaultProps;

package/dist/esm/LargeInputText/DSLargeInputText.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/LargeInputText/DSLargeInputText.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/no-autofocus, react/prop-types */\nimport React, { useMemo } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport {\n  convertPropToCssClassName,\n  aggregatedClasses,\n} from '@elliemae/ds-classnames';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst CounterArea = aggregatedClasses('div')(\n  'counter',\n  'textarea',\n  ({ limitError }) => ({\n    'limit-error': limitError,\n  }),\n);\n\nconst DSLargeInputText = ({\n  containerProps,\n  autoFocus,\n  className,\n  disabled,\n  name,\n  id,\n  maxLength,\n  minLength,\n  placeholder,\n  onClick,\n  onChange,\n  onFocus,\n  onBlur,\n  onKeyUp,\n  onKeyDown,\n  onPaste,\n  value,\n  hasError,\n  required,\n  readOnly,\n  resize,\n  innerRef,\n  ariaLabel,\n  ariaAutocomplete,\n  role,\n  characterLimitCounter,\n  rows,\n  errorLimit,\n  tabIndex,\n}) => {\n  const limitError = useMemo(\n    () =>\n      characterLimitCounter < String(value).length && characterLimitCounter > 0,\n    [characterLimitCounter, value],\n  );\n  const {\n    cssClassName,\n    classNameElement,\n    classNameBlock,\n  } = convertPropToCssClassName('form-element-textarea', 'text', {\n    hasError: limitError || hasError,\n    readOnly,\n    disabled,\n  });\n  // auto size when user types\n  const handleKeyUp = (e) => {\n    // const { target } = e\n    onKeyUp(e);\n    // if (e.key !== 'Enter') return\n    // target.style.cssText = 'height:auto; padding:0'\n    // target.style.cssText = `height: ${target.scrollHeight}px`\n  };\n  return (\n    <>\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={classNameBlock('wrapper')}>\n          <textarea\n            ref={innerRef}\n            aria-autocomplete={ariaAutocomplete}\n            aria-label={ariaLabel}\n            aria-multiline\n            aria-placeholder={placeholder}\n            aria-required={required}\n            autoFocus={autoFocus}\n            className={classNameElement('textarea')}\n            data-testid=\"ds-large-input_main-component\"\n            disabled={disabled}\n            id={id}\n            maxLength={maxLength}\n            minLength={minLength}\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            onClick={onClick}\n            onFocus={onFocus}\n            onKeyDown={onKeyDown}\n            onKeyUp={handleKeyUp}\n            onPaste={onPaste}\n            placeholder={placeholder}\n            role={role}\n            rows={String(rows)}\n            style={{\n              resize,\n            }}\n            value={value}\n            tabIndex={tabIndex}\n          />\n        </div>\n      </div>\n      {characterLimitCounter > 0 && (\n        <CounterArea classProps={{ limitError }} data-testid=\"counter-area\">\n          {`${\n            limitError\n              ? `${errorLimit} ${characterLimitCounter} characters.   `\n              : ''\n          }${String(value).length} / ${characterLimitCounter}`}\n        </CounterArea>\n      )}\n    </>\n  );\n};\n\nDSLargeInputText.propTypes = props;\nDSLargeInputText.defaultProps = defaultProps;\nDSLargeInputText.displayName = 'DSLargeInputText';\nconst DSLargeInputTextWithSchema = describe(DSLargeInputText).description(\n  'A large input',\n);\nDSLargeInputTextWithSchema.propTypes = props;\n\nexport { DSLargeInputTextWithSchema, DSLargeInputText };\n\nexport default DSLargeInputText;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,OAAOA,UAAS,eAAe;AAC/B,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,MAAM,cAAc,kBAAkB,KAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,WAAW,OAAO;AAAA,IACnB,eAAe;AAAA,EACjB;AACF;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa;AAAA,IACjB,MACE,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB;AAAA,IAC1E,CAAC,uBAAuB,KAAK;AAAA,EAC/B;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,0BAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE,gBAAAA,OAAA,cAAAA,OAAA,gBACE,gBAAAA,OAAA,cAAC;AAAA,IAAK,GAAG;AAAA,IAAgB,WAAW,GAAG,gBAAgB;AAAA,KACrD,gBAAAA,OAAA,cAAC;AAAA,IAAI,WAAW,eAAe,SAAS;AAAA,KACtC,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK;AAAA,IACL,qBAAmB;AAAA,IACnB,cAAY;AAAA,IACZ,kBAAc;AAAA,IACd,oBAAkB;AAAA,IAClB,iBAAe;AAAA,IACf;AAAA,IACA,WAAW,iBAAiB,UAAU;AAAA,IACtC,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO,IAAI;AAAA,IACjB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF,CACF,GACC,wBAAwB,KACvB,gBAAAA,OAAA,cAAC;AAAA,IAAY,YAAY,EAAE,WAAW;AAAA,IAAG,eAAY;AAAA,KAClD,GACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,KAAK,EAAE,YAAY,uBAC/B,CAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB,EAAE;AAAA,EAC5D;AACF;AACA,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAgB,eAAe;AAC/B,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAE7B,MAAM,cAAc,kBAAkB,KAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,WAAW,OAAO;AAAA,IACnB,eAAe;AAAA,EACjB;AACF;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa;AAAA,IACjB,MACE,wBAAwB,OAAO,KAAK,EAAE,UAAU,wBAAwB;AAAA,IAC1E,CAAC,uBAAuB,KAAK;AAAA,EAC/B;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,0BAA0B,yBAAyB,QAAQ;AAAA,IAC7D,UAAU,cAAc;AAAA,IACxB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,cAAc,CAAC,MAAM;AAEzB,YAAQ,CAAC;AAAA,EAIX;AACA,SACE;AAAA,IACE;AAAA,0BAAC;AAAA,QAAK,GAAG;AAAA,QAAgB,WAAW,GAAG,gBAAgB;AAAA,QACrD,8BAAC;AAAA,UAAI,WAAW,eAAe,SAAS;AAAA,UACtC,8BAAC;AAAA,YACC,KAAK;AAAA,YACL,qBAAmB;AAAA,YACnB,cAAY;AAAA,YACZ,kBAAc;AAAA,YACd,oBAAkB;AAAA,YAClB,iBAAe;AAAA,YACf;AAAA,YACA,WAAW,iBAAiB,UAAU;AAAA,YACtC,eAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAM,OAAO,IAAI;AAAA,YACjB,OAAO;AAAA,cACL;AAAA,YACF;AAAA,YACA;AAAA,YACA;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACC,wBAAwB,KACvB,oBAAC;AAAA,QAAY,YAAY,EAAE,WAAW;AAAA,QAAG,eAAY;AAAA,QAClD,aACC,aACI,GAAG,cAAc,yCACjB,KACH,OAAO,KAAK,EAAE,YAAY;AAAA,OAC/B;AAAA;AAAA,GAEJ;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,eAAe;AAChC,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB,EAAE;AAAA,EAC5D;AACF;AACA,2BAA2B,YAAY;AAIvC,IAAO,2BAAQ;",
+  "names": []
 }

package/dist/esm/Radio/Circle.js

@@ -1,17 +1,18 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { withTheme } from "@elliemae/ds-system";
 const Circle = ({ checked, theme }) => {
   const r = theme.breakpoints.medium.split("px")[0] - window.innerWidth >= 0 ? 6 : 4;
-  return /* @__PURE__ */ React2.createElement("svg", {
+  return /* @__PURE__ */ jsx("svg", {
     width: "100%",
-    height: "100%"
-  }, /* @__PURE__ */ React2.createElement("circle", {
-    className: checked ? "checked" : "unchecked",
-    r,
-    cx: "50%",
-    cy: "50%"
-  }));
+    height: "100%",
+    children: /* @__PURE__ */ jsx("circle", {
+      className: checked ? "checked" : "unchecked",
+      r,
+      cx: "50%",
+      cy: "50%"
+    })
+  });
 };
 const ThemedCircle = withTheme(Circle);
 var Circle_default = ThemedCircle;

package/dist/esm/Radio/Circle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Radio/Circle.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst Circle = ({ checked, theme }) => {\n  const r =\n    theme.breakpoints.medium.split('px')[0] - window.innerWidth >= 0 ? 6 : 4;\n  return (\n    <svg width=\"100%\" height=\"100%\">\n      <circle\n        className={checked ? 'checked' : 'unchecked'}\n        r={r}\n        cx=\"50%\"\n        cy=\"50%\"\n      />\n    </svg>\n  );\n};\n\nconst ThemedCircle = withTheme(Circle);\nexport { ThemedCircle as Circle };\nexport default ThemedCircle;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,iBAAiB;AAE1B,MAAM,SAAS,CAAC,EAAE,SAAS,MAAM,MAAM;AACrC,QAAM,IACJ,MAAM,YAAY,OAAO,MAAM,IAAI,EAAE,KAAK,OAAO,cAAc,IAAI,IAAI;AACzE,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,KACvB,gBAAAA,OAAA,cAAC;AAAA,IACC,WAAW,UAAU,YAAY;AAAA,IACjC;AAAA,IACA,IAAG;AAAA,IACH,IAAG;AAAA,GACL,CACF;AAEJ;AAEA,MAAM,eAAe,UAAU,MAAM;AAErC,IAAO,iBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,iBAAiB;AAE1B,MAAM,SAAS,CAAC,EAAE,SAAS,MAAM,MAAM;AACrC,QAAM,IACJ,MAAM,YAAY,OAAO,MAAM,IAAI,EAAE,KAAK,OAAO,cAAc,IAAI,IAAI;AACzE,SACE,oBAAC;AAAA,IAAI,OAAM;AAAA,IAAO,QAAO;AAAA,IACvB,8BAAC;AAAA,MACC,WAAW,UAAU,YAAY;AAAA,MACjC;AAAA,MACA,IAAG;AAAA,MACH,IAAG;AAAA,KACL;AAAA,GACF;AAEJ;AAEA,MAAM,eAAe,UAAU,MAAM;AAErC,IAAO,iBAAQ;",
+  "names": []
 }

package/dist/esm/Radio/DSRadio.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { Circle } from "./Circle";
@@ -27,54 +28,66 @@ const DSRadio = ({
     disabled
   });
   const checkRef = useRef(null);
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ jsxs("div", {
     ...containerProps,
-    className: cssClassName
-  }, /* @__PURE__ */ React2.createElement("label", {
-    className: classNameElement("label"),
-    htmlFor
-  }, /* @__PURE__ */ React2.createElement("input", {
-    ...otherProps,
-    ref: checkRef,
-    "aria-disabled": disabled,
-    checked: disabled ? false : checked,
-    className: classNameElement("input"),
-    disabled,
-    name,
-    onChange: (e) => {
-      if (!readOnly && !disabled) {
-        onChange(e);
-      }
-    },
-    readOnly,
-    tabIndex: -1,
-    type: "radio",
-    value
-  }), /* @__PURE__ */ React2.createElement("span", {
-    ref: innerRef,
-    "aria-checked": checked,
-    "aria-disabled": disabled,
-    className: classNameElement("input-button"),
-    onKeyDown: (e) => {
-      e.target = checkRef.current;
-      if (disabled)
-        return;
-      if (e.key === "Enter" || e.keyCode === 32) {
-        onChange(e);
-      } else if (otherProps.onKeyDown) {
-        otherProps.onKeyDown(e);
-      }
-    },
-    role: "radio",
-    style,
-    tabIndex: disabled ? -1 : tabIndex
-  }, /* @__PURE__ */ React2.createElement(Circle, {
-    checked
-  })), /* @__PURE__ */ React2.createElement("span", {
-    className: classNameElement("label-text")
-  }, labelText)), children && /* @__PURE__ */ React2.createElement("div", {
-    className: classNameElement("radio-children")
-  }, children));
+    className: cssClassName,
+    children: [
+      /* @__PURE__ */ jsxs("label", {
+        className: classNameElement("label"),
+        htmlFor,
+        children: [
+          /* @__PURE__ */ jsx("input", {
+            ...otherProps,
+            ref: checkRef,
+            "aria-disabled": disabled,
+            checked: disabled ? false : checked,
+            className: classNameElement("input"),
+            disabled,
+            name,
+            onChange: (e) => {
+              if (!readOnly && !disabled) {
+                onChange(e);
+              }
+            },
+            readOnly,
+            tabIndex: -1,
+            type: "radio",
+            value
+          }),
+          /* @__PURE__ */ jsx("span", {
+            ref: innerRef,
+            "aria-checked": checked,
+            "aria-disabled": disabled,
+            className: classNameElement("input-button"),
+            onKeyDown: (e) => {
+              e.target = checkRef.current;
+              if (disabled)
+                return;
+              if (e.key === "Enter" || e.keyCode === 32) {
+                onChange(e);
+              } else if (otherProps.onKeyDown) {
+                otherProps.onKeyDown(e);
+              }
+            },
+            role: "radio",
+            style,
+            tabIndex: disabled ? -1 : tabIndex,
+            children: /* @__PURE__ */ jsx(Circle, {
+              checked
+            })
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: classNameElement("label-text"),
+            children: labelText
+          })
+        ]
+      }),
+      children && /* @__PURE__ */ jsx("div", {
+        className: classNameElement("radio-children"),
+        children
+      })
+    ]
+  });
 };
 DSRadio.defaultProps = {
   containerProps: {},

package/dist/esm/Radio/DSRadio.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Radio/DSRadio.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle';\n\ninterface DSRadioT {\n  [x: string]: unknown;\n  innerRef?: React.MutableRefObject<HTMLInputElement>;\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  style?: React.CSSProperties;\n  labelText?: string;\n  htmlFor?: string;\n  hasError?: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  value?: string;\n  name?: string;\n  onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode | React.ReactNode[];\n  tabIndex?: number;\n}\n\nconst DSRadio = ({\n  containerProps,\n  className,\n  style,\n  labelText,\n  htmlFor,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  value,\n  name,\n  onChange,\n  children,\n  tabIndex,\n  innerRef,\n  ...otherProps\n}: DSRadioT) => {\n  // this will be solved when we move to styled components...\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n    hasError,\n    readOnly,\n    disabled,\n  });\n  const checkRef = useRef<HTMLInputElement | null>(null);\n  return (\n    <div {...containerProps} className={cssClassName}>\n      <label className={classNameElement('label')} htmlFor={htmlFor}>\n        <input\n          {...otherProps}\n          ref={checkRef}\n          aria-disabled={disabled}\n          checked={disabled ? false : checked}\n          className={classNameElement('input')}\n          disabled={disabled}\n          name={name}\n          onChange={(e) => {\n            if (!readOnly && !disabled) {\n              onChange(e);\n            }\n          }}\n          readOnly={readOnly}\n          tabIndex={-1}\n          type=\"radio\"\n          value={value}\n        />\n        <span\n          ref={innerRef}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          className={classNameElement('input-button')}\n          onKeyDown={(e) => {\n            // really really bad pattern...\n            // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n            // we will solve this with a v2 of this when we move to controlled + styled components...\n            e.target = checkRef.current;\n            if (disabled) return;\n            if (e.key === 'Enter' || e.keyCode === 32) {\n              onChange(e);\n            } else if (otherProps.onKeyDown) {\n              otherProps.onKeyDown(e);\n            }\n          }}\n          role=\"radio\"\n          style={style}\n          tabIndex={disabled ? -1 : tabIndex}\n          // value={value} // should be unused?\n        >\n          <Circle checked={checked} />\n        </span>\n        <span className={classNameElement('label-text')}>{labelText}</span>\n      </label>\n      {children && <div className={classNameElement('radio-children')}>{children}</div>}\n    </div>\n  );\n};\n\nDSRadio.defaultProps = {\n  containerProps: {},\n  className: '',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: false,\n  name: '',\n  onChange: () => null,\n  children: null,\n  tabIndex: 0,\n};\n\nconst radioProps = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n  /** css class prop */\n  className: PropTypes.string.description('css class prop'),\n  /** name property to manage form */\n  name: PropTypes.string.description('name property to manage form'),\n  /**\n   * Displayable label for the radio\n   */\n  labelText: PropTypes.string.description('Displayable label for the radio'),\n  /** HTMLFOR property to manage form */\n  htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n  /**\n   * Whether the radio has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the radio has error or not'),\n  /**\n   * Whether the radio is read only or not\n   */\n  readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n  /**\n   * Whether the radio is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n  /**\n   * Whether the radio is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the radio is checked or not'),\n  /**\n   * Value that takes the checkbox if it is checked\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ).isRequired,\n  /**\n   * Allows a function that is triggered once the radio changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n  /**\n   * Optional, if you want a checkbox customized\n   */\n  children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n  /** HTML tabindex to manage focus */\n  tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n  /** style override object */\n  style: PropTypes.object.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\nDSRadio.displayName = 'DSRadio';\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/RadioGroup/DSRadioGroup.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import React2 from "react";
 import { describe } from "@elliemae/ds-utilities";
 import { GroupItem, Group } from "@elliemae/ds-shared";
@@ -8,8 +9,8 @@ import { props as rprops } from "./props";
 import { defaultProps } from "./defaultProps";
 const emClassPrefix = "em-ds";
 const baseClass = `${emClassPrefix}-radio-group`;
-const RadioItem = (props) => /* @__PURE__ */ React2.createElement(GroupItem, {
-  render: (context) => /* @__PURE__ */ React2.createElement(DSRadio, {
+const RadioItem = (props) => /* @__PURE__ */ jsx(GroupItem, {
+  render: (context) => /* @__PURE__ */ jsx(DSRadio, {
     ...props,
     checked: context.activeValue === props.value,
     disabled: context.disabled || props.disabled,
@@ -42,37 +43,40 @@ const DSRadioGroup = ({
         checkRefs[index + 1].focus();
     }
   };
-  const group = /* @__PURE__ */ React2.createElement(Group, {
+  const group = /* @__PURE__ */ jsx(Group, {
     activeValue,
     disabled,
-    onChange
-  }, /* @__PURE__ */ React2.createElement("div", {
-    "data-testid": "ds-radiogroup",
-    ...labelProps && labelProps.labelText ? {} : containerProps,
-    className: `${baseClass} ${baseClass}--${orientation}`,
-    role: "group"
-  }, React2.Children.map(
-    children,
-    (child, index) => /* @__PURE__ */ React2.createElement(RadioItem, {
-      ...child.props,
-      innerRef: (t) => {
-        checkRefs.push(t);
-      },
-      onKeyDown: (e) => onKeyDown(e, index)
-    }),
-    null
-  )));
+    onChange,
+    children: /* @__PURE__ */ jsx("div", {
+      "data-testid": "ds-radiogroup",
+      ...labelProps && labelProps.labelText ? {} : containerProps,
+      className: `${baseClass} ${baseClass}--${orientation}`,
+      role: "group",
+      children: React2.Children.map(
+        children,
+        (child, index) => /* @__PURE__ */ jsx(RadioItem, {
+          ...child.props,
+          innerRef: (t) => {
+            checkRefs.push(t);
+          },
+          onKeyDown: (e) => onKeyDown(e, index)
+        }),
+        null
+      )
+    })
+  });
   if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ React2.createElement("div", {
+    return /* @__PURE__ */ jsx("div", {
       className: `${baseClass}-form-item-layout-wrapper`,
       ...containerProps,
-      role: "group"
-    }, /* @__PURE__ */ React2.createElement(DSFormItemLayout, {
-      ...labelProps,
-      inputComponent: group,
-      onChange,
-      truncateText
-    }));
+      role: "group",
+      children: /* @__PURE__ */ jsx(DSFormItemLayout, {
+        ...labelProps,
+        inputComponent: group,
+        onChange,
+        truncateText
+      })
+    });
   }
   return group;
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RadioGroup/DSRadioGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nDSRadioGroup.displayName = 'DSRadioGroup';\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,WAAW,aAAa;AACjC,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,SAAS,cAAc;AAChC,SAAS,oBAAoB;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,gBAAAA,OAAA,cAAC;AAAA,EACC,QAAQ,CAAC,YACP,gBAAAA,OAAA,cAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,GACpB;AAAA,CAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQA,OAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,gBAAAA,OAAA,cAAC;AAAA,IAAM;AAAA,IAA0B;AAAA,IAAoB;AAAA,KACnD,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAY;AAAA,IACX,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,IAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,IACzC,MAAK;AAAA,KAEJA,OAAM,SAAS;AAAA,IACd;AAAA,IACA,CAAC,OAAO,UACN,gBAAAA,OAAA,cAAC;AAAA,MACE,GAAG,MAAM;AAAA,MACV,UAAU,CAAC,MAAM;AACf,kBAAU,KAAK,CAAC;AAAA,MAClB;AAAA,MACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,KACtC;AAAA,IAEF;AAAA,EACF,CACF,CACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,gBAAAA,OAAA,cAAC;AAAA,MACC,WAAW,GAAG;AAAA,MACb,GAAG;AAAA,MACJ,MAAK;AAAA,OAEL,gBAAAA,OAAA,cAAC;AAAA,MACE,GAAG;AAAA,MACJ,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,KACF,CACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,WAAW,aAAa;AACjC,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,SAAS,cAAc;AAChC,SAAS,oBAAoB;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,oBAAC;AAAA,EACC,QAAQ,CAAC,YACP,oBAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,GACpB;AAAA,CAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQA,OAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,oBAAC;AAAA,IAAM;AAAA,IAA0B;AAAA,IAAoB;AAAA,IACnD,8BAAC;AAAA,MACC,eAAY;AAAA,MACX,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC,MAAK;AAAA,MAEJ,UAAAA,OAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN,oBAAC;AAAA,UACE,GAAG,MAAM;AAAA,UACV,UAAU,CAAC,MAAM;AACf,sBAAU,KAAK,CAAC;AAAA,UAClB;AAAA,UACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,SACtC;AAAA,QAEF;AAAA,MACF;AAAA,KACF;AAAA,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,oBAAC;AAAA,MACC,WAAW,GAAG;AAAA,MACb,GAAG;AAAA,MACJ,MAAK;AAAA,MAEL,8BAAC;AAAA,QACE,GAAG;AAAA,QACJ,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
   "names": ["React"]
 }

package/dist/esm/RequiredMark/RequiredMark.js

@@ -1,18 +1,20 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 const { cssClassName } = convertPropToCssClassName("form-required-mark");
 const RequiredMark = ({ required = false, optional = false }) => {
   if (!required && !optional)
     return null;
   if (required) {
-    return /* @__PURE__ */ React2.createElement("span", {
-      className: `${cssClassName}`
-    }, "\u25CF");
+    return /* @__PURE__ */ jsx("span", {
+      className: `${cssClassName}`,
+      children: "\u25CF"
+    });
   }
-  return /* @__PURE__ */ React2.createElement("span", {
-    className: `${cssClassName} optional-mark`
-  }, "\u26AC");
+  return /* @__PURE__ */ jsx("span", {
+    className: `${cssClassName} optional-mark`,
+    children: "\u26AC"
+  });
 };
 var RequiredMark_default = RequiredMark;
 export {

package/dist/esm/RequiredMark/RequiredMark.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/RequiredMark/RequiredMark.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('form-required-mark');\nconst RequiredMark = ({ required = false, optional = false }) => {\n  if (!required && !optional) return null;\n  if (required) {\n    return <span className={`${cssClassName}`}>&#9679;</span>;\n  }\n  return <span className={`${cssClassName} optional-mark`}>&#9900;</span>;\n};\n\nexport { RequiredMark, RequiredMark as DSRequiredMark };\nexport default RequiredMark;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,iCAAiC;AAE1C,MAAM,EAAE,aAAa,IAAI,0BAA0B,oBAAoB;AACvE,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,WAAW,MAAM,MAAM;AAC/D,MAAI,CAAC,YAAY,CAAC;AAAU,WAAO;AACnC,MAAI,UAAU;AACZ,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAK,WAAW,GAAG;AAAA,OAAgB,QAAO;AAAA,EACpD;AACA,SAAO,gBAAAA,OAAA,cAAC;AAAA,IAAK,WAAW,GAAG;AAAA,KAA8B,QAAO;AAClE;AAGA,IAAO,uBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,iCAAiC;AAE1C,MAAM,EAAE,aAAa,IAAI,0BAA0B,oBAAoB;AACvE,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,WAAW,MAAM,MAAM;AAC/D,MAAI,CAAC,YAAY,CAAC;AAAU,WAAO;AACnC,MAAI,UAAU;AACZ,WAAO,oBAAC;AAAA,MAAK,WAAW,GAAG;AAAA,MAAgB;AAAA,KAAO;AAAA,EACpD;AACA,SAAO,oBAAC;AAAA,IAAK,WAAW,GAAG;AAAA,IAA8B;AAAA,GAAO;AAClE;AAGA,IAAO,uBAAQ;",
+  "names": []
 }

package/dist/esm/TimeInput/DSTimeInput.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { DSInput } from "../Input";
 import { TimeInputImpl } from "./TimeInputImpl";
@@ -14,11 +14,11 @@ const DSTimeInput = ({
   clearable = false,
   disabled = false,
   ariaLabel = "Time input"
-}) => /* @__PURE__ */ React2.createElement(DSInput, {
+}) => /* @__PURE__ */ jsx(DSInput, {
   className,
   clearable,
   containerProps,
-  customInputType: ({ onChange: inputOnChange, ...restInputProps }) => /* @__PURE__ */ React2.createElement(TimeInputImpl, {
+  customInputType: ({ onChange: inputOnChange, ...restInputProps }) => /* @__PURE__ */ jsx(TimeInputImpl, {
     "aria-label": ariaLabel,
     disabled,
     format,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/DSTimeInput.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nDSTimeInput.displayName = 'DSTimeInput';\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd,MACE,gBAAAA,OAAA,cAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,kBAAkB,eAAe,MAC7D,gBAAAA,OAAA,cAAC;AAAA,IACC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,IACrC,GAAG;AAAA,IACJ;AAAA,GACF;AAAA,EAEF;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS,IAAI;AAAA,EAC5B;AAAA,CACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAIA,UAAU,UAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,cAAc,UAAU,OAAO,YAAY,iBAAiB;AAAA,EAE5D,OAAO,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAEzE,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,kCAAkC;AAAA,EAEjD,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,QAAQ,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAIxD,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EAIA,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EAIA,UAAU,UAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAIA,WAAW,UAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd,MACE,oBAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,kBAAkB,eAAe,MAC7D,oBAAC;AAAA,IACC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,IACrC,GAAG;AAAA,IACJ;AAAA,GACF;AAAA,EAEF;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS,IAAI;AAAA,EAC5B;AAAA,CACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAIA,UAAU,UAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,cAAc,UAAU,OAAO,YAAY,iBAAiB;AAAA,EAE5D,OAAO,UAAU,OAAO,YAAY,qCAAqC;AAAA,EAEzE,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,kCAAkC;AAAA,EAEjD,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,QAAQ,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAIxD,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EAIA,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EAIA,UAAU,UAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAIA,WAAW,UAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "names": []
 }

package/dist/esm/TimeInput/TimeInputImpl.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useMemo } from "react";
 import PropTypes from "prop-types";
 import { getVisibleTimeByFormat } from "@elliemae/ds-utilities";
 import memoizeOne from "memoize-one";
@@ -27,23 +28,24 @@ const TimeInputImpl = ({
     }
   };
   const visibleInputs = useMemo(() => getVisibleTimeInputs(format));
-  return /* @__PURE__ */ React2.createElement(InputTimeContainer, {
+  return /* @__PURE__ */ jsx(InputTimeContainer, {
     className,
     disabled,
     innerRef,
-    onClick: handleFocus
-  }, /* @__PURE__ */ React2.createElement(TimeInputs, {
-    "aria-label": ariaLabel,
-    clearable,
-    disabled,
-    format,
-    innerRef: (node) => {
-      inputsContainer = node;
-    },
-    onChange,
-    time: value,
-    ...visibleInputs
-  }));
+    onClick: handleFocus,
+    children: /* @__PURE__ */ jsx(TimeInputs, {
+      "aria-label": ariaLabel,
+      clearable,
+      disabled,
+      format,
+      innerRef: (node) => {
+        inputsContainer = node;
+      },
+      onChange,
+      time: value,
+      ...visibleInputs
+    })
+  });
 };
 TimeInputImpl.propTypes = {
   containerProps: PropTypes.shape({}),

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/TimeInputImpl.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,QAAQ,eAAe;AACvC,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,OAAO,gBAAgB;AACvB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,uBAAuB;AAAA,IAAW,CAAC,gBACvC,uBAAuB,WAAW;AAAA,EACpC;AACA,MAAI,kBAAkB,OAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,gBAAgB,QAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,KAET,gBAAAA,OAAA,cAAC;AAAA,IACC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,wBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACL,GAAG;AAAA,GACN,CACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,gBAAgB,UAAU,MAAM,CAAC,CAAC;AAAA,EAIlC,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAIzB,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU;AAAA,EAIlB,OAAO,UAAU;AAAA,EAIjB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAGA,IAAO,wBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,QAAQ,eAAe;AACvC,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,OAAO,gBAAgB;AACvB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAE3B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,uBAAuB;AAAA,IAAW,CAAC,gBACvC,uBAAuB,WAAW;AAAA,EACpC;AACA,MAAI,kBAAkB,OAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,gBAAgB,QAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IAET,8BAAC;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS;AAClB,0BAAkB;AAAA,MACpB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA,KACN;AAAA,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,gBAAgB,UAAU,MAAM,CAAC,CAAC;AAAA,EAIlC,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAIzB,UAAU,UAAU;AAAA,EAIpB,QAAQ,UAAU;AAAA,EAIlB,OAAO,UAAU;AAAA,EAIjB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAGA,IAAO,wBAAQ;",
+  "names": []
 }