@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,198 +1,223 @@
-import * as React from "react";
-import styled from "styled-components";
-import { css } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-import { DSButtonV2 } from "@elliemae/ds-button";
-const focusBorder = css`
-  &:after {
-    position: absolute;
-    content: '';
-    top: -2px;
-    left: -2px;
-    width: calc(100% + 4px);
-    height: calc(100% + 4px);
-    border-radius: 50%;
-    border: 2px solid ${({ theme, isDisabled }) => isDisabled ? theme.colors.danger[900] : theme.colors.brand[700]};
-  }
-`;
-const diagonalLine = css`
-  &:before {
-    position: absolute;
-    content: '';
-    top: 48%;
-    left: -1px;
-    height: 1px;
-    width: calc(100% + 2px);
-    transform: rotate(45deg);
-    background-color: ${({ theme, isCurrentListItem, selected }) => {
-  if (selected)
-    return theme.colors.neutral["000"];
-  if (isCurrentListItem)
-    return theme.colors.danger[900];
+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`
-  ${({ theme, isDisabled, isCurrentListItem, 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];
+});
+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`
-  ${({ theme, selected, isDisabled }) => {
-  if (isDisabled && selected)
-    return theme.colors.danger[900];
-  if (selected)
-    return theme.colors.brand[700];
-  return theme.colors.neutral["000"];
-}}
-`;
-const StyledIconTriggerButton = styled(DSButtonV2)`
-  color: ${({ theme }) => theme.colors.brand["600"]};
-  width: 26px;
-  height: 26px;
-`;
-const StyledWheelList = styled.div`
-  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 ${({ theme }) => theme.colors.brand[700]};
-      box-shadow: 0 0 2px ${({ theme }) => theme.colors.brand[700]};
-    }
-  }
-`;
-const StyledTimePickerContainer = styled.div`
-  display: grid;
-  position: relative;
-  grid-template-columns: 192px;
-  grid-template-rows: 36px 30px auto;
-  grid-template-areas:
-    'TimePickerHead'
-    'TimePickerWheelsLegend'
-    'VerticalWheelWrapper';
-  ${({ showShadow, isControllerOnly }) => showShadow && !isControllerOnly ? `
-  box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);
-  ` : ""}
-`;
-const StyledTimePickerHead = styled(Grid)`
-  width: 100%;
-  grid-area: TimePickerHead;
-  justify-content: center;
-  align-items: center;
-  background: ${({ theme }) => theme.colors.neutral["050"]};
-`;
-const StyledTimePickerWheelsLegend = styled.div`
-  width: 100%;
-  height: 100;
-  grid-area: TimePickerWheelsLegend;
-  display: grid;
-  grid-template-columns: ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl};
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  background: ${({ theme }) => theme.colors.neutral["050"]};
-`;
-const StyledTimePickerWheelWrapper = styled.div`
-  width: 100%;
-  background: ${({ theme }) => theme.colors.neutral["000"]};
-  grid-area: VerticalWheelWrapper;
-  display: grid;
-  grid-template-columns: ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl} ${({ theme }) => theme.space.xl};
-  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[200]};
-    }
-  }
-`;
-const StyledTimeBtn = styled(DSButtonV2)`
-  position: relative;
-  height: ${({ theme }) => theme.space.s};
-  width: ${({ theme }) => theme.space.s};
-  border-radius: 50%;
-
-  &:hover {
-    background-color: ${hoverBgPerStatus};
-  }
-
-  color: ${fontColorPerStatus};
-
-  ${({ selected, isCurrentListItem }) => isCurrentListItem && !selected ? focusBorder : ``}
-
-  ${({ isDisabled }) => isDisabled ? css`
-          cursor: not-allowed;
-          ${diagonalLine};
-        ` : ``}
+});
+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];
+});
 
-  ${({ theme, selected, isDisabled }) => selected ? css`
-    font-weight: ${theme.fontWeights.semibold};
-    background-color ${isDisabled ? theme.colors.danger[900] : theme.colors.brand[700]};
-    ` : ``};
-`;
-const StyledWheelListItem = styled.div`
-  margin: auto;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-`;
-const StyledWheelChangeTimeBtn = styled(DSButtonV2)`
-  height: ${({ theme }) => theme.space.s};
-  width: ${({ theme }) => theme.space.s};
-  min-width: ${({ theme }) => theme.space.s};
-  border-radius: 50%;
-`;
-const TimeWheelFooterMessage = styled.footer`
-  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};
-  margin: 0 ${({ theme }) => theme.space.xxs2};
-  padding: ${({ theme }) => theme.space.xxs2} 0;
-  color: ${({ theme }) => theme.colors.danger[900]};
-  font-style: italic;
-  font-weight: ${({ theme }) => theme.fontWeights.thin};
-  font-size: ${({ theme }) => theme.fontSizes.microText[200]};
-  text-align: right;
-`;
-export {
-  StyledIconTriggerButton,
-  StyledTimeBtn,
-  StyledTimePickerContainer,
-  StyledTimePickerHead,
-  StyledTimePickerWheelWrapper,
-  StyledTimePickerWheelsLegend,
-  StyledWheelChangeTimeBtn,
-  StyledWheelList,
-  StyledWheelListItem,
-  TimeWheelFooterMessage
-};
-//# sourceMappingURL=Styleds.js.map
+export { StyledIconTriggerButton, StyledTimeBtn, StyledTimePickerContainer, StyledTimePickerHead, StyledTimePickerWheelWrapper, StyledTimePickerWheelsLegend, StyledWheelChangeTimeBtn, StyledWheelList, StyledWheelListItem, TimeWheelFooterMessage };

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

