@elliemae/ds-controlled-form 3.0.0-next.0 → 3.0.0-next.12

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

@@ -1,95 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-
-var _ChevronSmallUp, _StyledWheelListItem, _StyledWheelListItem2, _ChevronSmallDown;
-const MeridiemList = () => {
-  const {
-    hours,
-    minutes,
-    meridiem,
-    handleTimeWheelBtnChangeMeridiem,
-    handlePrevMeridiemBtnOnKeyDown,
-    handleCurrMeridiemOnKeyDown,
-    handleNextMeridiemBtnOnKeyDown,
-    prevMeridiemBtnRef,
-    currMeridiemBtnRef,
-    nextMeridiemBtnRef,
-    getIsDisabledTime
-  } = useContext(TimeWheelContext);
-  const isAmCurrent = !meridiem || meridiem === 'AM';
-  const isPmCurrent = meridiem === 'PM';
-  const hourMinuteString = "".concat(hours || '01', ":").concat(minutes || '00');
-  const amTimeString = "".concat(hourMinuteString, " AM");
-  const pmTimeString = "".concat(hourMinuteString, " PM");
-  const isDisabledAm = getIsDisabledTime(amTimeString);
-  const isDisabledPm = getIsDisabledTime(pmTimeString);
-  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
-    "aria-label": "set am meridiem",
-    "aria-disabled": isDisabledAm,
-    isDisabled: isDisabledAm,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
-    onKeyDown: handlePrevMeridiemBtnOnKeyDown,
-    innerRef: prevMeridiemBtnRef,
-    tabIndex: -1
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), meridiem === 'AM' || meridiem === '' ? _StyledWheelListItem || (_StyledWheelListItem = /*#__PURE__*/_jsx(StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx(StyledWheelListItem, {
-    isCurrentListItem: isAmCurrent
-  }, void 0, /*#__PURE__*/_jsx(StyledTimeBtn, {
-    isCurrentListItem: isAmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'AM',
-    "aria-label": "AM ".concat(isAmCurrent ? 'selected' : ''),
-    "aria-disabled": isDisabledAm,
-    isDisabled: isDisabledAm,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
-    onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
-    innerRef: isAmCurrent ? currMeridiemBtnRef : undefined,
-    tabIndex: isAmCurrent ? 0 : -1,
-    role: "spinbutton",
-    "aria-valuemax": "1",
-    "aria-valuemin": "0",
-    "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, void 0, "AM")), /*#__PURE__*/_jsx(StyledWheelListItem, {
-    isCurrentListItem: isPmCurrent
-  }, void 0, /*#__PURE__*/_jsx(StyledTimeBtn, {
-    isCurrentListItem: isPmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'PM',
-    "aria-label": "PM ".concat(isPmCurrent ? 'selected' : ''),
-    "aria-disabled": isDisabledPm,
-    isDisabled: isDisabledPm,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
-    onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
-    innerRef: isPmCurrent ? currMeridiemBtnRef : undefined,
-    tabIndex: isPmCurrent ? 0 : -1,
-    role: "spinbutton",
-    "aria-valuemax": "1",
-    "aria-valuemin": "0",
-    "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, void 0, "PM")), meridiem === 'PM' ? _StyledWheelListItem2 || (_StyledWheelListItem2 = /*#__PURE__*/_jsx(StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
-    "aria-label": "set pm meridiem",
-    "aria-disabled": isDisabledPm,
-    isDisabled: isDisabledPm,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
-    onKeyDown: handleNextMeridiemBtnOnKeyDown,
-    innerRef: nextMeridiemBtnRef,
-    tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
-};
-
-export { MeridiemList, MeridiemList as default };

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

@@ -1,96 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext } from 'react';
-import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
-import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn, StyledTimeBtn } from './Styleds.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallUp, _ChevronSmallDown;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const MinutesList = () => {
-  const {
-    currMinuteNum,
-    hours,
-    minutes,
-    meridiem,
-    visibleMinutes,
-    handlePrevMinute,
-    handleNextMinute,
-    handleTimeWheelBtnChangeMinutes,
-    handlePrevMinuteBtnOnKeyDown,
-    handleCurrMinutesOnKeyDown,
-    handleNextMinuteBtnOnKeyDown,
-    prevMinutesBtnRef,
-    currMinutesBtnRef,
-    nextMinutesBtnRef,
-    getIsDisabledTime
-  } = useContext(TimeWheelContext);
-  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
-    "aria-label": "subtract one minute",
-    buttonType: "raw",
-    size: "m",
-    onClick: handlePrevMinute,
-    onKeyDown: handlePrevMinuteBtnOnKeyDown,
-    innerRef: prevMinutesBtnRef,
-    tabIndex: -1,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), visibleMinutes.map(minutesString => {
-    const key = "timewheel-minutes-".concat(minutesString);
-    if (!minutesString) return /*#__PURE__*/_jsx(StyledWheelListItem, {}, key);
-    const currMinutesTimeString = "".concat(hours || '01', ":").concat(minutesString, " ").concat(meridiem || 'AM');
-    const isEmptyCurrValueCurrentListItem = !minutes && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;
-    const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
-    const isDisabled = getIsDisabledTime(currMinutesTimeString);
-    const tabIndex = isCurrentListItem ? 0 : -1;
-    const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,
-      innerRef: isCurrentListItem ? currMinutesBtnRef : undefined
-    };
-    return /*#__PURE__*/_jsx(StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem,
-      selected: convertToPositiveNumberIfPossible(minutesString) === currMinuteNum
-    }, key, /*#__PURE__*/jsx(StyledTimeBtn, _objectSpread(_objectSpread({
-      isCurrentListItem: isCurrentListItem,
-      "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE'],
-      selected: minutes.length === 2 && convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
-      "aria-label": "".concat(minutesString, " minutes"),
-      "aria-disabled": isDisabled,
-      isDisabled: isDisabled,
-      buttonType: "raw",
-      size: "m",
-      onClick: e => handleTimeWheelBtnChangeMinutes(minutesString, e),
-      tabIndex: tabIndex,
-      role: "spinbutton",
-      "aria-valuemax": "59",
-      "aria-valuemin": "0",
-      "aria-valuenow": currMinuteNum,
-      "aria-valuetext": "".concat(minutesString, " minutes")
-    }, btnProps), {}, {
-      children: minutesString
-    })));
-  }), /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
-    "aria-label": "add one minute",
-    buttonType: "raw",
-    size: "m",
-    onClick: handleNextMinute,
-    onKeyDown: handleNextMinuteBtnOnKeyDown,
-    innerRef: nextMinutesBtnRef,
-    "data-testid": ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
-    tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
-};
-
-export { MinutesList, MinutesList as default };

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

