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

package/dist/cjs/TimeInput/DSTimeInput.js

@@ -1,126 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSTimeInput_exports = {};
-__export(DSTimeInput_exports, {
-  DSTimeInput: () => DSTimeInput,
-  DSTimeInputWithSchema: () => DSTimeInputWithSchema,
-  TimeInputImpl: () => import_TimeInputImpl.TimeInputImpl,
-  default: () => DSTimeInput_default
-});
-module.exports = __toCommonJS(DSTimeInput_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_Input = require("../Input/index.js");
-var import_TimeInputImpl = require("./TimeInputImpl.js");
-const DSTimeInput = ({
-  containerProps = {},
-  innerRef,
-  className = "",
-  style = {},
-  onChange = () => null,
-  format,
-  value = "",
-  clearable = false,
-  disabled = false,
-  ariaLabel = "Time input"
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_Input.DSInput,
-  {
-    className,
-    clearable,
-    containerProps,
-    customInputType: ({ onChange: inputOnChange, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_TimeInputImpl.TimeInputImpl,
-      {
-        "aria-label": ariaLabel,
-        disabled,
-        format,
-        onChange: (time) => inputOnChange(time),
-        ...restInputProps,
-        style
-      }
-    ),
-    disabled,
-    innerRef,
-    isShowElipsisActive: false,
-    onChange,
-    onClear: () => onChange(null),
-    value
-  }
-);
-DSTimeInput.defaultProps = {
-  format: "hh:mm:ss",
-  disabled: false,
-  clearable: true
-};
-const props = {
-  /** Injected props to wrapper element of component */
-  containerProps: import_ds_props_helpers.PropTypes.object.description("Injected props to wrapper element of component"),
-  /**
-   * Allows a function that is triggered once the time input changes
-   */
-  onChange: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the time input changes"),
-  /** a11y aria label */
-  "aria-label": import_ds_props_helpers.PropTypes.string.description("a11y aria label"),
-  /** style object for time input wrapper */
-  style: import_ds_props_helpers.PropTypes.object.description("style object for time input wrapper"),
-  /** inner ref for time inpot wrapper */
-  innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.shape({ current: import_ds_props_helpers.PropTypes.any })]).description(
-    "inner ref for time input wrapper"
-  ),
-  /** class for time input */
-  className: import_ds_props_helpers.PropTypes.string.description("class for time input"),
-  /**
-   * Valid time format
-   */
-  format: import_ds_props_helpers.PropTypes.string.description("Valid time format"),
-  /**
-   * Default value once the component is initialized
-   */
-  value: import_ds_props_helpers.PropTypes.string.description("Default value once the component is initialized"),
-  /**
-   * Whether the time input is clearable or not
-   */
-  clearable: import_ds_props_helpers.PropTypes.bool.description("Whether the time input is clearable or not"),
-  /**
-   * Whether the time input is disabled or not
-   */
-  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the time input is disabled or not"),
-  /**
-   * Aria label
-   */
-  ariaLabel: import_ds_props_helpers.PropTypes.string.description("Aria label")
-};
-DSTimeInput.propTypes = props;
-DSTimeInput.displayName = "DSTimeInput";
-const DSTimeInputWithSchema = (0, import_ds_props_helpers.describe)(DSTimeInput);
-DSTimeInputWithSchema.propTypes = props;
-var DSTimeInput_default = DSTimeInput;
-//# sourceMappingURL=DSTimeInput.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/TimeInput/DSTimeInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSInput } from '../Input/index.js';\nimport { TimeInputImpl } from './TimeInputImpl.js';\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('Injected props to wrapper element of component'),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the time input changes'),\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([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'inner ref for time input wrapper',\n  ),\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('Default value once the component is initialized'),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description('Whether the time input is clearable or not'),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the time input is disabled or not'),\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AArBN,8BAAoC;AACpC,mBAAwB;AACxB,2BAA8B;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;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,GAAG,eAAe,MAC7D;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,QACrC,GAAG;AAAA,QACJ;AAAA;AAAA,IACF;AAAA,IAEF;AAAA,IACA;AAAA,IACA,qBAAqB;AAAA,IACrB;AAAA,IACA,SAAS,MAAM,SAAS,IAAI;AAAA,IAC5B;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAI7F,UAAU,kCAAU,KAAK,YAAY,iEAAiE;AAAA;AAAA,EAEtG,cAAc,kCAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAE5D,OAAO,kCAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAEzE,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA,EAEA,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAI9D,QAAQ,kCAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIxD,OAAO,kCAAU,OAAO,YAAY,iDAAiD;AAAA;AAAA;AAAA;AAAA,EAIrF,WAAW,kCAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIlF,UAAU,kCAAU,KAAK,YAAY,2CAA2C;AAAA;AAAA;AAAA;AAAA,EAIhF,WAAW,kCAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
-  "names": []
-}