@@ -1,24 +1,43 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { TimeWheelIconTrigger } from "./TimeWheelIconTrigger";
-import { TimeWheelWrapper } from "./TimeWheelWrapper";
-import { TimeWheelContext } from "./TimeWheelContext";
-import { useConfigTimePickerCTX } from "./useConfigTimePickerCTX";
-const WrappedTimeWheelContext = ({ children }) => {
+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__ */ React2.createElement(TimeWheelContext.Provider, {
+  return /*#__PURE__*/_jsx(TimeWheelContext.Provider, {
     value: ctx
-  }, children);
+  }, void 0, children);
 };
-const WrapWithTimeWheelContext = (Component) => () => /* @__PURE__ */ React2.createElement(WrappedTimeWheelContext, null, /* @__PURE__ */ React2.createElement(Component, null));
+
+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__ */ React2.createElement(React2.Fragment, null, isControllerOnly ? null : /* @__PURE__ */ React2.createElement(TimeWheelIconTrigger, null), isControllerOnly || showTimePicker ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /* @__PURE__ */ React2.createElement(TimeWheelWrapper, null))) : null);
+  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
-};
-//# sourceMappingURL=TimeWheel.js.map
+
+export { TimeWheel, WrapWithTimeWheelContext };

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

@@ -1,26 +1,29 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
-import {
-  StyledTimePickerContainer,
-  StyledTimePickerHead,
-  StyledTimePickerWheelsLegend,
-  StyledTimePickerWheelWrapper
-} from "./Styleds";
-import { HoursList } from "./HoursList";
-import { MinutesList } from "./MinutesList";
-import { MeridiemList } from "./MeridiemList";
-import { TimeWheelFooter } from "./TimeWheelFooter";
-import { TimeWheelContext } from "./TimeWheelContext";
-const TimeWheelContent = React2.memo(({ showShadow }) => {
-  const { hours, minutes, meridiem, isControllerOnly } = useContext(TimeWheelContext);
-  return /* @__PURE__ */ React2.createElement(StyledTimePickerContainer, {
-    showShadow,
-    isControllerOnly,
+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
-  }, /* @__PURE__ */ React2.createElement(StyledTimePickerHead, null, `${hours || "__"}:${minutes || "__"} ${meridiem || "__"}`), /* @__PURE__ */ React2.createElement(StyledTimePickerWheelsLegend, null, /* @__PURE__ */ React2.createElement("div", null, "H"), /* @__PURE__ */ React2.createElement("div", null, "M"), /* @__PURE__ */ React2.createElement("div", null, "A")), /* @__PURE__ */ React2.createElement(StyledTimePickerWheelWrapper, null, /* @__PURE__ */ React2.createElement(HoursList, null), /* @__PURE__ */ React2.createElement(MinutesList, null), /* @__PURE__ */ React2.createElement(MeridiemList, null)), /* @__PURE__ */ React2.createElement(TimeWheelFooter, null));
+  }, 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
-};
-//# sourceMappingURL=TimeWheelContent.js.map
+
+export { TimeWheelContent };

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