@@ -1,81 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext } from 'react';
-import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
-import { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';
-import { convertToPositiveNumberIfPossible } from '../../../utils/numberHelpers.js';
-import { StyledWheelList, StyledWheelListItem, StyledWheelChangeTimeBtn } from './Styleds.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallUp, _ChevronSmallDown;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const SecondsList = () => {
-  const {
-    currSecondNum,
-    seconds,
-    visibleSeconds,
-    handlePrevSecond,
-    handleNextSecond,
-    handleTimeWheelBtnChangeSeconds,
-    handlePrevSecondBtnOnKeyDown,
-    handleCurrSecondsOnKeyDown,
-    handleNextSecondBtnOnKeyDown,
-    prevSecondsBtnRef,
-    currSecondsBtnRef,
-    nextSecondsBtnRef
-  } = useContext(TimeWheelContext);
-  return /*#__PURE__*/_jsx(StyledWheelList, {}, void 0, /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
-    "aria-label": "subtract one minute",
-    buttonType: "raw",
-    size: "m",
-    variant: BUTTON_VARIANT.DEFAULT,
-    onClick: handlePrevSecond,
-    onKeyDown: handlePrevSecondBtnOnKeyDown,
-    innerRef: prevSecondsBtnRef,
-    tabIndex: -1
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx(ChevronSmallUp, {})))), visibleSeconds.map(secondsString => {
-    const key = "timewheel-seconds-".concat(secondsString);
-    if (!secondsString) return /*#__PURE__*/_jsx(StyledWheelListItem, {}, key);
-    const isEmptyCurrValueCurrentListItem = !seconds && convertToPositiveNumberIfPossible(secondsString) === currSecondNum;
-    const isCurrentListItem = isEmptyCurrValueCurrentListItem || seconds === secondsString;
-    const tabIndex = isCurrentListItem ? 0 : -1;
-    const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrSecondsOnKeyDown : undefined,
-      innerRef: isCurrentListItem ? currSecondsBtnRef : undefined
-    };
-    return /*#__PURE__*/_jsx(StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem
-    }, key, /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({
-      "aria-label": "set ".concat(secondsString, " seconds"),
-      buttonType: "raw",
-      size: "l",
-      variant: BUTTON_VARIANT.DEFAULT,
-      onClick: e => handleTimeWheelBtnChangeSeconds(secondsString, e),
-      tabIndex: tabIndex
-    }, btnProps), {}, {
-      children: secondsString
-    })));
-  }), /*#__PURE__*/_jsx(StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx(StyledWheelChangeTimeBtn, {
-    "aria-label": "add one minute",
-    buttonType: "raw",
-    size: "m",
-    variant: BUTTON_VARIANT.DEFAULT,
-    onClick: handleNextSecond,
-    onKeyDown: handleNextSecondBtnOnKeyDown,
-    innerRef: nextSecondsBtnRef,
-    tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})))));
-};
-
-export { SecondsList, SecondsList as default };

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

