@elliemae/ds-controlled-form 2.3.0-alpha.9 → 2.3.0-next.3

package/dist/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js

@@ -1,59 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { ControlledDateTimePickerContext } from "../ControlledDateTimePickerCTX";
-import { StyledInputsWrapperGrid } from "./Styleds";
-import { DateInputs } from "./DateInputs/DateInputs";
-import { TimeInputs } from "./TimeInputs/TimeInputs";
-import { PickersIcons } from "./Pickers/PickersIcons";
-import { ClearButton } from "./ClearButton/ClearButton";
-const ControlledDateTimePickerContent = () => {
-  const {
-    hideDate,
-    hideDatePicker,
-    hideTime,
-    hideTimePicker,
-    hideDateTimePicker,
-    setLatestInteractionRegion,
-    withAnyPicker,
-    withAnyRightController,
-    shouldPreserveClearableSpace,
-    isControllerOnly,
-    props: { hasError, dataAttrs, disabled },
-    onGlobalKeyDown
-  } = React2.useContext(ControlledDateTimePickerContext);
-  const resetLatestInteraction = React2.useCallback(() => {
-    setLatestInteractionRegion("");
-  }, [setLatestInteractionRegion]);
-  const mainCols = [];
-  if (!hideDate)
-    mainCols.push("auto");
-  if (!hideTime)
-    mainCols.push("auto");
-  if (withAnyRightController)
-    mainCols.push("auto");
-  const rightControlCols = [];
-  if (shouldPreserveClearableSpace)
-    rightControlCols.push("28px");
-  if (withAnyPicker)
-    rightControlCols.push("auto");
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledInputsWrapperGrid, {
-    cols: mainCols,
-    gutter: "xxs",
-    pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? "2px" : null,
-    justPicker: hideDate && hideTime,
-    withAnyPicker,
-    onBlur: resetLatestInteraction,
-    onKeyDown: onGlobalKeyDown,
-    hasError,
-    isControllerOnly,
-    disabled,
-    ...dataAttrs
-  }, hideDate ? null : /* @__PURE__ */ React2.createElement(DateInputs, null), hideTime ? null : /* @__PURE__ */ React2.createElement(TimeInputs, null), withAnyRightController ? /* @__PURE__ */ React2.createElement(Grid, {
-    cols: rightControlCols
-  }, shouldPreserveClearableSpace ? /* @__PURE__ */ React2.createElement(ClearButton, null) : null, withAnyPicker ? /* @__PURE__ */ React2.createElement(PickersIcons, null) : null) : null));
-};
-export {
-  ControlledDateTimePickerContent
-};
-//# sourceMappingURL=ControlledDateTimePickerContent.js.map