package/dist/cjs/TimeInput/TimeInputImpl.js

@@ -1,120 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TimeInputImpl_exports = {};
-__export(TimeInputImpl_exports, {
-  TimeInputImpl: () => TimeInputImpl,
-  default: () => TimeInputImpl_default
-});
-module.exports = __toCommonJS(TimeInputImpl_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_memoize_one = __toESM(require("memoize-one"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_TimeInputs = require("./TimeInputs.js");
-const blockName = "input-time";
-const InputTimeContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
-const TimeInputImpl = ({
-  format,
-  innerRef,
-  onChange,
-  className,
-  value,
-  disabled,
-  clearable,
-  "arial-label": ariaLabel
-}) => {
-  const getVisibleTimeInputs = (0, import_memoize_one.default)((formatValue) => (0, import_ds_utilities.getVisibleTimeByFormat)(formatValue));
-  let inputsContainer = (0, import_react.useRef)();
-  const handleFocus = (e) => {
-    if (!e.target.type) {
-      inputsContainer.querySelector("input").focus();
-    }
-  };
-  const visibleInputs = (0, import_react.useMemo)(() => getVisibleTimeInputs(format));
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputTimeContainer, { className, disabled, innerRef, onClick: handleFocus, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_TimeInputs.TimeInputs,
-    {
-      "aria-label": ariaLabel,
-      clearable,
-      disabled,
-      format,
-      innerRef: (node) => {
-        inputsContainer = node;
-      },
-      onChange,
-      time: value,
-      ...visibleInputs
-    }
-  ) });
-};
-TimeInputImpl.propTypes = {
-  containerProps: import_prop_types.default.shape({}),
-  /**
-   * Inner reference to the input
-   */
-  innerRef: import_prop_types.default.any,
-  /**
-   * Classes to add to the container
-   */
-  className: import_prop_types.default.string,
-  /**
-   * Styles to add to the container
-   */
-  style: import_prop_types.default.shape({}),
-  /**
-   * Allows a function that is triggered once the time input changes
-   */
-  onChange: import_prop_types.default.func,
-  /**
-   * Valid time format
-   */
-  format: import_prop_types.default.string,
-  /**
-   * Default value once the component is initialized
-   */
-  value: import_prop_types.default.string,
-  /**
-   * Whether the time input is clearable or not
-   */
-  clearable: import_prop_types.default.bool,
-  /**
-   * Whether the time input is disabled or not
-   */
-  disabled: import_prop_types.default.bool,
-  /**
-   * Aria label to add to the container
-   */
-  "aria-label": import_prop_types.default.bool,
-  "arial-label": import_prop_types.default.bool
-};
-var TimeInputImpl_default = TimeInputImpl;
-//# sourceMappingURL=TimeInputImpl.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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.js';\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) => getVisibleTimeByFormat(formatValue));\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 className={className} disabled={disabled} innerRef={innerRef} onClick={handleFocus}>\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;AAAA;ACAA,YAAuB;ADkCjB;AAlCN,mBAAuC;AACvC,wBAAsB;AACtB,0BAAuC;AACvC,yBAAuB;AACvB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,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,2BAAuB,mBAAAA,SAAW,CAAC,oBAAgB,4CAAuB,WAAW,CAAC;AAC5F,MAAI,sBAAkB,qBAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,oBAAgB,sBAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,4CAAC,sBAAmB,WAAsB,UAAoB,UAAoB,SAAS,aACzF;AAAA,IAAC;AAAA;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;AAAA,EACN,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,gBAAgB,kBAAAC,QAAU,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlC,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,OAAO,kBAAAA,QAAU,MAAM,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,EAIzB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIlB,OAAO,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,WAAW,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA,EACxB,eAAe,kBAAAA,QAAU;AAC3B;AAGA,IAAO,wBAAQ;",
-  "names": ["memoizeOne", "PropTypes"]
-}