@@ -1,223 +0,0 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import styled from 'styled-components';
-import { css } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import { DSButtonV2 } from '@elliemae/ds-button';
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-const focusBorder = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:after {\n    position: absolute;\n    content: '';\n    top: -2px;\n    left: -2px;\n    width: calc(100% + 4px);\n    height: calc(100% + 4px);\n    border-radius: 50%;\n    border: 2px solid ", ";\n  }\n"])), _ref => {
-  let {
-    theme,
-    isDisabled
-  } = _ref;
-  return isDisabled ? theme.colors.danger[900] : theme.colors.brand[700];
-});
-const diagonalLine = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:before {\n    position: absolute;\n    content: '';\n    top: 48%;\n    left: -1px;\n    height: 1px;\n    width: calc(100% + 2px);\n    transform: rotate(45deg);\n    background-color: ", ";\n  }\n"])), _ref2 => {
-  let {
-    theme,
-    isCurrentListItem,
-    selected
-  } = _ref2;
-  if (selected) return theme.colors.neutral['000'];
-  if (isCurrentListItem) return theme.colors.danger[900];
-  return theme.colors.neutral[500];
-});
-const fontColorPerStatus = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n"])), _ref3 => {
-  let {
-    theme,
-    isDisabled,
-    isCurrentListItem,
-    selected
-  } = _ref3;
-  if (selected) return theme.colors.neutral['000'];
-  if (isDisabled && isCurrentListItem) return theme.colors.danger[900];
-  if (isDisabled) return theme.colors.neutral[500];
-  if (isCurrentListItem) return theme.colors.brand[600];
-  return theme.colors.neutral[800];
-});
-const hoverBgPerStatus = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), _ref4 => {
-  let {
-    theme,
-    selected,
-    isDisabled
-  } = _ref4;
-  if (isDisabled && selected) return theme.colors.danger[900];
-  if (selected) return theme.colors.brand[700];
-  return theme.colors.neutral['000'];
-});
-const StyledIconTriggerButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-1nsw31l-0"
-})(["color:", ";width:26px;height:26px;"], _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.colors.brand['600'];
-});
-const StyledWheelList = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1nsw31l-1"
-})(["width:100%;height:100%;margin:auto;padding:0;position:relative;display:flex;flex-direction:column;align-items:center;&:focus-within{&:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;border:2px solid ", ";box-shadow:0 0 2px ", ";}}"], _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.colors.brand[700];
-}, _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.colors.brand[700];
-});
-const StyledTimePickerContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1nsw31l-2"
-})(["display:grid;position:relative;grid-template-columns:192px;grid-template-rows:36px 30px auto;grid-template-areas:'TimePickerHead' 'TimePickerWheelsLegend' 'VerticalWheelWrapper';", ""], _ref8 => {
-  let {
-    showShadow,
-    isControllerOnly
-  } = _ref8;
-  return showShadow && !isControllerOnly ? "\n  box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);\n  " : '';
-});
-const StyledTimePickerHead = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1nsw31l-3"
-})(["width:100%;grid-area:TimePickerHead;justify-content:center;align-items:center;background:", ";"], _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.colors.neutral['050'];
-});
-const StyledTimePickerWheelsLegend = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1nsw31l-4"
-})(["width:100%;height:100;grid-area:TimePickerWheelsLegend;display:grid;grid-template-columns:", " ", " ", ";align-items:center;justify-content:center;text-align:center;background:", ";"], _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.space.xl;
-}, _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return theme.space.xl;
-}, _ref12 => {
-  let {
-    theme
-  } = _ref12;
-  return theme.space.xl;
-}, _ref13 => {
-  let {
-    theme
-  } = _ref13;
-  return theme.colors.neutral['050'];
-});
-const StyledTimePickerWheelWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1nsw31l-5"
-})(["width:100%;background:", ";grid-area:VerticalWheelWrapper;display:grid;grid-template-columns:", " ", " ", ";grid-template-rows:100%;& ul:not(:last-child){position:relative;&:after{content:'';position:absolute;left:100%;top:5%;height:90%;width:1px;background:", ";}}"], _ref14 => {
-  let {
-    theme
-  } = _ref14;
-  return theme.colors.neutral['000'];
-}, _ref15 => {
-  let {
-    theme
-  } = _ref15;
-  return theme.space.xl;
-}, _ref16 => {
-  let {
-    theme
-  } = _ref16;
-  return theme.space.xl;
-}, _ref17 => {
-  let {
-    theme
-  } = _ref17;
-  return theme.space.xl;
-}, _ref18 => {
-  let {
-    theme
-  } = _ref18;
-  return theme.colors.neutral[200];
-});
-const StyledTimeBtn = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-1nsw31l-6"
-})(["position:relative;height:", ";width:", ";border-radius:50%;&:hover{background-color:", ";}color:", ";", " ", " ", ";"], _ref19 => {
-  let {
-    theme
-  } = _ref19;
-  return theme.space.s;
-}, _ref20 => {
-  let {
-    theme
-  } = _ref20;
-  return theme.space.s;
-}, hoverBgPerStatus, fontColorPerStatus, _ref21 => {
-  let {
-    selected,
-    isCurrentListItem
-  } = _ref21;
-  return isCurrentListItem && !selected ? focusBorder : "";
-}, _ref22 => {
-  let {
-    isDisabled
-  } = _ref22;
-  return isDisabled ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n          ", ";\n        "])), diagonalLine) : "";
-}, _ref23 => {
-  let {
-    theme,
-    selected,
-    isDisabled
-  } = _ref23;
-  return selected ? css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-weight: ", ";\n    background-color ", ";\n    "])), theme.fontWeights.semibold, isDisabled ? theme.colors.danger[900] : theme.colors.brand[700]) : "";
-});
-const StyledWheelListItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1nsw31l-7"
-})(["margin:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;"]);
-const StyledWheelChangeTimeBtn = /*#__PURE__*/styled(DSButtonV2).withConfig({
-  componentId: "sc-1nsw31l-8"
-})(["height:", ";width:", ";min-width:", ";border-radius:50%;"], _ref24 => {
-  let {
-    theme
-  } = _ref24;
-  return theme.space.s;
-}, _ref25 => {
-  let {
-    theme
-  } = _ref25;
-  return theme.space.s;
-}, _ref26 => {
-  let {
-    theme
-  } = _ref26;
-  return theme.space.s;
-});
-const TimeWheelFooterMessage = /*#__PURE__*/styled.footer.withConfig({
-  componentId: "sc-1nsw31l-9"
-})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;"], _ref27 => {
-  let {
-    theme
-  } = _ref27;
-  return theme.colors.neutral[300];
-}, _ref28 => {
-  let {
-    theme
-  } = _ref28;
-  return theme.space.xxs2;
-}, _ref29 => {
-  let {
-    theme
-  } = _ref29;
-  return theme.space.xxs2;
-}, _ref30 => {
-  let {
-    theme
-  } = _ref30;
-  return theme.colors.danger[900];
-}, _ref31 => {
-  let {
-    theme
-  } = _ref31;
-  return theme.fontWeights.thin;
-}, _ref32 => {
-  let {
-    theme
-  } = _ref32;
-  return theme.fontSizes.microText[200];
-});
-
-export { StyledIconTriggerButton, StyledTimeBtn, StyledTimePickerContainer, StyledTimePickerHead, StyledTimePickerWheelWrapper, StyledTimePickerWheelsLegend, StyledWheelChangeTimeBtn, StyledWheelList, StyledWheelListItem, TimeWheelFooterMessage };

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

