@elliemae/ds-controlled-form 1.57.1-rc.0 → 2.0.0-alpha.11

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

@@ -2,168 +2,111 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
 var dsGrid = require('@elliemae/ds-grid');
-var DSButton = require('@elliemae/ds-button');
+var dsButton = require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var focusBorder = dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\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"])), function (_ref) {
-  var theme = _ref.theme,
-      isDisabled = _ref.isDisabled;
-  return isDisabled ? theme.colors.danger[900] : theme.colors.brand[700];
-});
-var diagonalLine = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\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"])), function (_ref2) {
-  var theme = _ref2.theme,
-      isCurrentListItem = _ref2.isCurrentListItem,
-      selected = _ref2.selected;
-  if (selected) return theme.colors.neutral['000'];
-  if (isCurrentListItem) return theme.colors.danger[900];
-  return theme.colors.neutral[500];
-});
-var fontColorPerStatus = dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n  ", ";\n"])), function (_ref3) {
-  var theme = _ref3.theme,
-      isDisabled = _ref3.isDisabled,
-      isCurrentListItem = _ref3.isCurrentListItem,
-      selected = _ref3.selected;
-  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];
-});
-var hoverBgPerStatus = dsSystem.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default['default'](["\n  ", "\n"])), function (_ref4) {
-  var theme = _ref4.theme,
-      selected = _ref4.selected,
-      isDisabled = _ref4.isDisabled;
-  if (isDisabled && selected) return theme.colors.danger[900];
-  if (selected) return theme.colors.brand[700];
-  return theme.colors.neutral['000'];
-});
-var StyledIconTriggerButton = /*#__PURE__*/styled__default['default'](DSButton.DSButtonV2).withConfig({
+/* eslint-disable max-lines */
+const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
   componentId: "sc-1nsw31l-0"
-})(["color:", ";width:26px;height:26px;"], function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.brand['600'];
-});
-var StyledWheelList = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["color:", ";width:26px;height:26px;"], ({
+  theme
+}) => theme.colors.brand['600']);
+const StyledWheelList = /*#__PURE__*/styled__default["default"].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 ", ";}}"], function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.brand[700];
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.colors.brand[700];
-});
-var StyledTimePickerContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["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 ", ";}}"], ({
+  theme
+}) => theme.colors.brand[700], ({
+  theme
+}) => theme.colors.brand[700]);
+const StyledTimePickerContainer = /*#__PURE__*/styled__default["default"].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';", ""], function (_ref8) {
-  var showShadow = _ref8.showShadow,
-      isControllerOnly = _ref8.isControllerOnly;
-  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  " : '';
-});
-var StyledTimePickerHead = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["display:grid;position:relative;grid-template-columns:192px;grid-template-rows:36px 30px auto;grid-template-areas:'TimePickerHead' 'TimePickerWheelsLegend' 'VerticalWheelWrapper';", ""], ({
+  showShadow,
+  isControllerOnly
+}) => 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__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1nsw31l-3"
-})(["width:100%;grid-area:TimePickerHead;justify-content:center;align-items:center;background:", ";"], function (_ref9) {
-  var theme = _ref9.theme;
-  return theme.colors.neutral['050'];
-});
-var StyledTimePickerWheelsLegend = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["width:100%;grid-area:TimePickerHead;justify-content:center;align-items:center;background:", ";"], ({
+  theme
+}) => theme.colors.neutral['050']);
+const StyledTimePickerWheelsLegend = /*#__PURE__*/styled__default["default"].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:", ";"], function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.space.xl;
-}, function (_ref11) {
-  var theme = _ref11.theme;
-  return theme.space.xl;
-}, function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.space.xl;
-}, function (_ref13) {
-  var theme = _ref13.theme;
-  return theme.colors.neutral['050'];
-});
-var StyledTimePickerWheelWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["width:100%;height:100;grid-area:TimePickerWheelsLegend;display:grid;grid-template-columns:", " ", " ", ";align-items:center;justify-content:center;text-align:center;background:", ";"], ({
+  theme
+}) => theme.space.xl, ({
+  theme
+}) => theme.space.xl, ({
+  theme
+}) => theme.space.xl, ({
+  theme
+}) => theme.colors.neutral['050']);
+const StyledTimePickerWheelWrapper = /*#__PURE__*/styled__default["default"].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:", ";}}"], function (_ref14) {
-  var theme = _ref14.theme;
-  return theme.colors.neutral['000'];
-}, function (_ref15) {
-  var theme = _ref15.theme;
-  return theme.space.xl;
-}, function (_ref16) {
-  var theme = _ref16.theme;
-  return theme.space.xl;
-}, function (_ref17) {
-  var theme = _ref17.theme;
-  return theme.space.xl;
-}, function (_ref18) {
-  var theme = _ref18.theme;
-  return theme.colors.neutral[200];
-});
-var StyledTimeBtn = /*#__PURE__*/styled__default['default'](DSButton.DSButtonV2).withConfig({
+})(["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:", ";}}"], ({
+  theme
+}) => theme.colors.neutral['000'], ({
+  theme
+}) => theme.space.xl, ({
+  theme
+}) => theme.space.xl, ({
+  theme
+}) => theme.space.xl, ({
+  theme
+}) => theme.colors.neutral[200]);
+const StyledTimeBtn = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
   componentId: "sc-1nsw31l-6"