package/dist/cjs/TimeInput/TimeInputs.js

@@ -1,352 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TimeInputs_exports = {};
-__export(TimeInputs_exports, {
-  TimeInputs: () => TimeInputs,
-  default: () => TimeInputs_default
-});
-module.exports = __toCommonJS(TimeInputs_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_react2 = __toESM(require("react"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_moment = __toESM(require("moment"));
-var import_utils = require("./utils.js");
-var import_ds_shared = require("@elliemae/ds-shared");
-const blockName = "input-times-group";
-const InputTimesGroup = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
-const TimeInput = (0, import_ds_classnames.aggregatedClasses)("input")(blockName, "input");
-const Divider = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "divider", ({ value }) => ({
-  value
-}));
-const TimeDivider = ({ content = ":", value = "" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, { value: !!value, children: content });
-const TimeInputs = ({
-  time,
-  format,
-  use12Hours,
-  step = 1,
-  showHours,
-  showMinutes,
-  showSeconds,
-  onChange,
-  disabled,
-  innerRef,
-  clearable,
-  "arial-label": ariaLabel,
-  "aria-label": ariaLabel2
-}) => {
-  const [meridiem, setMeridiem] = (0, import_react2.useState)("");
-  const [hours, setHours] = (0, import_react2.useState)("");
-  const [minutes, setMinutes] = (0, import_react2.useState)("");
-  const [hasInputValue, setHasInputValue] = (0, import_react2.useState)(false);
-  const [seconds, setSeconds] = (0, import_react2.useState)("");
-  const [currentKey, setCurrentKey] = (0, import_react2.useState)("");
-  const [hasInputBeenTriggered, setHasInputBeenTriggered] = (0, import_react2.useState)(false);
-  const [lastTypedNumber, setLastTypedNumber] = (0, import_react2.useState)(null);
-  const inputRefs = {
-    hours: null,
-    minutes: null,
-    seconds: null,
-    meridiem: null
-  };
-  (0, import_react2.useEffect)(() => {
-    if (time && (0, import_moment.default)(time).isValid()) {
-      const timeValues = (0, import_utils.getTimeValuesFromTime)(time, format, use12Hours);
-      setMeridiem(timeValues.meridiem);
-      setHours(timeValues.hours);
-      setMinutes(timeValues.minutes);
-      setSeconds(timeValues.seconds);
-    } else {
-      setMeridiem("");
-      setHours("");
-      setMinutes("");
-      setSeconds("");
-    }
-  }, [time, format, use12Hours]);
-  (0, import_react2.useEffect)(() => {
-    const selectedTime = time || (0, import_moment.default)();
-    if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {
-      if (showHours && hours)
-        selectedTime.hours(hours);
-      if (showMinutes && minutes)
-        selectedTime.minutes(minutes);
-      if (showSeconds && seconds)
-        selectedTime.seconds(seconds);
-      if (use12Hours && meridiem) {
-        const nextHours = meridiem.toLowerCase() === import_ds_shared.AM ? hours % 12 : hours % 12 + 12;
-        selectedTime.hour(nextHours);
-      }
-      onChange(selectedTime);
-      setHasInputBeenTriggered(false);
-    }
-  }, [hours, minutes, seconds, meridiem]);
-  const focusNextInputIfNeeded = (currentEl, max, number) => {
-    if ((0, import_utils.shouldFocusNextInput)(max, number, currentEl.value) && !(0, import_utils.isArrowIncrementDecrement)(currentKey) && !hasInputValue) {
-      (0, import_utils.focusNextInput)(currentEl);
-    }
-  };
-  const getNextTimeValue = (value, incrementing = true) => {
-    const parsedValue = (0, import_utils.parseTimeNumberFromText)(value);
-    return incrementing ? parsedValue + step : parsedValue - step;
-  };
-  const onInputFocus = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    e.target.select();
-  };
-  const onClick = (e) => {
-    if (e.target.value) {
-      setHasInputValue(true);
-    }
-  };
-  const onKeyDown = (event, max) => {
-    const { target } = event;
-    const { value } = target;
-    setLastTypedNumber(event.key);
-    switch (event.key) {
-      case import_ds_shared.ARROW_UP: {
-        event.preventDefault();
-        setCurrentKey(event.key);
-        const incrementedValue = getNextTimeValue(value);
-        (0, import_utils.setNativeValue)(event.target, incrementedValue);
-        break;
-      }
-      case import_ds_shared.ARROW_DOWN: {
-        event.preventDefault();
-        setCurrentKey(event.key);
-        const decrementedValue = getNextTimeValue(value, false);
-        (0, import_utils.setNativeValue)(event.target, decrementedValue);
-        break;
-      }
-      case import_ds_shared.BACKSPACE: {
-        event.preventDefault();
-        if (!value) {
-          (0, import_utils.focusPreviousInput)(event.target);
-        } else {
-          (0, import_utils.setNativeValue)(event.target, "");
-        }
-        break;
-      }
-      case import_ds_shared.ESCAPE: {
-        event.preventDefault();
-        event.target.blur();
-        break;
-      }
-      case import_ds_shared.HOME: {
-        event.preventDefault();
-        (0, import_utils.setNativeValue)(event.target, String(max));
-        (0, import_utils.focusNextInput)(event.target);
-        break;
-      }
-      case import_ds_shared.END: {
-        event.preventDefault();
-        (0, import_utils.setNativeValue)(event.target, "00");
-        (0, import_utils.focusNextInput)(event.target);
-        break;
-      }
-      case import_ds_shared.SHIFT:
-        event.preventDefault();
-        setCurrentKey(event.key);
-        break;
-      default:
-        break;
-    }
-  };
-  const isTimeCompletelySet = () => {
-    let neededValues = [];
-    if (showHours)
-      neededValues = [...neededValues, hours || null];
-    if (showMinutes)
-      neededValues = [...neededValues, minutes || null];
-    if (showSeconds)
-      neededValues = [...neededValues, seconds || null];
-    if (use12Hours)
-      neededValues = [...neededValues, meridiem || null];
-    return !neededValues.some((value) => !value);
-  };
-  const handleSecondsChange = (e) => {
-    const { value } = e.target;
-    const secondsHandled = (0, import_utils.parseTimeNumberFromText)(value);
-    const nextSeconds = (0, import_utils.getValidTimeNumber)(import_ds_shared.GENERAL_TIME_RANGE, secondsHandled, lastTypedNumber);
-    setSeconds((0, import_utils.formatSeconds)(format, nextSeconds));
-    setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, import_ds_shared.GENERAL_TIME_RANGE.max, value);
-  };
-  const handleMinutesChange = (e) => {
-    const { value } = e.target;
-    const minutesHandled = (0, import_utils.parseTimeNumberFromText)(value);
-    const nextMinutes = (0, import_utils.getValidTimeNumber)(import_ds_shared.GENERAL_TIME_RANGE, minutesHandled, lastTypedNumber);
-    setMinutes((0, import_utils.formatMinutes)(format, nextMinutes));
-    setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, import_ds_shared.GENERAL_TIME_RANGE.max, value);
-  };
-  const handleHoursChange = (e) => {
-    const { value } = e.target;
-    const hour = (0, import_utils.parseTimeNumberFromText)(value);
-    const hoursRange = use12Hours ? import_ds_shared.HOUR_RANGE_12 : import_ds_shared.HOUR_RANGE_24;
-    const nextHour = (0, import_utils.getValidTimeNumber)(hoursRange, hour, lastTypedNumber);
-    setHours((0, import_utils.formatHour)(format, nextHour));
-    setHasInputBeenTriggered(true);
-    focusNextInputIfNeeded(e.target, hoursRange.max, value);
-  };
-  const handleMeridiemKeyDown = (e) => {
-    if (e.key === import_ds_shared.ARROW_UP || e.key === "a") {
-      setMeridiem((0, import_utils.formatMeridiem)(format, import_ds_shared.AM));
-    } else if (e.key === import_ds_shared.ARROW_DOWN || e.key === "p") {
-      setMeridiem((0, import_utils.formatMeridiem)(format, import_ds_shared.PM));
-    } else if (e.key === import_ds_shared.SHIFT) {
-      setCurrentKey(e.key);
-    } else if (e.key === import_ds_shared.BACKSPACE) {
-      setMeridiem("");
-    }
-    setHasInputBeenTriggered(true);
-  };
-  const handleMeridiemBlur = (e) => {
-    const { value } = e.target;
-    if (value !== import_ds_shared.AM && value !== import_ds_shared.PM) {
-      setMeridiem("");
-    }
-  };
-  const handleOnBlur = (event) => {
-    const selectedTime = (0, import_moment.default)();
-    if (clearable && !event.currentTarget.contains(event.relatedTarget)) {
-      if (showHours && hours)
-        selectedTime.hours(hours);
-      if (showMinutes && minutes)
-        selectedTime.minutes(minutes);
-      if (showSeconds && seconds)
-        selectedTime.seconds(seconds);
-      if (use12Hours && meridiem) {
-        const nextHours = meridiem.toLowerCase() === import_ds_shared.AM ? hours % 12 : hours % 12 + 12;
-        selectedTime.hour(nextHours);
-      }
-      onChange(selectedTime);
-    }
-  };
-  const renderSecondsInput = () => {
-    if (!showSeconds)
-      return null;
-    return /* @__PURE__ */ (0, import_react.createElement)(
-      TimeInput,
-      {
-        ...(0, import_utils.commonInputProps)((e) => onKeyDown(e, import_ds_shared.GENERAL_TIME_RANGE.max), onInputFocus, onClick),
-        key: "seconds-input",
-        "data-testid": "ds-time-input__seconds",
-        "aria-label": ariaLabel || ariaLabel2 || "Seconds Input",
-        disabled,
-        innerRef: (node) => inputRefs.seconds = node,
-        onChange: handleSecondsChange,
-        placeholder: (0, import_utils.placeholderFormat)(import_ds_shared.PLACEHOLDER_TIME.seconds, format),
-        value: seconds
-      }
-    );
-  };
-  const renderMinutesInput = () => {
-    if (!showMinutes)
-      return null;
-    return /* @__PURE__ */ (0, import_react.createElement)(
-      TimeInput,
-      {
-        ...(0, import_utils.commonInputProps)((e) => onKeyDown(e, import_ds_shared.GENERAL_TIME_RANGE.max), onInputFocus, onClick),
-        key: "minutes-input",
-        "data-testid": "ds-time-input__minutes",
-        "aria-label": ariaLabel || ariaLabel2 || "Minutes Input",
-        disabled,
-        innerRef: (node) => inputRefs.minutes = node,
-        onChange: handleMinutesChange,
-        placeholder: (0, import_utils.placeholderFormat)(import_ds_shared.PLACEHOLDER_TIME.minutes, format),
-        value: minutes
-      }
-    );
-  };
-  const renderHoursInput = () => {
-    if (!showHours)
-      return null;
-    const hourFormatRange = use12Hours ? import_ds_shared.HOUR_RANGE_12 : import_ds_shared.HOUR_RANGE_24;
-    return /* @__PURE__ */ (0, import_react.createElement)(
-      TimeInput,
-      {
-        ...(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",
-        disabled,
-        innerRef: (node) => inputRefs.hours = node,
-        onChange: handleHoursChange,
-        placeholder: (0, import_utils.placeholderFormat)(import_ds_shared.PLACEHOLDER_TIME.hour, format, use12Hours),
-        value: hours
-      }
-    );
-  };
-  const renderMeridiemInput = () => {
-    if (!use12Hours)
-      return null;
-    return /* @__PURE__ */ (0, import_react.createElement)(
-      TimeInput,
-      {
-        ...import_utils.commonInputProps,
-        key: "meridiem-input",
-        "data-testid": "ds-time-input__ampm",
-        "aria-label": ariaLabel || ariaLabel2 || "Meridiem Input",
-        disabled,
-        onBlur: handleMeridiemBlur,
-        onKeyDown: handleMeridiemKeyDown,
-        placeholder: (0, import_utils.placeholderFormat)(import_ds_shared.PLACEHOLDER_TIME.meridiem, format),
-        value: meridiem
-      }
-    );
-  };
-  const renderTimeInputs = () => {
-    const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];
-    const inputsWithDividers = inputs.reduce(
-      (acc, input, index) => input ? acc.concat([
-        index ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          TimeDivider,
-          {
-            content: ":",
-            value: input.props.value
-          },
-          index
-        ) : null,
-        input
-      ]) : acc,
-      []
-    );
-    return [
-      inputsWithDividers,
-      import_react2.default.createElement("span", { key: "span" }),
-      // hack for next/prev focus
-      renderMeridiemInput()
-    ];
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputTimesGroup, { onBlur: handleOnBlur, innerRef, children: renderTimeInputs() });
-};
-var TimeInputs_default = TimeInputs;
-//# sourceMappingURL=TimeInputs.js.map