@@ -1,43 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { TimeWheelIconTrigger } from './TimeWheelIconTrigger.js';
-import { TimeWheelWrapper } from './TimeWheelWrapper.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-import { useConfigTimePickerCTX } from './useConfigTimePickerCTX.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var _TimeWheelIconTrigger, _TimeWheelWrapper;
-
-const WrappedTimeWheelContext = _ref => {
-  let {
-    children
-  } = _ref;
-  const ctx = useConfigTimePickerCTX();
-  return /*#__PURE__*/_jsx(TimeWheelContext.Provider, {
-    value: ctx
-  }, void 0, children);
-};
-
-const WrapWithTimeWheelContext = Component => {
-  var _WrappedTimeWheelCont;
-
-  return () => _WrappedTimeWheelCont || (_WrappedTimeWheelCont = /*#__PURE__*/_jsx(WrappedTimeWheelContext, {}, void 0, /*#__PURE__*/_jsx(Component, {})));
-}; // we use the HoC to be able to use the useContext and be sure it's correctly initialized
-// the HoC is Reused in CalendarWithTimeWheel
-
-const TimeWheel = WrapWithTimeWheelContext(() => {
-  const {
-    showTimePicker,
-    isControllerOnly,
-    handleMenuWrapperKeyDown
-  } = useContext(TimeWheelContext);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [isControllerOnly ? null : _TimeWheelIconTrigger || (_TimeWheelIconTrigger = /*#__PURE__*/_jsx(TimeWheelIconTrigger, {})), isControllerOnly || showTimePicker ? /*#__PURE__*/jsx(Fragment, {
-      children: /*#__PURE__*/_jsx("div", {
-        onKeyDown: handleMenuWrapperKeyDown
-      }, void 0, _TimeWheelWrapper || (_TimeWheelWrapper = /*#__PURE__*/_jsx(TimeWheelWrapper, {})))
-    }) : null]
-  });
-});
-
-export { TimeWheel, WrapWithTimeWheelContext };

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