-})(["position:relative;height:", ";width:", ";border-radius:50%;&:hover{background-color:", ";}color:", ";", " ", " ", ";"], function (_ref19) {
-  var theme = _ref19.theme;
-  return theme.space.s;
-}, function (_ref20) {
-  var theme = _ref20.theme;
-  return theme.space.s;
-}, hoverBgPerStatus, fontColorPerStatus, function (_ref21) {
-  var selected = _ref21.selected,
-      isCurrentListItem = _ref21.isCurrentListItem;
-  return isCurrentListItem && !selected ? focusBorder : "";
-}, function (_ref22) {
-  var isDisabled = _ref22.isDisabled;
-  return isDisabled ? dsSystem.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default['default'](["\n          cursor: not-allowed;\n          ", ";\n        "])), diagonalLine) : "";
-}, function (_ref23) {
-  var theme = _ref23.theme,
-      selected = _ref23.selected,
-      isDisabled = _ref23.isDisabled;
-  return selected ? dsSystem.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default['default'](["\n    font-weight: ", ";\n    background-color ", ";\n    "])), theme.fontWeights.semibold, isDisabled ? theme.colors.danger[900] : theme.colors.brand[700]) : "";
-});
-var StyledWheelListItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["position:relative;height:", ";width:", ";min-width:", ";padding:0;border-radius:50%;font-weight:", ";color:", ";&:focus:not([disabled]){&:after{border:none;}}", " ", ""], ({
+  theme
+}) => theme.space.s, ({
+  theme
+}) => theme.space.s, ({
+  theme
+}) => theme.space.s, ({
+  theme
+}) => theme.fontWeights.regular, ({
+  theme
+}) => theme.colors.neutral[800], ({
+  theme,
+  isDisabled,
+  selected
+}) => isDisabled ? "\n    color: ".concat(selected ? theme.colors.neutral['000'] : theme.colors.neutral[500], ";\n    cursor: not-allowed;\n    background-color:").concat(selected ? theme.colors.danger[900] : theme.colors.neutral['000'], ";\n    font-weight: ").concat(selected ? theme.fontWeights.semibold : '', ";\n\n    &:before {\n      cursor: not-allowed;\n      position: absolute;\n      content: '';\n      top: 47%;\n      left: 0;\n      width: 100%;\n      height: 1px;\n      background-color: ").concat(selected ? theme.colors.neutral['000'] : theme.colors.neutral[500], ";\n      transform: rotate(45deg);\n      pointer-events: none;\n    }\n    &:hover {\n      color:").concat(selected ? theme.colors.neutral['000'] : theme.colors.neutral[500], ";\n      background-color:").concat(selected ? theme.colors.danger[900] : theme.colors.neutral['000'], ";\n    }\n  ") : "\n      ".concat(selected ? "\n      color: ".concat(theme.colors.neutral['000'], ";\n      background-color:").concat(theme.colors.brand[700], ";\n      font-weight: ").concat(theme.fontWeights.semibold, ";\n      &:hover {\n        color:").concat(theme.colors.neutral['000'], ";\n        background-color:").concat(theme.colors.brand[700], ";\n      }\n      ") : "\n      color: ".concat(theme.colors.neutral[800], ";\n      background-color:").concat(theme.colors.neutral['000'], ";\n      "), "\n  "), ({
+  theme,
+  isCurrentListItem,
+  selected,
+  isDisabled
+}) => isCurrentListItem && !selected ? "\n        color: ".concat(isDisabled ? theme.colors.danger[900] : theme.colors.brand[700], ";\n        &:after {\n          position: absolute;\n          content: '';\n          border-radius: 50%;\n          top: -2px;\n          left: -2px;\n          width: calc(100% + 4px);\n          height: calc(100% + 4px);\n          border: 2px solid ").concat(isDisabled ? theme.colors.danger[900] : theme.colors.brand[700], ";\n          pointer-events: none;\n        }\n        ").concat(isDisabled ? "\n          color: ".concat(theme.colors.danger[900], ";\n          &:hover {\n            color:").concat(theme.colors.danger[900], ";\n          }          \n          &:before{\n            background-color: ").concat(theme.colors.danger[900], ";\n          }\n        ") : '', "\n        ") : '');
+const StyledWheelListItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nsw31l-7"
 })(["margin:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;"]);