package/dist/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-date-time-picker/parts/ControlledDateTimePickerContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX';\nimport { StyledInputsWrapperGrid } from './Styleds';\nimport { DateInputs } from './DateInputs/DateInputs';\nimport { TimeInputs } from './TimeInputs/TimeInputs';\nimport { PickersIcons } from './Pickers/PickersIcons';\nimport { ClearButton } from './ClearButton/ClearButton';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n  const {\n    hideDate,\n    hideDatePicker,\n    hideTime,\n    hideTimePicker,\n    hideDateTimePicker,\n    setLatestInteractionRegion,\n    withAnyPicker,\n    withAnyRightController,\n    shouldPreserveClearableSpace,\n    isControllerOnly,\n    props: { hasError, dataAttrs, disabled },\n    onGlobalKeyDown,\n  } = React.useContext(ControlledDateTimePickerContext);\n\n  const resetLatestInteraction = React.useCallback(() => {\n    setLatestInteractionRegion('');\n  }, [setLatestInteractionRegion]);\n\n  const mainCols = [];\n  if (!hideDate) mainCols.push('auto');\n  if (!hideTime) mainCols.push('auto');\n  if (withAnyRightController) mainCols.push('auto');\n\n  const rightControlCols = [];\n  if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n  if (withAnyPicker) rightControlCols.push('auto');\n\n  return (\n    <>\n      {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <StyledInputsWrapperGrid\n        cols={mainCols}\n        gutter=\"xxs\"\n        pr={hideDatePicker && hideTimePicker && hideDateTimePicker ? '2px' : null}\n        justPicker={hideDate && hideTime}\n        withAnyPicker={withAnyPicker}\n        onBlur={resetLatestInteraction}\n        onKeyDown={onGlobalKeyDown}\n        hasError={hasError}\n        isControllerOnly={isControllerOnly}\n        disabled={disabled}\n        {...dataAttrs}\n      >\n        {hideDate ? null : <DateInputs />}\n        {hideTime ? null : <TimeInputs />}\n        {withAnyRightController ? (\n          <Grid cols={rightControlCols}>\n            {shouldPreserveClearableSpace ? <ClearButton /> : null}\n            {withAnyPicker ? <PickersIcons /> : null}\n          </Grid>\n        ) : null}\n      </StyledInputsWrapperGrid>\n    </>\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,WAAW;AAAA,IAC9B;AAAA,MACE,OAAM,WAAW;AAErB,QAAM,yBAAyB,OAAM,YAAY,MAAM;AACrD,+BAA2B;AAAA,KAC1B,CAAC;AAEJ,QAAM,WAAW;AACjB,MAAI,CAAC;AAAU,aAAS,KAAK;AAC7B,MAAI,CAAC;AAAU,aAAS,KAAK;AAC7B,MAAI;AAAwB,aAAS,KAAK;AAE1C,QAAM,mBAAmB;AACzB,MAAI;AAA8B,qBAAiB,KAAK;AACxD,MAAI;AAAe,qBAAiB,KAAK;AAEzC,SACE,4DAKE,qCAAC,yBAAD;AAAA,IACE,MAAM;AAAA,IACN,QAAO;AAAA,IACP,IAAI,kBAAkB,kBAAkB,qBAAqB,QAAQ;AAAA,IACrE,YAAY,YAAY;AAAA,IACxB;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,OACI;AAAA,KAEH,WAAW,OAAO,qCAAC,YAAD,OAClB,WAAW,OAAO,qCAAC,YAAD,OAClB,yBACC,qCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KACT,+BAA+B,qCAAC,aAAD,QAAkB,MACjD,gBAAgB,qCAAC,cAAD,QAAmB,QAEpC;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js

@@ -1,47 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid";
-import { Styled2DigitsInput } from "../Styleds";
-const regExpNumbers = /^[0-9]+$/;
-const isInvalidDay = (day) => {
-  if (day === "")
-    return false;
-  const numberOnly = regExpNumbers.test(day);
-  return day.length > 2 || day === "00" || !numberOnly || Number.parseInt(day, 10) > 31;
-};
-const DDInput = React2.memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  disabled,
-  contextRef,
-  placeholder,
-  ariaCurrentValueForInputs
-}) => {
-  const validateOnChange = useCallback((e) => {
-    if (isInvalidDay(e?.target?.value)) {
-      e.preventDefault();
-      return;
-    }
-    onChange(e);
-  }, [onChange]);
-  return /* @__PURE__ */ React2.createElement(Styled2DigitsInput, {
-    onChange: validateOnChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    ref: contextRef,
-    placeholder,
-    "aria-label": `day input field, ${ariaCurrentValueForInputs}`,
-    "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
-    disabled,
-    "aria-disabled": disabled
-  });
-});
-export {
-  DDInput
-};
-//# sourceMappingURL=DDInput.js.map