@@ -1,29 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React, { useContext } from 'react';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { StyledTimePickerContainer, StyledTimePickerHead, StyledTimePickerWheelsLegend, StyledTimePickerWheelWrapper } from './Styleds.js';
-import { HoursList } from './HoursList.js';
-import { MinutesList } from './MinutesList.js';
-import { MeridiemList } from './MeridiemList.js';
-import { TimeWheelFooter } from './TimeWheelFooter.js';
-import { TimeWheelContext } from './TimeWheelContext.js';
-
-var _StyledTimePickerWhee, _StyledTimePickerWhee2, _TimeWheelFooter;
-const TimeWheelContent = /*#__PURE__*/React.memo(_ref => {
-  let {
-    showShadow
-  } = _ref;
-  const {
-    hours,
-    minutes,
-    meridiem,
-    isControllerOnly
-  } = useContext(TimeWheelContext);
-  return /*#__PURE__*/_jsx(StyledTimePickerContainer, {
-    showShadow: showShadow,
-    isControllerOnly: isControllerOnly,
-    "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL
-  }, void 0, /*#__PURE__*/_jsx(StyledTimePickerHead, {}, void 0, "".concat(hours || '__', ":").concat(minutes || '__', " ").concat(meridiem || '__')), _StyledTimePickerWhee || (_StyledTimePickerWhee = /*#__PURE__*/_jsx(StyledTimePickerWheelsLegend, {}, void 0, /*#__PURE__*/_jsx("div", {}, void 0, "H"), /*#__PURE__*/_jsx("div", {}, void 0, "M"), /*#__PURE__*/_jsx("div", {}, void 0, "A"))), _StyledTimePickerWhee2 || (_StyledTimePickerWhee2 = /*#__PURE__*/_jsx(StyledTimePickerWheelWrapper, {}, void 0, /*#__PURE__*/_jsx(HoursList, {}), /*#__PURE__*/_jsx(MinutesList, {}), /*#__PURE__*/_jsx(MeridiemList, {}))), _TimeWheelFooter || (_TimeWheelFooter = /*#__PURE__*/_jsx(TimeWheelFooter, {})));
-});
-
-export { TimeWheelContent };

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