-var StyledWheelChangeTimeBtn = /*#__PURE__*/styled__default['default'](DSButton.DSButtonV2).withConfig({
+const StyledWheelChangeTimeBtn = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
   componentId: "sc-1nsw31l-8"
-})(["height:", ";width:", ";min-width:", ";border-radius:50%;"], function (_ref24) {
-  var theme = _ref24.theme;
-  return theme.space.s;
-}, function (_ref25) {
-  var theme = _ref25.theme;
-  return theme.space.s;
-}, function (_ref26) {
-  var theme = _ref26.theme;
-  return theme.space.s;
-});
-var TimeWheelFooterMessage = /*#__PURE__*/styled__default['default'].footer.withConfig({
+})(["height:", ";width:", ";min-width:", ";border-radius:50%;"], ({
+  theme
+}) => theme.space.s, ({
+  theme
+}) => theme.space.s, ({
+  theme
+}) => theme.space.s);
+const TimeWheelFooterMessage = /*#__PURE__*/styled__default["default"].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;"], function (_ref27) {
-  var theme = _ref27.theme;
-  return theme.colors.neutral[300];
-}, function (_ref28) {
-  var theme = _ref28.theme;
-  return theme.space.xxs2;
-}, function (_ref29) {
-  var theme = _ref29.theme;
-  return theme.space.xxs2;
-}, function (_ref30) {
-  var theme = _ref30.theme;
-  return theme.colors.danger[900];
-}, function (_ref31) {
-  var theme = _ref31.theme;
-  return theme.fontWeights.thin;
-}, function (_ref32) {
-  var theme = _ref32.theme;
-  return theme.fontSizes.microText[200];
-});
+})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;"], ({
+  theme
+}) => theme.colors.neutral[300], ({
+  theme
+}) => theme.space.xxs2, ({
+  theme
+}) => theme.space.xxs2, ({
+  theme
+}) => theme.colors.danger[900], ({
+  theme
+}) => theme.fontWeights.thin, ({
+  theme
+}) => theme.fontSizes.microText[200]);
 
 exports.StyledIconTriggerButton = StyledIconTriggerButton;
 exports.StyledTimeBtn = StyledTimeBtn;
@@ -175,4 +118,3 @@ exports.StyledWheelChangeTimeBtn = StyledWheelChangeTimeBtn;
 exports.StyledWheelList = StyledWheelList;
 exports.StyledWheelListItem = StyledWheelListItem;
 exports.TimeWheelFooterMessage = TimeWheelFooterMessage;
-//# sourceMappingURL=Styleds.js.map

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