package/dist/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/DateInputs/DDInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { Styled2DigitsInput } from '../Styleds';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day) => {\n  if (day === '') return false;\n  const numberOnly = regExpNumbers.test(day);\n  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;\n};\n\ninterface DDInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  value: string;\n  disabled: boolean;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.RefObject<HTMLInputElement>;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    contextRef,\n    placeholder,\n    ariaCurrentValueForInputs,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidDay(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAQ;AAC5B,MAAI,QAAQ;AAAI,WAAO;AACvB,QAAM,aAAa,cAAc,KAAK;AACtC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,MAAM;AAAA;AAc9E,MAAM,UAAU,OAAM,KAC3B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiC;AACjC,QAAM,mBAAmB,YACvB,CAAC,MAAM;AACL,QAAI,aAAa,GAAG,QAAQ,QAAQ;AAClC,QAAE;AACF;AAAA;AAEF,aAAS;AAAA,KAEX,CAAC;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,cAAY,oBAAoB;AAAA,IAChC,eAAa,mCAAmC,YAAY;AAAA,IAC5D;AAAA,IACA,iBAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js

@@ -1,80 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { ControlledDateTimePickerContext } from "../../ControlledDateTimePickerCTX";
-import { MMInput } from "./MMInput";
-import { DDInput } from "./DDInput";
-import { YYYYInput } from "./YYYYInput";
-import { StyledFocusWithIn, StyledSeparator } from "../Styleds";
-import { useDateInputs } from "./useDateInputs";
-import { fixedValues } from "../config";
-const DateInputs = () => {
-  const {
-    month,
-    day,
-    year,
-    autoFocusMonthInput,
-    onMonthChange,
-    onDayChange,
-    onYearChange,
-    onMonthBlur,
-    onDayBlur,
-    onYearBlur,
-    onMonthFocus,
-    onDayFocus,
-    onYearFocus,
-    onMonthKeyDown,
-    onDayKeyDown,
-    onYearKeyDown,
-    disabled
-  } = useDateInputs();
-  const { monthInputRef, dayInputRef, yearInputRef, ariaCurrentValueForInputs } = useContext(ControlledDateTimePickerContext);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    cols: [
-      fixedValues.smallInputWidth,
-      fixedValues.separatorWidth,
-      fixedValues.smallInputWidth,
-      fixedValues.separatorWidth,
-      fixedValues.largeInputWidth
-    ]
-  }, /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(MMInput, {
-    onChange: onMonthChange,
-    onBlur: onMonthBlur,
-    onFocus: onMonthFocus,
-    onKeyDown: onMonthKeyDown,
-    value: month,
-    contextRef: monthInputRef,
-    autoFocusMonthInput,
-    placeholder: "MM",
-    ariaCurrentValueForInputs,
-    disabled
-  })), /* @__PURE__ */ React2.createElement(StyledSeparator, {
-    alignItems: "center"
-  }, "/"), /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(DDInput, {
-    onChange: onDayChange,
-    onBlur: onDayBlur,
-    onFocus: onDayFocus,
-    onKeyDown: onDayKeyDown,
-    value: day,
-    contextRef: dayInputRef,
-    placeholder: "DD",
-    ariaCurrentValueForInputs,
-    disabled
-  })), /* @__PURE__ */ React2.createElement(StyledSeparator, {
-    alignItems: "center"
-  }, "/"), /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(YYYYInput, {
-    onChange: onYearChange,
-    onBlur: onYearBlur,
-    onFocus: onYearFocus,
-    onKeyDown: onYearKeyDown,
-    value: year,
-    contextRef: yearInputRef,
-    placeholder: "YYYY",
-    ariaCurrentValueForInputs,
-    disabled
-  })));
-};
-export {
-  DateInputs
-};
-//# sourceMappingURL=DateInputs.js.map

package/dist/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/DateInputs/DateInputs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { MMInput } from './MMInput';\nimport { DDInput } from './DDInput';\nimport { YYYYInput } from './YYYYInput';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds';\nimport { useDateInputs } from './useDateInputs';\nimport { fixedValues } from '../config';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const { monthInputRef, dayInputRef, yearInputRef, ariaCurrentValueForInputs } = useContext(\n    ControlledDateTimePickerContext,\n  );\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          placeholder=\"DD\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          placeholder=\"YYYY\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,EAAE,eAAe,aAAa,cAAc,8BAA8B,WAC9E;AAEF,SACE,qCAAC,MAAD;AAAA,IACE,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA;AAAA,KAGd,qCAAC,mBAAD,MACE,qCAAC,SAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,OAGJ,qCAAC,iBAAD;AAAA,IAAiB,YAAW;AAAA,KAAS,MACrC,qCAAC,mBAAD,MACE,qCAAC,SAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,OAGJ,qCAAC,iBAAD;AAAA,IAAiB,YAAW;AAAA,KAAS,MACrC,qCAAC,mBAAD,MACE,qCAAC,WAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js

@@ -1,49 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { Styled2DigitsInput } from "../Styleds";
-import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid";
-const regExpNumbers = /^[0-9]+$/;
-const isInvalidMonth = (month) => {
-  if (month === "")
-    return false;
-  const numberOnly = regExpNumbers.test(month);
-  return month.length > 2 || month === "00" || !numberOnly || Number.parseInt(month, 10) > 12;
-};
-const MMInput = React2.memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  disabled,
-  placeholder,
-  contextRef,
-  autoFocusMonthInput,
-  ariaCurrentValueForInputs
-}) => {
-  const validateOnChange = useCallback((e) => {
-    if (isInvalidMonth(e?.target?.value)) {
-      e.preventDefault();
-      return;
-    }
-    onChange(e);
-  }, [onChange]);
-  return /* @__PURE__ */ React2.createElement(Styled2DigitsInput, {
-    autoFocus: autoFocusMonthInput,
-    onChange: validateOnChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    ref: contextRef,
-    placeholder,
-    "aria-label": `month input field, ${ariaCurrentValueForInputs}`,
-    "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH,
-    disabled,
-    "aria-disabled": disabled
-  });
-});
-export {
-  MMInput
-};
-//# sourceMappingURL=MMInput.js.map

