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

package/dist/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useContext, useCallback, useMemo } from "react";
 import {
@@ -57,7 +76,7 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     tryToFocusCurrentlyDataIsFocusedDay();
     if (!isDisabled && !isOutOfRange) {
       const newDateString = getDateStringFromDay(day);
-      const metaInfo = { ...defaultMetaInfo, newDateString };
+      const metaInfo = __spreadProps(__spreadValues({}, defaultMetaInfo), { newDateString });
       const { month, day: dayNumber, year } = getDateValuesFromDate(day);
       onMonthChange(`${month + 1}`, e, metaInfo);
       onDayChange(`${dayNumber}`, e, metaInfo);
@@ -99,12 +118,11 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
   if (isDayInRange)
     dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", __spreadValues({
     className: dayClassModifiers,
     style: isHidden ? displayNone : void 0,
-    role: !isInvisible ? "gridcell" : void 0,
-    ...Number.isInteger(colIndex) && { "aria-colindex": colIndex }
-  }, /* @__PURE__ */ React2.createElement(StyledDayBtn, {
+    role: !isInvisible ? "gridcell" : void 0
+  }, Number.isInteger(colIndex) && { "aria-colindex": colIndex }), /* @__PURE__ */ React2.createElement(StyledDayBtn, {
     "aria-label": `${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`,
     "aria-disabled": isOutOfRange || isDisabled,
     "aria-hidden": !!isInvisible,

package/dist/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/Day.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport {\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n  isSameDateMoment,\n  compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport type { metaMonthDayT } from '../../../index.d';\nimport { StyledDayBtn } from './Styleds';\n\ninterface CalendarDayPropsT {\n  metaDay: metaMonthDayT;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    props: {\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      preventCloseOnSelection,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n    },\n    latestInteractionRegion,\n    setLatestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const {\n    handleDayOnKeyDown,\n    focusedDay,\n    handleFocusMetaDayByDay,\n    isWithTimeWheelToo,\n    closeCalendar,\n    tryToFocusCurrentlyDataIsFocusedDay,\n  } = useContext(CalendarContext);\n  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return isSameDateMoment(day, selectedDate);\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);\n\n  const handleOnDayClick = useCallback(\n    (e) => {\n      handleFocusMetaDayByDay(day);\n      tryToFocusCurrentlyDataIsFocusedDay();\n      if (!isDisabled && !isOutOfRange) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        onMonthChange(`${month + 1}`, e, metaInfo);\n        onDayChange(`${dayNumber}`, e, metaInfo);\n        onYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        setLatestInteractionRegion('calendar-days');\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n      }\n    },\n    [\n      isDisabled,\n      isOutOfRange,\n      day,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n      handleChangeComposedDateString,\n      handleFocusMetaDayByDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      setLatestInteractionRegion,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n    ],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    setLatestInteractionRegion('calendar-days');\n  }, [setLatestInteractionRegion]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${isDayInRange ? 'inRangeDay ' : ''}${\n        isEndRangeDay ? 'endRangeDay ' : ''\n      }${isCurrMonthDay ? '' : 'notCurrentMonth'}`,\n    [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay],\n  );\n\n  let dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n  if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role={!isInvisible ? 'gridcell' : undefined}\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={`${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`}\n        aria-disabled={isOutOfRange || isDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={dayBtnRef}\n        tabIndex={isSelected ? 0 : -1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useContext } from "react";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
@@ -12,12 +31,12 @@ const CalendarWithTimeWheelWrapper = () => {
   } = useContext(CalendarWithTimeWheelContext);
   if (isControllerOnly)
     return /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelContent, null);
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({
     ref: setPopperElement,
-    style: { ...styles.popper, background: "white", zIndex: 110 },
-    ...attributes.popper,
+    style: __spreadProps(__spreadValues({}, styles.popper), { background: "white", zIndex: 110 })
+  }, attributes.popper), {
     "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL
-  }, /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelContent, null), /* @__PURE__ */ React2.createElement("div", {
+  }), /* @__PURE__ */ React2.createElement(CalendarWithTimeWheelContent, null), /* @__PURE__ */ React2.createElement("div", {
     ref: setArrowElement,
     style: styles.arrow
   }));

package/dist/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarWithTimeWheelContent } from './CalendarWithTimeWheelContent';\nimport { CalendarWithTimeWheelContext } from './CalendarWithTimeWheelContext';\n\nexport const CalendarWithTimeWheelWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    setArrowElement,\n    usePopperHelpers: { attributes, styles },\n    isControllerOnly,\n  } = useContext(CalendarWithTimeWheelContext);\n  if (isControllerOnly) return <CalendarWithTimeWheelContent />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL}\n    >\n      <CalendarWithTimeWheelContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,+BAA+B,MAAmB;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,YAAY;AAAA,IAChC;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,8BAAD;AAC7B,SACE,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,KAAK,OAAO,QAAQ,YAAY,SAAS,QAAQ;AAAA,OACpD,WAAW;AAAA,IACf,eAAa,mCAAmC,gBAAgB;AAAA,KAEhE,qCAAC,8BAAD,OACA,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,+BAA+B,MAAmB;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,YAAY;AAAA,IAChC;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,8BAAD;AAC7B,SACE,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,iCAAK,OAAO,SAAZ,EAAoB,YAAY,SAAS,QAAQ;AAAA,KACpD,WAAW,SAHjB;AAAA,IAIE,eAAa,mCAAmC,gBAAgB;AAAA,MAEhE,qCAAC,8BAAD,OACA,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2, { useContext } from "react";
 import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
@@ -51,7 +67,7 @@ const HoursList = () => {
     return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
       isCurrentListItem,
       key
-    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
+    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, __spreadValues({
       isCurrentListItem,
       autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
       "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_HOUR" : "HOUR"],
@@ -67,9 +83,8 @@ const HoursList = () => {
       "aria-valuemax": "12",
       "aria-valuemin": "1",
       "aria-valuenow": currHourNum,
-      "aria-valuetext": `${hourString} hours`,
-      ...btnProps
-    }, hourString));
+      "aria-valuetext": `${hourString} hours`
+    }, btnProps), hourString));
   }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "add one hour",
     buttonType: "raw",

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const HoursList = (): JSX.Element => {\n  const {\n    currHourNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleHours,\n    handlePrevHour,\n    handleNextHour,\n    handleTimeWheelBtnChangeHours,\n    handlePrevHourBtnOnKeyDown,\n    handleCurrHourOnKeyDown,\n    handleNextHourBtnOnKeyDown,\n    prevHourBtnRef,\n    currHourBtnRef,\n    nextHourBtnRef,\n    getIsDisabledTime,\n    autoFocusHourTimeWheel,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevHour}\n          onKeyDown={handlePrevHourBtnOnKeyDown}\n          innerRef={prevHourBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleHours.map((hourString) => {\n        const key = `timewheel-hour-${hourString}`;\n        if (!hourString) return <StyledWheelListItem key={key} />;\n        const currHourTimeString = `${hourString}:${minutes || '00'} ${meridiem || 'AM'}`;\n\n        const isEmptyCurrValueCurrentListItem = !hours && convertToPositiveNumberIfPossible(hourString) === currHourNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;\n        const isDisabled = getIsDisabledTime(currHourTimeString);\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currHourBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\n              autoFocus={autoFocusHourTimeWheel && isCurrentListItem}\n              data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR']}\n              selected={hours.length === 2 && convertToPositiveNumberIfPossible(hourString) === currHourNum}\n              aria-label={`${hourString} hours`}\n              aria-disabled={isDisabled}\n              isDisabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e) => handleTimeWheelBtnChangeHours(hourString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax=\"12\"\n              aria-valuemin=\"1\"\n              aria-valuenow={currHourNum}\n              aria-valuetext={`${hourString} hours`}\n              {...btnProps}\n            >\n              {hourString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one hour\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextHour}\n          onKeyDown={handleNextHourBtnOnKeyDown}\n          innerRef={nextHourBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,MAAmB;AAC1C,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,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,gBAAD,SAGH,aAAa,IAAI,CAAC,eAAe;AAChC,UAAM,MAAM,kBAAkB;AAC9B,QAAI,CAAC;AAAY,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAC7C,UAAM,qBAAqB,GAAG,cAAc,WAAW,QAAQ,YAAY;AAE3E,UAAM,kCAAkC,CAAC,SAAS,kCAAkC,gBAAgB;AACpG,UAAM,oBAAoB,mCAAmC,UAAU;AACvE,UAAM,aAAa,kBAAkB;AACrC,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,0BAA0B;AAAA,MACzD,UAAU,oBAAoB,iBAAiB;AAAA;AAEjD,WACE,qCAAC,qBAAD;AAAA,MAAqB;AAAA,MAAsC;AAAA,OACzD,qCAAC,eAAD;AAAA,MACE;AAAA,MACA,WAAW,0BAA0B;AAAA,MACrC,eAAa,mCAAmC,UAAU,oBAAoB,iBAAiB;AAAA,MAC/F,UAAU,MAAM,WAAW,KAAK,kCAAkC,gBAAgB;AAAA,MAClF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf;AAAA,MACA,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,8BAA8B,YAAY;AAAA,MAC1D;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,SACf;AAAA,OAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,kBAAD;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,MAAmB;AAC1C,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,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,gBAAD,SAGH,aAAa,IAAI,CAAC,eAAe;AAChC,UAAM,MAAM,kBAAkB;AAC9B,QAAI,CAAC;AAAY,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAC7C,UAAM,qBAAqB,GAAG,cAAc,WAAW,QAAQ,YAAY;AAE3E,UAAM,kCAAkC,CAAC,SAAS,kCAAkC,gBAAgB;AACpG,UAAM,oBAAoB,mCAAmC,UAAU;AACvE,UAAM,aAAa,kBAAkB;AACrC,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,0BAA0B;AAAA,MACzD,UAAU,oBAAoB,iBAAiB;AAAA;AAEjD,WACE,qCAAC,qBAAD;AAAA,MAAqB;AAAA,MAAsC;AAAA,OACzD,qCAAC,eAAD;AAAA,MACE;AAAA,MACA,WAAW,0BAA0B;AAAA,MACrC,eAAa,mCAAmC,UAAU,oBAAoB,iBAAiB;AAAA,MAC/F,UAAU,MAAM,WAAW,KAAK,kCAAkC,gBAAgB;AAAA,MAClF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf;AAAA,MACA,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,8BAA8B,YAAY;AAAA,MAC1D;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,OACf,WAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,kBAAD;AAAA;",
   "names": []
 }

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2, { useContext } from "react";
 import { ChevronSmallUp, ChevronSmallDown } from "@elliemae/ds-icons";
@@ -51,7 +67,7 @@ const MinutesList = () => {
       key,
       isCurrentListItem,
       selected: convertToPositiveNumberIfPossible(minutesString) === currMinuteNum
-    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, {
+    }, /* @__PURE__ */ React2.createElement(StyledTimeBtn, __spreadValues({
       isCurrentListItem,
       "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? "CURRENT_MINUTE" : "MINUTE"],
       selected: minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
@@ -66,9 +82,8 @@ const MinutesList = () => {
       "aria-valuemax": "59",
       "aria-valuemin": "0",
       "aria-valuenow": currMinuteNum,
-      "aria-valuetext": `${minutesString} minutes`,
-      ...btnProps
-    }, minutesString));
+      "aria-valuetext": `${minutesString} minutes`
+    }, btnProps), minutesString));
   }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "add one minute",
     buttonType: "raw",

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelList, StyledWheelListItem, StyledTimeBtn, StyledWheelChangeTimeBtn } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const MinutesList = (): JSX.Element => {\n  const {\n    currMinuteNum,\n    hours,\n    minutes,\n    meridiem,\n    visibleMinutes,\n    handlePrevMinute,\n    handleNextMinute,\n    handleTimeWheelBtnChangeMinutes,\n    handlePrevMinuteBtnOnKeyDown,\n    handleCurrMinutesOnKeyDown,\n    handleNextMinuteBtnOnKeyDown,\n    prevMinutesBtnRef,\n    currMinutesBtnRef,\n    nextMinutesBtnRef,\n    getIsDisabledTime,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handlePrevMinute}\n          onKeyDown={handlePrevMinuteBtnOnKeyDown}\n          innerRef={prevMinutesBtnRef}\n          tabIndex={-1}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleMinutes.map((minutesString) => {\n        const key = `timewheel-minutes-${minutesString}`;\n        if (!minutesString) return <StyledWheelListItem key={key} />;\n        const currMinutesTimeString = `${hours || '01'}:${minutesString} ${meridiem || 'AM'}`;\n        const isEmptyCurrValueCurrentListItem =\n          !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;\n        const isDisabled = getIsDisabledTime(currMinutesTimeString);\n\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currMinutesBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem\n            key={key}\n            isCurrentListItem={isCurrentListItem}\n            selected={convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n          >\n            <StyledTimeBtn\n              isCurrentListItem={isCurrentListItem}\n              data-testid={\n                ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE']\n              }\n              selected={minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum}\n              aria-label={`${minutesString} minutes`}\n              aria-disabled={isDisabled}\n              isDisabled={isDisabled}\n              buttonType=\"raw\"\n              size=\"m\"\n              onClick={(e) => handleTimeWheelBtnChangeMinutes(minutesString, e)}\n              tabIndex={tabIndex}\n              role=\"spinbutton\"\n              aria-valuemax=\"59\"\n              aria-valuemin=\"0\"\n              aria-valuenow={currMinuteNum}\n              aria-valuetext={`${minutesString} minutes`}\n              {...btnProps}\n            >\n              {minutesString}\n            </StyledTimeBtn>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          onClick={handleNextMinute}\n          onKeyDown={handleNextMinuteBtnOnKeyDown}\n          innerRef={nextMinutesBtnRef}\n          data-testid={ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default MinutesList;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,MAAmB;AAC5C,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,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,gBAAD,SAGH,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB;AACjC,QAAI,CAAC;AAAe,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAChD,UAAM,wBAAwB,GAAG,SAAS,QAAQ,iBAAiB,YAAY;AAC/E,UAAM,kCACJ,CAAC,WAAW,kCAAkC,mBAAmB;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,aAAa,kBAAkB;AAErC,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,oBAAoB;AAAA;AAEpD,WACE,qCAAC,qBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,kCAAkC,mBAAmB;AAAA,OAE/D,qCAAC,eAAD;AAAA,MACE;AAAA,MACA,eACE,mCAAmC,UAAU,oBAAoB,mBAAmB;AAAA,MAEtF,UAAU,QAAQ,WAAW,KAAK,kCAAkC,mBAAmB;AAAA,MACvF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf;AAAA,MACA,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,gCAAgC,eAAe;AAAA,MAC/D;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,SACf;AAAA,OAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,kBAAD;AAAA;AAOV,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,MAAmB;AAC5C,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,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,KAE1D,qCAAC,gBAAD,SAGH,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB;AACjC,QAAI,CAAC;AAAe,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAChD,UAAM,wBAAwB,GAAG,SAAS,QAAQ,iBAAiB,YAAY;AAC/E,UAAM,kCACJ,CAAC,WAAW,kCAAkC,mBAAmB;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,aAAa,kBAAkB;AAErC,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,oBAAoB;AAAA;AAEpD,WACE,qCAAC,qBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,kCAAkC,mBAAmB;AAAA,OAE/D,qCAAC,eAAD;AAAA,MACE;AAAA,MACA,eACE,mCAAmC,UAAU,oBAAoB,mBAAmB;AAAA,MAEtF,UAAU,QAAQ,WAAW,KAAK,kCAAkC,mBAAmB;AAAA,MACvF,cAAY,GAAG;AAAA,MACf,iBAAe;AAAA,MACf;AAAA,MACA,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,gCAAgC,eAAe;AAAA,MAC/D;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,kBAAgB,GAAG;AAAA,OACf,WAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAa,mCAAmC,UAAU;AAAA,IAC1D,UAAU;AAAA,KAEV,qCAAC,kBAAD;AAAA;AAOV,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2, { useContext } from "react";
 import DSButton, { BUTTON_VARIANT } from "@elliemae/ds-button";
@@ -45,15 +61,14 @@ const SecondsList = () => {
     return /* @__PURE__ */ React2.createElement(StyledWheelListItem, {
       isCurrentListItem,
       key
-    }, /* @__PURE__ */ React2.createElement(DSButton, {
+    }, /* @__PURE__ */ React2.createElement(DSButton, __spreadValues({
       "aria-label": `set ${secondsString} seconds`,
       buttonType: "raw",
       size: "l",
       variant: BUTTON_VARIANT.DEFAULT,
       onClick: (e) => handleTimeWheelBtnChangeSeconds(secondsString, e),
-      tabIndex,
-      ...btnProps
-    }, secondsString));
+      tabIndex
+    }, btnProps), secondsString));
   }), /* @__PURE__ */ React2.createElement(StyledWheelListItem, null, /* @__PURE__ */ React2.createElement(StyledWheelChangeTimeBtn, {
     "aria-label": "add one minute",
     buttonType: "raw",

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { ChevronSmallDown, ChevronSmallUp } from '@elliemae/ds-icons';\nimport { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers';\nimport { StyledWheelChangeTimeBtn, StyledWheelList, StyledWheelListItem } from './Styleds';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const SecondsList = (): JSX.Element => {\n  const {\n    currSecondNum,\n    seconds,\n    visibleSeconds,\n    handlePrevSecond,\n    handleNextSecond,\n    handleTimeWheelBtnChangeSeconds,\n    handlePrevSecondBtnOnKeyDown,\n    handleCurrSecondsOnKeyDown,\n    handleNextSecondBtnOnKeyDown,\n    prevSecondsBtnRef,\n    currSecondsBtnRef,\n    nextSecondsBtnRef,\n  } = useContext(TimeWheelContext);\n\n  return (\n    <StyledWheelList>\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"subtract one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          variant={BUTTON_VARIANT.DEFAULT}\n          onClick={handlePrevSecond}\n          onKeyDown={handlePrevSecondBtnOnKeyDown}\n          innerRef={prevSecondsBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallUp />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n      {visibleSeconds.map((secondsString) => {\n        const key = `timewheel-seconds-${secondsString}`;\n        if (!secondsString) return <StyledWheelListItem key={key} />;\n        const isEmptyCurrValueCurrentListItem =\n          !seconds && convertToPositiveNumberIfPossible(secondsString) === currSecondNum;\n        const isCurrentListItem = isEmptyCurrValueCurrentListItem || seconds === secondsString;\n        const tabIndex = isCurrentListItem ? 0 : -1;\n        const btnProps = {\n          onKeyDown: isCurrentListItem ? handleCurrSecondsOnKeyDown : undefined,\n          innerRef: isCurrentListItem ? currSecondsBtnRef : undefined,\n        };\n        return (\n          <StyledWheelListItem isCurrentListItem={isCurrentListItem} key={key}>\n            <DSButton\n              aria-label={`set ${secondsString} seconds`}\n              buttonType=\"raw\"\n              size=\"l\"\n              variant={BUTTON_VARIANT.DEFAULT}\n              onClick={(e) => handleTimeWheelBtnChangeSeconds(secondsString, e)}\n              tabIndex={tabIndex}\n              {...btnProps}\n            >\n              {secondsString}\n            </DSButton>\n          </StyledWheelListItem>\n        );\n      })}\n      <StyledWheelListItem>\n        <StyledWheelChangeTimeBtn\n          aria-label=\"add one minute\"\n          buttonType=\"raw\"\n          size=\"m\"\n          variant={BUTTON_VARIANT.DEFAULT}\n          onClick={handleNextSecond}\n          onKeyDown={handleNextSecondBtnOnKeyDown}\n          innerRef={nextSecondsBtnRef}\n          tabIndex={-1}\n        >\n          <ChevronSmallDown />\n        </StyledWheelChangeTimeBtn>\n      </StyledWheelListItem>\n    </StyledWheelList>\n  );\n};\n\nexport default SecondsList;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,MAAmB;AAC5C,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,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,eAAe;AAAA,IACxB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,KAEV,qCAAC,gBAAD,SAGH,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB;AACjC,QAAI,CAAC;AAAe,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAChD,UAAM,kCACJ,CAAC,WAAW,kCAAkC,mBAAmB;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,oBAAoB;AAAA;AAEpD,WACE,qCAAC,qBAAD;AAAA,MAAqB;AAAA,MAAsC;AAAA,OACzD,qCAAC,UAAD;AAAA,MACE,cAAY,OAAO;AAAA,MACnB,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,eAAe;AAAA,MACxB,SAAS,CAAC,MAAM,gCAAgC,eAAe;AAAA,MAC/D;AAAA,SACI;AAAA,OAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,eAAe;AAAA,IACxB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,KAEV,qCAAC,kBAAD;AAAA;AAOV,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,cAAc,MAAmB;AAC5C,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,MACE,WAAW;AAEf,SACE,qCAAC,iBAAD,MACE,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,eAAe;AAAA,IACxB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,KAEV,qCAAC,gBAAD,SAGH,eAAe,IAAI,CAAC,kBAAkB;AACrC,UAAM,MAAM,qBAAqB;AACjC,QAAI,CAAC;AAAe,aAAO,qCAAC,qBAAD;AAAA,QAAqB;AAAA;AAChD,UAAM,kCACJ,CAAC,WAAW,kCAAkC,mBAAmB;AACnE,UAAM,oBAAoB,mCAAmC,YAAY;AACzE,UAAM,WAAW,oBAAoB,IAAI;AACzC,UAAM,WAAW;AAAA,MACf,WAAW,oBAAoB,6BAA6B;AAAA,MAC5D,UAAU,oBAAoB,oBAAoB;AAAA;AAEpD,WACE,qCAAC,qBAAD;AAAA,MAAqB;AAAA,MAAsC;AAAA,OACzD,qCAAC,UAAD;AAAA,MACE,cAAY,OAAO;AAAA,MACnB,YAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS,eAAe;AAAA,MACxB,SAAS,CAAC,MAAM,gCAAgC,eAAe;AAAA,MAC/D;AAAA,OACI,WAEH;AAAA,MAKT,qCAAC,qBAAD,MACE,qCAAC,0BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,eAAe;AAAA,IACxB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,KAEV,qCAAC,kBAAD;AAAA;AAOV,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useContext } from "react";
 import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
@@ -14,12 +33,12 @@ const TimeWheelWrapper = () => {
     return /* @__PURE__ */ React2.createElement(TimeWheelContent, {
       showShadow: true
     });
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({
     ref: setPopperElement,
-    style: { ...styles.popper, background: "white", zIndex: 110 },
-    ...attributes.popper,
+    style: __spreadProps(__spreadValues({}, styles.popper), { background: "white", zIndex: 110 })
+  }, attributes.popper), {
     "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL
-  }, /* @__PURE__ */ React2.createElement(TimeWheelContent, {
+  }), /* @__PURE__ */ React2.createElement(TimeWheelContent, {
     showShadow: true
   }), /* @__PURE__ */ React2.createElement("div", {
     ref: setArrowElement,

package/dist/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { TimeWheelContent } from './TimeWheelContent';\nimport { TimeWheelContext } from './TimeWheelContext';\n\nexport const TimeWheelWrapper = (): JSX.Element => {\n  const {\n    setArrowElement,\n    setPopperElement,\n    usePopperHelpers: { styles, attributes },\n    isControllerOnly,\n  } = useContext(TimeWheelContext);\n  if (isControllerOnly) return <TimeWheelContent showShadow />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.TIMEWHEEL}\n    >\n      <TimeWheelContent showShadow />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,kBAAD;AAAA,MAAkB,YAAU;AAAA;AACzD,SACE,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,KAAK,OAAO,QAAQ,YAAY,SAAS,QAAQ;AAAA,OACpD,WAAW;AAAA,IACf,eAAa,mCAAmC,gBAAgB;AAAA,KAEhE,qCAAC,kBAAD;AAAA,IAAkB,YAAU;AAAA,MAC5B,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,kBAAD;AAAA,MAAkB,YAAU;AAAA;AACzD,SACE,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,iCAAK,OAAO,SAAZ,EAAoB,YAAY,SAAS,QAAQ;AAAA,KACpD,WAAW,SAHjB;AAAA,IAIE,eAAa,mCAAmC,gBAAgB;AAAA,MAEhE,qCAAC,kBAAD;AAAA,IAAkB,YAAU;AAAA,MAC5B,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/controlled-date-time-picker/utils/dateTimeHelpers.js

@@ -1,10 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import { getValidationDateStringMetaInfo } from "./dateHelpers";
 import { getValidationTimeStringMetaInfo } from "./timeHelpers";
-const getValidationDateTimeStringMetaInfo = (dateString, timeString, validators) => ({
-  ...getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay),
-  ...getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime)
-});
+const getValidationDateTimeStringMetaInfo = (dateString, timeString, validators) => __spreadValues(__spreadValues({}, getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay)), getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime));
 export {
   getValidationDateTimeStringMetaInfo
 };

package/dist/esm/controlled-date-time-picker/utils/dateTimeHelpers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-date-time-picker/utils/dateTimeHelpers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { getValidationDateStringMetaInfo } from './dateHelpers';\nimport { getValidationTimeStringMetaInfo } from './timeHelpers';\nimport type { internalInputsChangeMetaInfo } from '../index.d';\n\ninterface validatorsT {\n  getIsOutOfRangeDay: (day: string) => boolean;\n  getIsDisabledDay: (day: string) => boolean;\n  getIsDisabledTime: (val: string) => boolean;\n}\nexport const getValidationDateTimeStringMetaInfo = (\n  dateString: string,\n  timeString: string,\n  validators: validatorsT,\n): Partial<internalInputsChangeMetaInfo> => ({\n  ...getValidationDateStringMetaInfo(dateString, validators.getIsOutOfRangeDay, validators.getIsDisabledDay),\n  ...getValidationTimeStringMetaInfo(timeString, validators.getIsDisabledTime),\n});\n"],
-  "mappings": "AAAA;ACAA;AACA;AAQO,MAAM,sCAAsC,CACjD,YACA,YACA,eAC2C;AAAA,KACxC,gCAAgC,YAAY,WAAW,oBAAoB,WAAW;AAAA,KACtF,gCAAgC,YAAY,WAAW;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAQO,MAAM,sCAAsC,CACjD,YACA,YACA,eAC2C,kCACxC,gCAAgC,YAAY,WAAW,oBAAoB,WAAW,oBACtF,gCAAgC,YAAY,WAAW;",
   "names": []
 }

package/dist/esm/controlled-toggle/ControlledToggle.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import React2, { useState, useMemo, useRef, useEffect, useCallback } from "react";
 import { uid } from "uid";
@@ -58,11 +74,10 @@ const DSControlledToggle = ({
       onChange();
     }
   }, [disabled, onChange, readOnly]);
-  return addTooltipOnReadOnly(/* @__PURE__ */ React2.createElement(StyledContainer, {
+  return addTooltipOnReadOnly(/* @__PURE__ */ React2.createElement(StyledContainer, __spreadValues({
     size,
-    "data-testid": "ds-controlled-toggle",
-    ...containerProps
-  }, /* @__PURE__ */ React2.createElement(StyledInput, {
+    "data-testid": "ds-controlled-toggle"
+  }, containerProps), /* @__PURE__ */ React2.createElement(StyledInput, {
     type: "checkbox",
     name,
     value,

package/dist/esm/controlled-toggle/ControlledToggle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-toggle/ControlledToggle.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo, useRef, useEffect, useCallback } from 'react';\nimport { uid } from 'uid';\nimport { describe } from 'react-desc';\nimport { propTypes } from './propTypes';\nimport {\n  StyledContainer,\n  StyledInput,\n  StyledLabel,\n  StyledVisibleContent,\n  StyledCircle,\n  StyledText,\n  SetLabelWidth,\n} from './styles';\nimport { defaultProps } from './defaultProps';\nimport type { DSControlledTogglePropsT } from './index.d';\nimport { addTooltipOnReadOnly } from './utils/addTooltipOnReadOnly';\n\nconst DSControlledToggle = ({\n  labelOn,\n  labelOff,\n  name,\n  value,\n  checked,\n  onChange,\n  size,\n  readOnly,\n  active,\n  disabled,\n  containerProps,\n  id,\n}: DSControlledTogglePropsT): JSX.Element => {\n  const [isLongerTextRendering, setIsLongerTextRendering] = useState<boolean>(false);\n  const [width, setWidth] = useState<number>(0);\n  const labelTextRef = useRef<HTMLDivElement | null>(null);\n  const widthTextRef = useRef<HTMLDivElement | null>(null);\n\n  const longerText = useMemo(() => (labelOn.length > labelOff.length ? labelOn : labelOff), [labelOff, labelOn]);\n\n  const instanceUID = useMemo(() => uid(5), []);\n\n  useEffect(() => {\n    if (labelTextRef.current) {\n      setIsLongerTextRendering(labelTextRef.current.innerText === longerText);\n    }\n  }, [labelTextRef, longerText, checked]);\n\n  useEffect(() => {\n    if (widthTextRef.current) {\n      setWidth(widthTextRef.current.clientWidth);\n    }\n  }, [widthTextRef]);\n\n  const handleOnChange = useCallback(() => {\n    if (disabled || readOnly) return;\n    onChange();\n  }, [disabled, readOnly, onChange]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (disabled || readOnly) {\n        e.preventDefault();\n      }\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange();\n      }\n    },\n    [disabled, onChange, readOnly],\n  );\n\n  return addTooltipOnReadOnly(\n    <StyledContainer size={size} data-testid=\"ds-controlled-toggle\" {...containerProps}>\n      <StyledInput\n        type=\"checkbox\"\n        name={name}\n        value={value}\n        checked={checked}\n        data-testid=\"ds-controlled-toggle-checkbox\"\n        id={id || instanceUID}\n        aria-disabled={disabled}\n        aria-checked={checked}\n        tabIndex={0}\n        onChange={handleOnChange}\n        onKeyDown={handleKeyDown}\n      />\n      <StyledLabel checked={checked} size={size} width={width}>\n        <StyledVisibleContent\n          checked={checked}\n          size={size}\n          readOnly={readOnly}\n          active={active}\n          disabled={disabled}\n          htmlFor={id ? undefined : instanceUID}\n          as={id ? 'p' : 'label'}\n        >\n          <StyledCircle checked={checked} size={size} readOnly={readOnly} disabled={disabled} />\n          <StyledText\n            ref={labelTextRef}\n            isLongerTextRendering={isLongerTextRendering}\n            checked={checked}\n            size={size}\n            disabled={disabled}\n          >\n            {checked ? labelOn : labelOff}\n          </StyledText>\n        </StyledVisibleContent>\n      </StyledLabel>\n      <SetLabelWidth size={size} ref={widthTextRef}>\n        {longerText}\n      </SetLabelWidth>\n    </StyledContainer>,\n    readOnly,\n  );\n};\n\nDSControlledToggle.defaultProps = defaultProps;\nDSControlledToggle.propTypes = propTypes;\nconst DSControlledToggleWithSchema = describe(DSControlledToggle);\nDSControlledToggleWithSchema.propTypes = propTypes;\n\nexport { DSControlledToggle, DSControlledToggleWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAEA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAC2C;AAC3C,QAAM,CAAC,uBAAuB,4BAA4B,SAAkB;AAC5E,QAAM,CAAC,OAAO,YAAY,SAAiB;AAC3C,QAAM,eAAe,OAA8B;AACnD,QAAM,eAAe,OAA8B;AAEnD,QAAM,aAAa,QAAQ,MAAO,QAAQ,SAAS,SAAS,SAAS,UAAU,UAAW,CAAC,UAAU;AAErG,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,+BAAyB,aAAa,QAAQ,cAAc;AAAA;AAAA,KAE7D,CAAC,cAAc,YAAY;AAE9B,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,eAAS,aAAa,QAAQ;AAAA;AAAA,KAE/B,CAAC;AAEJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,YAAY;AAAU;AAC1B;AAAA,KACC,CAAC,UAAU,UAAU;AAExB,QAAM,gBAAgB,YACpB,CAAC,MAA2B;AAC1B,QAAI,YAAY,UAAU;AACxB,QAAE;AAAA;AAEJ,QAAI,EAAE,QAAQ,SAAS;AACrB,QAAE;AACF;AAAA;AAAA,KAGJ,CAAC,UAAU,UAAU;AAGvB,SAAO,qBACL,qCAAC,iBAAD;AAAA,IAAiB;AAAA,IAAY,eAAY;AAAA,OAA2B;AAAA,KAClE,qCAAC,aAAD;AAAA,IACE,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,IAAI,MAAM;AAAA,IACV,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,MAEb,qCAAC,aAAD;AAAA,IAAa;AAAA,IAAkB;AAAA,IAAY;AAAA,KACzC,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK,SAAY;AAAA,IAC1B,IAAI,KAAK,MAAM;AAAA,KAEf,qCAAC,cAAD;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAY;AAAA,IAAoB;AAAA,MAChE,qCAAC,YAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,UAAU,UAAU,aAI3B,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAY,KAAK;AAAA,KAC7B,cAGL;AAAA;AAIJ,mBAAmB,eAAe;AAClC,mBAAmB,YAAY;AAC/B,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAEA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAC2C;AAC3C,QAAM,CAAC,uBAAuB,4BAA4B,SAAkB;AAC5E,QAAM,CAAC,OAAO,YAAY,SAAiB;AAC3C,QAAM,eAAe,OAA8B;AACnD,QAAM,eAAe,OAA8B;AAEnD,QAAM,aAAa,QAAQ,MAAO,QAAQ,SAAS,SAAS,SAAS,UAAU,UAAW,CAAC,UAAU;AAErG,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,+BAAyB,aAAa,QAAQ,cAAc;AAAA;AAAA,KAE7D,CAAC,cAAc,YAAY;AAE9B,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,eAAS,aAAa,QAAQ;AAAA;AAAA,KAE/B,CAAC;AAEJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,YAAY;AAAU;AAC1B;AAAA,KACC,CAAC,UAAU,UAAU;AAExB,QAAM,gBAAgB,YACpB,CAAC,MAA2B;AAC1B,QAAI,YAAY,UAAU;AACxB,QAAE;AAAA;AAEJ,QAAI,EAAE,QAAQ,SAAS;AACrB,QAAE;AACF;AAAA;AAAA,KAGJ,CAAC,UAAU,UAAU;AAGvB,SAAO,qBACL,qCAAC,iBAAD;AAAA,IAAiB;AAAA,IAAY,eAAY;AAAA,KAA2B,iBAClE,qCAAC,aAAD;AAAA,IACE,MAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,IAAI,MAAM;AAAA,IACV,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,MAEb,qCAAC,aAAD;AAAA,IAAa;AAAA,IAAkB;AAAA,IAAY;AAAA,KACzC,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK,SAAY;AAAA,IAC1B,IAAI,KAAK,MAAM;AAAA,KAEf,qCAAC,cAAD;AAAA,IAAc;AAAA,IAAkB;AAAA,IAAY;AAAA,IAAoB;AAAA,MAChE,qCAAC,YAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,UAAU,UAAU,aAI3B,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAY,KAAK;AAAA,KAC7B,cAGL;AAAA;AAIJ,mBAAmB,eAAe;AAClC,mBAAmB,YAAY;AAC/B,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "files": [
@@ -59,19 +59,19 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-alpha.0",
-    "@elliemae/ds-circular-progress-indicator": "3.0.0-alpha.0",
-    "@elliemae/ds-common": "3.0.0-alpha.0",
-    "@elliemae/ds-form": "3.0.0-alpha.0",
-    "@elliemae/ds-form-layout-blocks": "3.0.0-alpha.0",
-    "@elliemae/ds-grid": "3.0.0-alpha.0",
-    "@elliemae/ds-icons": "3.0.0-alpha.0",
-    "@elliemae/ds-pills": "3.0.0-alpha.0",
-    "@elliemae/ds-popperjs": "3.0.0-alpha.0",
-    "@elliemae/ds-props-helpers": "3.0.0-alpha.0",
-    "@elliemae/ds-system": "3.0.0-alpha.0",
-    "@elliemae/ds-tooltip": "3.0.0-alpha.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.0",
+    "@elliemae/ds-button": "3.0.0-alpha.1",
+    "@elliemae/ds-circular-progress-indicator": "3.0.0-alpha.1",
+    "@elliemae/ds-common": "3.0.0-alpha.1",
+    "@elliemae/ds-form": "3.0.0-alpha.1",
+    "@elliemae/ds-form-layout-blocks": "3.0.0-alpha.1",
+    "@elliemae/ds-grid": "3.0.0-alpha.1",
+    "@elliemae/ds-icons": "3.0.0-alpha.1",
+    "@elliemae/ds-pills": "3.0.0-alpha.1",
+    "@elliemae/ds-popperjs": "3.0.0-alpha.1",
+    "@elliemae/ds-props-helpers": "3.0.0-alpha.1",
+    "@elliemae/ds-system": "3.0.0-alpha.1",
+    "@elliemae/ds-tooltip": "3.0.0-alpha.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.1",
     "prop-types": "~15.8.1",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",
@@ -101,6 +101,7 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/dist/cjs/controlled-checkbox/index.d.js

@@ -1,20 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var React = __toESM(require("react"));
-//# sourceMappingURL=index.d.js.map

package/dist/cjs/controlled-checkbox/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
-  "names": []
-}

package/dist/cjs/controlled-checkbox/propTypes.js

@@ -1,20 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var React = __toESM(require("react"));
-//# sourceMappingURL=propTypes.js.map

package/dist/cjs/controlled-checkbox/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
-  "names": []
-}