@@ -2,71 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelIconTrigger = require('./TimeWheelIconTrigger.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelWrapper = require('./TimeWheelWrapper.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext = require('./TimeWheelContext.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_useConfigTimePickerCTX = require('./useConfigTimePickerCTX.js');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('../../../ControlledDateTimePickerDatatestid.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('./TimeWheelContent.js');
-require('./Styleds.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('./HoursList.js');
-require('../../../utils/numberHelpers.js');
-require('./MinutesList.js');
-require('./MeridiemList.js');
-require('./TimeWheelFooter.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('./usePopperTriggerLogic.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-popper');
-require('../../../utils/hooks/useOnClickOutside.js');
-require('./useCurrentDisplayedWheelsLogic.js');
-require('../../TimeInputs/useTimeInputs.js');
-require('../../../utils/constants.js');
-require('../../../utils/stringHelpers.js');
-require('./useKeyboardHandlers.js');
+var TimeWheelIconTrigger = require('./TimeWheelIconTrigger.js');
+var TimeWheelWrapper = require('./TimeWheelWrapper.js');
+var TimeWheelContext = require('./TimeWheelContext.js');
+var useConfigTimePickerCTX = require('./useConfigTimePickerCTX.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable max-len */
+var _TimeWheelIconTrigger, _TimeWheelWrapper;
 
-var WrappedTimeWheelContext = function WrappedTimeWheelContext(_ref) {
-  var children = _ref.children;
-  var ctx = controlledDateTimePicker_parts_Pickers_TimeWheel_useConfigTimePickerCTX.useConfigTimePickerCTX();
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext.Provider, {
+const WrappedTimeWheelContext = ({
+  children
+}) => {
+  const ctx = useConfigTimePickerCTX.useConfigTimePickerCTX();
+  return /*#__PURE__*/_jsx__default["default"](TimeWheelContext.TimeWheelContext.Provider, {
     value: ctx
-  }, children);
+  }, void 0, children);
 };
 
-var WrapWithTimeWheelContext = function WrapWithTimeWheelContext(Component) {
-  return function () {
-    return /*#__PURE__*/React__default['default'].createElement(WrappedTimeWheelContext, null, /*#__PURE__*/React__default['default'].createElement(Component, null));
-  };
+const WrapWithTimeWheelContext = Component => {
+  var _WrappedTimeWheelCont;
+
+  return () => _WrappedTimeWheelCont || (_WrappedTimeWheelCont = /*#__PURE__*/_jsx__default["default"](WrappedTimeWheelContext, {}, void 0, /*#__PURE__*/_jsx__default["default"](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
 
-var TimeWheel = WrapWithTimeWheelContext(function () {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
-      showTimePicker = _useContext.showTimePicker,
-      isControllerOnly = _useContext.isControllerOnly,
-      handleMenuWrapperKeyDown = _useContext.handleMenuWrapperKeyDown;
-
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, isControllerOnly ? null : /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelIconTrigger.TimeWheelIconTrigger, null), isControllerOnly || showTimePicker ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelWrapper.TimeWheelWrapper, null))) : null);
+const TimeWheel = WrapWithTimeWheelContext(() => {
+  const {
+    showTimePicker,
+    isControllerOnly,
+    handleMenuWrapperKeyDown
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isControllerOnly ? null : _TimeWheelIconTrigger || (_TimeWheelIconTrigger = /*#__PURE__*/_jsx__default["default"](TimeWheelIconTrigger.TimeWheelIconTrigger, {})), isControllerOnly || showTimePicker ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: /*#__PURE__*/_jsx__default["default"]("div", {
+        onKeyDown: handleMenuWrapperKeyDown
+      }, void 0, _TimeWheelWrapper || (_TimeWheelWrapper = /*#__PURE__*/_jsx__default["default"](TimeWheelWrapper.TimeWheelWrapper, {})))
+    }) : null]
+  });
 });
 
 exports.TimeWheel = TimeWheel;
 exports.WrapWithTimeWheelContext = WrapWithTimeWheelContext;
-//# sourceMappingURL=TimeWheel.js.map

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

@@ -2,44 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds = require('./Styleds.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_HoursList = require('./HoursList.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_MinutesList = require('./MinutesList.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_MeridiemList = require('./MeridiemList.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelFooter = require('./TimeWheelFooter.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext = require('./TimeWheelContext.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/extends');
-require('@elliemae/ds-icons');
-require('../../../utils/numberHelpers.js');
-require('../../../ControlledDateTimePickerCTX.js');
-require('../../../ControlledDateTimePickerTypes.js');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var Styleds = require('./Styleds.js');
+var HoursList = require('./HoursList.js');
+var MinutesList = require('./MinutesList.js');
+var MeridiemList = require('./MeridiemList.js');
+var TimeWheelFooter = require('./TimeWheelFooter.js');
+var TimeWheelContext = require('./TimeWheelContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var TimeWheelContent = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var showShadow = _ref.showShadow;
-
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
-      hours = _useContext.hours,
-      minutes = _useContext.minutes,
-      meridiem = _useContext.meridiem,
-      isControllerOnly = _useContext.isControllerOnly;
-
-  return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimePickerContainer, {
+var _StyledTimePickerWhee, _StyledTimePickerWhee2, _TimeWheelFooter;
+const TimeWheelContent = /*#__PURE__*/React__default["default"].memo(({
+  showShadow
+}) => {
+  const {
+    hours,
+    minutes,
+    meridiem,
+    isControllerOnly
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimePickerContainer, {
     showShadow: showShadow,
     isControllerOnly: isControllerOnly,
-    "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL
-  }, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimePickerHead, null, "".concat(hours || '__', ":").concat(minutes || '__', " ").concat(meridiem || '__')), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimePickerWheelsLegend, null, /*#__PURE__*/React__default['default'].createElement("div", null, "H"), /*#__PURE__*/React__default['default'].createElement("div", null, "M"), /*#__PURE__*/React__default['default'].createElement("div", null, "A")), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.StyledTimePickerWheelWrapper, null, /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_HoursList.HoursList, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_MinutesList.MinutesList, null), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_MeridiemList.MeridiemList, null)), /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelFooter.TimeWheelFooter, null));
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.TIMEWHEEL
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimePickerHead, {}, void 0, "".concat(hours || '__', ":").concat(minutes || '__', " ").concat(meridiem || '__')), _StyledTimePickerWhee || (_StyledTimePickerWhee = /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimePickerWheelsLegend, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "H"), /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "M"), /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "A"))), _StyledTimePickerWhee2 || (_StyledTimePickerWhee2 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimePickerWheelWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](HoursList.HoursList, {}), /*#__PURE__*/_jsx__default["default"](MinutesList.MinutesList, {}), /*#__PURE__*/_jsx__default["default"](MeridiemList.MeridiemList, {}))), _TimeWheelFooter || (_TimeWheelFooter = /*#__PURE__*/_jsx__default["default"](TimeWheelFooter.TimeWheelFooter, {})));
 });
 
 exports.TimeWheelContent = TimeWheelContent;