@@ -1,10 +1,13 @@
-import * as React from "react";
-import { createContext, createRef } from "react";
-const noop = () => {
-};
+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: "",
+  ariaCurrentValueForInputs: '',
+  tempTimeString: '',
   showTimePicker: false,
   setShowTimePicker: noop,
   setPopperElement: noop,
@@ -14,18 +17,24 @@ const defaultTimePickerContext = {
   handleSetTriggerRef: noop,
   handleMenuWrapperKeyDown: noop,
   currHourNum: 1,
-  hours: "01",
-  visibleHours: [""],
+  hours: '01',
+  visibleHours: [''],
   handlePrevHour: noop,
   handleNextHour: noop,
   handleTimeWheelBtnChangeHours: noop,
   currMinuteNum: 1,
-  minutes: "00",
-  visibleMinutes: [""],
+  minutes: '00',
+  visibleMinutes: [''],
   handlePrevMinute: noop,
   handleNextMinute: noop,
   handleTimeWheelBtnChangeMinutes: noop,
-  meridiem: "AM",
+  // currSecondNum: 1,
+  // seconds: '00',
+  // visibleSeconds: [''],
+  // handlePrevSecond: noop,
+  // handleNextSecond: noop,
+  // handleTimeWheelBtnChangeSeconds: noop,
+  meridiem: 'AM',
   handleTimeWheelBtnChangeMeridiem: noop,
   isControllerOnly: false,
   autoFocusHourTimeWheel: false,
@@ -35,27 +44,30 @@ const defaultTimePickerContext = {
   handlePrevMinuteBtnOnKeyDown: noop,
   handleCurrMinutesOnKeyDown: noop,
   handleNextMinuteBtnOnKeyDown: noop,
+  // handlePrevSecondBtnOnKeyDown: noop,
+  // handleCurrSecondsOnKeyDown: noop,
+  // handleNextSecondBtnOnKeyDown: noop,
   handlePrevMeridiemBtnOnKeyDown: noop,
   handleCurrMeridiemOnKeyDown: noop,
   handleNextMeridiemBtnOnKeyDown: noop,
   handlePickerIconKeyDown: noop,
-  prevHourBtnRef: createRef(),
-  currHourBtnRef: createRef(),
-  nextHourBtnRef: createRef(),
-  prevMinutesBtnRef: createRef(),
-  currMinutesBtnRef: createRef(),
-  nextMinutesBtnRef: createRef(),
-  prevMeridiemBtnRef: createRef(),
-  currMeridiemBtnRef: createRef(),
-  nextMeridiemBtnRef: createRef(),
+  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
 };
-const TimeWheelContext = createContext(defaultTimePickerContext);
-var TimeWheelContext_default = TimeWheelContext;
-export {
-  TimeWheelContext,
-  TimeWheelContext_default as default,
-  defaultTimePickerContext
-};
-//# sourceMappingURL=TimeWheelContext.js.map
+/** Context for cross component communication */
+
+const TimeWheelContext = /*#__PURE__*/createContext(defaultTimePickerContext);
+
+export { TimeWheelContext, TimeWheelContext as default, defaultTimePickerContext };