@@ -1,73 +0,0 @@
-import { createRef, createContext } from 'react';
-
-/* eslint-disable @typescript-eslint/indent */
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
-const defaultTimePickerContext = {
-  ariaCurrentValueForInputs: '',
-  tempTimeString: '',
-  showTimePicker: false,
-  setShowTimePicker: noop,
-  setPopperElement: noop,
-  setArrowElement: noop,
-  usePopperHelpers: null,
-  handleToggleTimePicker: noop,
-  handleSetTriggerRef: noop,
-  handleMenuWrapperKeyDown: noop,
-  currHourNum: 1,
-  hours: '01',
-  visibleHours: [''],
-  handlePrevHour: noop,
-  handleNextHour: noop,
-  handleTimeWheelBtnChangeHours: noop,
-  currMinuteNum: 1,
-  minutes: '00',
-  visibleMinutes: [''],
-  handlePrevMinute: noop,
-  handleNextMinute: noop,
-  handleTimeWheelBtnChangeMinutes: noop,
-  // currSecondNum: 1,
-  // seconds: '00',
-  // visibleSeconds: [''],
-  // handlePrevSecond: noop,
-  // handleNextSecond: noop,
-  // handleTimeWheelBtnChangeSeconds: noop,
-  meridiem: 'AM',
-  handleTimeWheelBtnChangeMeridiem: noop,
-  isControllerOnly: false,
-  autoFocusHourTimeWheel: false,
-  handlePrevHourBtnOnKeyDown: noop,
-  handleCurrHourOnKeyDown: noop,
-  handleNextHourBtnOnKeyDown: noop,
-  handlePrevMinuteBtnOnKeyDown: noop,
-  handleCurrMinutesOnKeyDown: noop,
-  handleNextMinuteBtnOnKeyDown: noop,
-  // handlePrevSecondBtnOnKeyDown: noop,
-  // handleCurrSecondsOnKeyDown: noop,
-  // handleNextSecondBtnOnKeyDown: noop,
-  handlePrevMeridiemBtnOnKeyDown: noop,
-  handleCurrMeridiemOnKeyDown: noop,
-  handleNextMeridiemBtnOnKeyDown: noop,
-  handlePickerIconKeyDown: noop,
-  prevHourBtnRef: /*#__PURE__*/createRef(),
-  currHourBtnRef: /*#__PURE__*/createRef(),
-  nextHourBtnRef: /*#__PURE__*/createRef(),
-  prevMinutesBtnRef: /*#__PURE__*/createRef(),
-  currMinutesBtnRef: /*#__PURE__*/createRef(),
-  nextMinutesBtnRef: /*#__PURE__*/createRef(),
-  // prevSecondsBtnRef: createRef<HTMLButtonElement>(),
-  // currSecondsBtnRef: createRef<HTMLButtonElement>(),
-  // nextSecondsBtnRef: createRef<HTMLButtonElement>(),
-  prevMeridiemBtnRef: /*#__PURE__*/createRef(),
-  currMeridiemBtnRef: /*#__PURE__*/createRef(),
-  nextMeridiemBtnRef: /*#__PURE__*/createRef(),
-  getIsDisabledTime: () => false,
-  disabled: false
-};
-/** Context for cross component communication */
-
-const TimeWheelContext = /*#__PURE__*/createContext(defaultTimePickerContext);
-
-export { TimeWheelContext, TimeWheelContext as default, defaultTimePickerContext };

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

@@ -1,20 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { TimeWheelFooterMessage } from './Styleds.js';
-
-const TimeWheelFooter = () => {
-  const {
-    props: {
-      pickerFooterMsg,
-      hasError
-    },
-    isWithCalendarToo
-  } = useContext(ControlledDateTimePickerContext);
-  if (!isWithCalendarToo && pickerFooterMsg !== undefined && hasError) return /*#__PURE__*/_jsx(TimeWheelFooterMessage, {
-    role: "alert"
-  }, void 0, pickerFooterMsg);
-  return null;
-};
-
-export { TimeWheelFooter };