-//# sourceMappingURL=TimeWheelContent.js.map

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

@@ -7,9 +7,9 @@ var React = require('react');
 /* eslint-disable @typescript-eslint/indent */
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop = function noop() {};
+const noop = () => {};
 
-var defaultTimePickerContext = {
+const defaultTimePickerContext = {
   ariaCurrentValueForInputs: '',
   tempTimeString: '',
   showTimePicker: false,
@@ -67,16 +67,12 @@ var defaultTimePickerContext = {
   prevMeridiemBtnRef: /*#__PURE__*/React.createRef(),
   currMeridiemBtnRef: /*#__PURE__*/React.createRef(),
   nextMeridiemBtnRef: /*#__PURE__*/React.createRef(),
-  getIsDisabledTime: function getIsDisabledTime() {
-    return false;
-  },
-  disabled: false
+  getIsDisabledTime: () => false
 };
 /** Context for cross component communication */
 
-var TimeWheelContext = /*#__PURE__*/React.createContext(defaultTimePickerContext);
+const TimeWheelContext = /*#__PURE__*/React.createContext(defaultTimePickerContext);
 
 exports.TimeWheelContext = TimeWheelContext;
-exports['default'] = TimeWheelContext;
+exports["default"] = TimeWheelContext;
 exports.defaultTimePickerContext = defaultTimePickerContext;
-//# sourceMappingURL=TimeWheelContext.js.map

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

@@ -2,32 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds = require('./Styleds.js');
-require('../../../ControlledDateTimePickerTypes.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var Styleds = require('./Styleds.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var TimeWheelFooter = function TimeWheelFooter() {
-  var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
-      _useContext$props = _useContext.props,
-      pickerFooterMsg = _useContext$props.pickerFooterMsg,
-      hasError = _useContext$props.hasError,
-      isWithCalendarToo = _useContext.isWithCalendarToo;
-
-  if (!isWithCalendarToo && pickerFooterMsg !== undefined && hasError) return /*#__PURE__*/React__default['default'].createElement(controlledDateTimePicker_parts_Pickers_TimeWheel_Styleds.TimeWheelFooterMessage, {
+const TimeWheelFooter = () => {
+  const {
+    props: {
+      pickerFooterMsg,
+      hasError
+    },
+    isWithCalendarToo
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  if (!isWithCalendarToo && pickerFooterMsg !== undefined && hasError) return /*#__PURE__*/_jsx__default["default"](Styleds.TimeWheelFooterMessage, {
     role: "alert"
-  }, pickerFooterMsg);
+  }, void 0, pickerFooterMsg);
   return null;
 };
 
 exports.TimeWheelFooter = TimeWheelFooter;
-//# sourceMappingURL=TimeWheelFooter.js.map

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

@@ -2,40 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-var controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext = require('./TimeWheelContext.js');
-var controlledDateTimePicker_ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var dsIcon = require('@elliemae/ds-icon');
+var dsButton = require('@elliemae/ds-button');
+var RecentDocuments = require('@elliemae/ds-icons/RecentDocuments');
+var TimeWheelContext = require('./TimeWheelContext.js');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var RecentDocuments__default = /*#__PURE__*/_interopDefaultLegacy(RecentDocuments);
 
 // this is particularly useful due to how usePopper needs to check the references
 // since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders
 
-var TimeWheelIconTrigger = function TimeWheelIconTrigger() {
-  var _useContext = React.useContext(controlledDateTimePicker_parts_Pickers_TimeWheel_TimeWheelContext.TimeWheelContext),
-      handleSetTriggerRef = _useContext.handleSetTriggerRef,
-      handleToggleTimePicker = _useContext.handleToggleTimePicker,
-      handlePickerIconKeyDown = _useContext.handlePickerIconKeyDown,
-      ariaCurrentValueForInputs = _useContext.ariaCurrentValueForInputs,
-      disabled = _useContext.disabled;
-
-  return React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(DSButton.DSButtonV2, {
-      "aria-label": "time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
-      buttonType: "icon",
-      size: DSButton.BUTTON_SIZES.M,
-      innerRef: handleSetTriggerRef,
-      onClick: handleToggleTimePicker,
-      onKeyDown: handlePickerIconKeyDown,
-      "data-testid": controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL,
-      disabled: disabled
-    }, /*#__PURE__*/React__default['default'].createElement(dsIcons.RecentDocuments, null));
-  }, [ariaCurrentValueForInputs, disabled, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
+const TimeWheelIconTrigger = () => {
+  const {
+    handleSetTriggerRef,
+    handleToggleTimePicker,
+    handlePickerIconKeyDown,
+    ariaCurrentValueForInputs
+  } = React.useContext(TimeWheelContext.TimeWheelContext);
+  return React.useMemo(() => /*#__PURE__*/_jsx__default["default"](dsButton.DSButtonV2, {
+    "aria-label": "time picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+    buttonType: "icon",
+    size: dsButton.BUTTON_SIZES.M,
+    innerRef: handleSetTriggerRef,
+    onClick: handleToggleTimePicker,
+    onKeyDown: handlePickerIconKeyDown,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.TIMEWHEEL
+  }, void 0, /*#__PURE__*/_jsx__default["default"](RecentDocuments__default["default"], {
+    color: dsIcon.DSIconColors.PRIMARY
+  })), [ariaCurrentValueForInputs, handlePickerIconKeyDown, handleSetTriggerRef, handleToggleTimePicker]);
 };
 
 exports.TimeWheelIconTrigger = TimeWheelIconTrigger;
-//# sourceMappingURL=TimeWheelIconTrigger.js.map