package/dist/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/DateInputs/MMInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { Styled2DigitsInput } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  autoFocusMonthInput: boolean;\n  value: string;\n  disabled: boolean;\n  contextRef: React.RefObject<HTMLInputElement>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    placeholder,\n    contextRef,\n    autoFocusMonthInput,\n    ariaCurrentValueForInputs,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`month input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,UAAU;AAChC,MAAI,UAAU;AAAI,WAAO;AACzB,QAAM,aAAa,cAAc,KAAK;AACtC,SAAO,MAAM,SAAS,KAAK,UAAU,QAAQ,CAAC,cAAc,OAAO,SAAS,OAAO,MAAM;AAAA;AAcpF,MAAM,UAAU,OAAM,KAC3B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiC;AACjC,QAAM,mBAAmB,YACvB,CAAC,MAAM;AACL,QAAI,eAAe,GAAG,QAAQ,QAAQ;AACpC,QAAE;AACF;AAAA;AAEF,aAAS;AAAA,KAEX,CAAC;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,cAAY,sBAAsB;AAAA,IAClC,eAAa,mCAAmC,YAAY;AAAA,IAC5D;AAAA,IACA,iBAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-date-time-picker/parts/DateInputs/YYYYInput.js

@@ -1,47 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid";
-import { StyledMin4DigitsInput } from "../Styleds";
-const regExpNumbers = /^[0-9]+$/;
-const isInvalidYear = (year) => {
-  if (year === "")
-    return false;
-  const numberOnly = regExpNumbers.test(year);
-  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;
-};
-const YYYYInput = React2.memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  disabled,
-  placeholder,
-  contextRef,
-  ariaCurrentValueForInputs
-}) => {
-  const validateOnChange = useCallback((e) => {
-    if (isInvalidYear(e?.target?.value)) {
-      e.preventDefault();
-      return;
-    }
-    onChange(e);
-  }, [onChange]);
-  return /* @__PURE__ */ React2.createElement(StyledMin4DigitsInput, {
-    onChange: validateOnChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    ref: contextRef,
-    placeholder,
-    "aria-label": `year input field, ${ariaCurrentValueForInputs}`,
-    "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR,
-    disabled,
-    "aria-disabled": disabled
-  });
-});
-export {
-  YYYYInput
-};
-//# sourceMappingURL=YYYYInput.js.map

package/dist/esm/controlled-date-time-picker/parts/DateInputs/YYYYInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-date-time-picker/parts/DateInputs/YYYYInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { StyledMin4DigitsInput } from '../Styleds';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidYear = (year) => {\n  if (year === '') return false;\n  const numberOnly = regExpNumbers.test(year);\n  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;\n};\n\ninterface YYYYInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  value: string;\n  disabled: boolean;\n  contextRef: React.RefObject<HTMLInputElement>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n}\nexport const YYYYInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    placeholder,\n    contextRef,\n    ariaCurrentValueForInputs,\n  }: YYYYInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidYear(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <StyledMin4DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`year input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,gBAAgB,CAAC,SAAS;AAC9B,MAAI,SAAS;AAAI,WAAO;AACxB,QAAM,aAAa,cAAc,KAAK;AACtC,SAAO,KAAK,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,MAAM,MAAM;AAAA;AAchE,MAAM,YAAY,OAAM,KAC7B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACmC;AACnC,QAAM,mBAAmB,YACvB,CAAC,MAAM;AACL,QAAI,cAAc,GAAG,QAAQ,QAAQ;AACnC,QAAE;AACF;AAAA;AAEF,aAAS;AAAA,KAEX,CAAC;AAEH,SACE,qCAAC,uBAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,cAAY,qBAAqB;AAAA,IACjC,eAAa,mCAAmC,YAAY;AAAA,IAC5D;AAAA,IACA,iBAAe;AAAA;AAAA;",
-  "names": []
-}