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

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { CalendarMonthDays } from "./CalendarMonthDays";
+import { CalendarWeekDays } from "./CalendarWeekDays";
+import { StyledBody } from "./Styleds";
+const CalendarBody = React2.memo(({ weekRowsNum }) => /* @__PURE__ */ React2.createElement("span", {
+  role: "grid",
+  "aria-colcount": 7,
+  "aria-rowcount": weekRowsNum
+}, /* @__PURE__ */ React2.createElement(CalendarWeekDays, null), /* @__PURE__ */ React2.createElement(StyledBody, null, /* @__PURE__ */ React2.createElement(CalendarMonthDays, null))));
+export {
+  CalendarBody
+};
+//# sourceMappingURL=CalendarBody.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { CalendarMonthDays } from './CalendarMonthDays';\nimport { CalendarWeekDays } from './CalendarWeekDays';\nimport { StyledBody } from './Styleds';\ninterface CalendarBodyPropsT {\n  weekRowsNum: number;\n}\nexport const CalendarBody = React.memo(({ weekRowsNum }: CalendarBodyPropsT) => (\n  <span role=\"grid\" aria-colcount={7} aria-rowcount={weekRowsNum}>\n    <CalendarWeekDays />\n    <StyledBody>\n      <CalendarMonthDays />\n    </StyledBody>\n  </span>\n));\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAIO,MAAM,eAAe,OAAM,KAAK,CAAC,EAAE,kBACxC,qCAAC,QAAD;AAAA,EAAM,MAAK;AAAA,EAAO,iBAAe;AAAA,EAAG,iBAAe;AAAA,GACjD,qCAAC,kBAAD,OACA,qCAAC,YAAD,MACE,qCAAC,mBAAD;",
+  "names": []
+}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { CalendarBody } from "./CalendarBody";
+import { CalendarHead } from "./CalendarHead";
+import { CalendarFooter } from "./CalendarFooter";
+import { CalendarContext } from "./CalendarContext";
+import { StyledShadowWrapper, StyledCalendarWrapper } from "./Styleds";
+const CalendarContent = ({ className = "" }) => {
+  const { isControllerOnly, daysMatrixByWeekday } = useContext(CalendarContext);
+  return /* @__PURE__ */ React2.createElement(StyledShadowWrapper, {
+    className,
+    isControllerOnly,
+    "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
+  }, /* @__PURE__ */ React2.createElement(StyledCalendarWrapper, null, /* @__PURE__ */ React2.createElement(CalendarHead, null), /* @__PURE__ */ React2.createElement(CalendarBody, {
+    weekRowsNum: daysMatrixByWeekday.length
+  }), /* @__PURE__ */ React2.createElement(CalendarFooter, null)));
+};
+export {
+  CalendarContent
+};
+//# sourceMappingURL=CalendarContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarBody } from './CalendarBody';\nimport { CalendarHead } from './CalendarHead';\nimport { CalendarFooter } from './CalendarFooter';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const { isControllerOnly, daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n    >\n      <StyledCalendarWrapper>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAMO,MAAM,kBAAkB,CAAC,EAAE,YAAY,SAA8C;AAC1F,QAAM,EAAE,kBAAkB,wBAAwB,WAAW;AAE7D,SACE,qCAAC,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,KAErE,qCAAC,uBAAD,MACE,qCAAC,cAAD,OACA,qCAAC,cAAD;AAAA,IAAc,aAAa,oBAAoB;AAAA,MAC/C,qCAAC,gBAAD;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { createContext, createRef } from "react";
+const noop = () => {
+};
+const defaultCalendarContext = {
+  ariaCurrentValueForInputs: "",
+  showCalendar: false,
+  disabled: false,
+  setShowCalendar: noop,
+  closeCalendar: noop,
+  setPopperElement: noop,
+  setArrowElement: noop,
+  usePopperHelpers: void 0,
+  handleToggleCalendar: noop,
+  handleSetTriggerRef: noop,
+  handleMenuWrapperKeyDown: noop,
+  prevYearBtnRef: createRef(),
+  prevMonthBtnRef: createRef(),
+  nextMonthBtnRef: createRef(),
+  nextYearBtnRef: createRef(),
+  calendarDaysWrapperRef: createRef(),
+  currentMonth: void 0,
+  currentYear: void 0,
+  daysArray: [],
+  invisibleFirstDay: void 0,
+  daysMatrixByWeekday: [],
+  invisibleLastDay: void 0,
+  focusedDay: void 0,
+  tryToFocusCurrentlyDataIsFocusedDay: noop,
+  resetFocusedDayToStartDate: noop,
+  handleFocusMetaDay: noop,
+  handleFocusMetaDayByDay: noop,
+  handlePrevMonth: noop,
+  handlePrevYear: noop,
+  handleNextMonth: noop,
+  handleNextYear: noop,
+  handleDayOnKeyDown: noop,
+  handlePrevYearKeyDown: noop,
+  handlePrevMonthKeyDown: noop,
+  handleNextMonthKeyDown: noop,
+  handleNextYearKeyDown: noop,
+  handlePickerIconKeyDown: noop,
+  isControllerOnly: false,
+  isWithTimeWheelToo: true,
+  autoFocusPrevMonthArrow: false,
+  onPrevYearFocus: noop,
+  onPrevMonthFocus: noop,
+  onNextMonthFocus: noop,
+  onNextYearFocus: noop
+};
+const CalendarContext = createContext(defaultCalendarContext);
+var CalendarContext_default = CalendarContext;
+export {
+  CalendarContext,
+  CalendarContext_default as default,
+  defaultCalendarContext
+};
+//# sourceMappingURL=CalendarContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, createRef } from 'react';\nimport type { DateMonth, metaMonthDayT, onFocusFuncT } from '../../../index.d';\n\nexport type handleDayOnKeyDownT = (e: React.KeyboardEvent, day: metaMonthDayT) => void;\nexport interface KeyboardHandlersT {\n  handleDayOnKeyDown: handleDayOnKeyDownT;\n  handlePrevYearKeyDown: (e: React.KeyboardEvent) => void;\n  handlePrevMonthKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextMonthKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextYearKeyDown: (e: React.KeyboardEvent) => void;\n  handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport interface FocusLogicT {\n  focusedDay?: metaMonthDayT;\n  tryToFocusCurrentlyDataIsFocusedDay: () => void;\n  resetFocusedDayToStartDate: () => void;\n  handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;\n  handleFocusMetaDayByDay: (day: Date) => void;\n}\nexport interface HeaderButtonsRefsT {\n  prevYearBtnRef: React.RefObject<HTMLButtonElement>;\n  prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n  nextMonthBtnRef: React.RefObject<HTMLButtonElement>;\n  nextYearBtnRef: React.RefObject<HTMLButtonElement>;\n  calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;\n}\nexport interface PopperTriggerLogicT {\n  closeCalendar: () => void;\n  setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  setArrowElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  usePopperHelpers?: {\n    attributes: Record<string, unknown>;\n    styles: Record<string, React.CSSProperties>;\n  };\n  handleToggleCalendar: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n  handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n  handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;\n}\nexport interface useCurrentDisplayedMonthYearLogicT {\n  currentMonth?: DateMonth;\n  currentYear?: number;\n  daysArray: metaMonthDayT[];\n  invisibleFirstDay?: metaMonthDayT;\n  daysMatrixByWeekday?: metaMonthDayT[][];\n  invisibleLastDay?: metaMonthDayT;\n  handlePrevMonth: () => void;\n  handlePrevYear: () => void;\n  handleNextMonth: () => void;\n  handleNextYear: () => void;\n}\nexport interface CalendarContextT\n  extends KeyboardHandlersT,\n    HeaderButtonsRefsT,\n    FocusLogicT,\n    PopperTriggerLogicT,\n    useCurrentDisplayedMonthYearLogicT {\n  ariaCurrentValueForInputs: string;\n  showCalendar: boolean;\n  setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n  isControllerOnly: boolean;\n  isWithTimeWheelToo: boolean;\n  autoFocusPrevMonthArrow: boolean;\n  disabled: boolean;\n  onPrevYearFocus: onFocusFuncT;\n  onPrevMonthFocus: onFocusFuncT;\n  onNextMonthFocus: onFocusFuncT;\n  onNextYearFocus: onFocusFuncT;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nexport const defaultCalendarContext: CalendarContextT = {\n  ariaCurrentValueForInputs: '',\n  showCalendar: false,\n  disabled: false,\n  setShowCalendar: noop,\n  closeCalendar: noop,\n  setPopperElement: noop,\n  setArrowElement: noop,\n  usePopperHelpers: undefined,\n  handleToggleCalendar: noop,\n  handleSetTriggerRef: noop,\n  handleMenuWrapperKeyDown: noop,\n  prevYearBtnRef: createRef<HTMLButtonElement>(),\n  prevMonthBtnRef: createRef<HTMLButtonElement>(),\n  nextMonthBtnRef: createRef<HTMLButtonElement>(),\n  nextYearBtnRef: createRef<HTMLButtonElement>(),\n  calendarDaysWrapperRef: createRef<HTMLDivElement>(),\n  currentMonth: undefined,\n  currentYear: undefined,\n  daysArray: [],\n  invisibleFirstDay: undefined,\n  daysMatrixByWeekday: [],\n  invisibleLastDay: undefined,\n  focusedDay: undefined,\n  tryToFocusCurrentlyDataIsFocusedDay: noop,\n  resetFocusedDayToStartDate: noop,\n  handleFocusMetaDay: noop,\n  handleFocusMetaDayByDay: noop,\n  handlePrevMonth: noop,\n  handlePrevYear: noop,\n  handleNextMonth: noop,\n  handleNextYear: noop,\n  handleDayOnKeyDown: noop,\n  handlePrevYearKeyDown: noop,\n  handlePrevMonthKeyDown: noop,\n  handleNextMonthKeyDown: noop,\n  handleNextYearKeyDown: noop,\n  handlePickerIconKeyDown: noop,\n  isControllerOnly: false,\n  isWithTimeWheelToo: true,\n  autoFocusPrevMonthArrow: false,\n  onPrevYearFocus: noop,\n  onPrevMonthFocus: noop,\n  onNextMonthFocus: noop,\n  onNextYearFocus: noop,\n};\n/** Context for cross component communication */\nexport const CalendarContext = createContext(defaultCalendarContext);\n\nexport default CalendarContext;\n"],
+  "mappings": "AAAA;ACAA;AAqEA,MAAM,OAAO,MAAY;AAAA;AAClB,MAAM,yBAA2C;AAAA,EACtD,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,qCAAqC;AAAA,EACrC,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA;AAGZ,MAAM,kBAAkB,cAAc;AAE7C,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import React2 from "react";
+import { Day } from "./Day";
+import { StyledWeekDaysListWrapper } from "./Styleds";
+const CalendarDaysList = React2.memo(({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ React2.createElement("div", {
+  ref: innerRef,
+  role: "rowgroup"
+}, /* @__PURE__ */ React2.createElement(Day, {
+  key: `ds-calendar-${invisibleFirstDay.day.toString()}`,
+  metaDay: invisibleFirstDay,
+  isInvisible: true
+}), daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ React2.createElement(StyledWeekDaysListWrapper, {
+  key: `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`,
+  role: "row",
+  "aria-rowindex": i + 1,
+  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+  rows: ["28px"],
+  py: "xxxs",
+  px: "2px",
+  justifyContent: "space-between",
+  alignItems: "center"
+}, week.map((metaDay, z) => /* @__PURE__ */ React2.createElement(Day, {
+  key: `ds-calendar-${metaDay.day.toString()}`,
+  metaDay,
+  colIndex: z + 1
+})))), /* @__PURE__ */ React2.createElement(Day, {
+  key: `ds-calendar-${invisibleLastDay.day.toString()}`,
+  metaDay: invisibleLastDay,
+  isInvisible: true
+})));
+export {
+  CalendarDaysList
+};
+//# sourceMappingURL=CalendarDaysList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Day } from './Day';\nimport { StyledWeekDaysListWrapper } from './Styleds';\nimport type { metaMonthDayT } from '../../../index.d';\n\nexport const CalendarDaysList = React.memo(\n  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }: CalendarDaysListPropsT): JSX.Element => (\n    <div ref={innerRef} role=\"rowgroup\">\n      <Day key={`ds-calendar-${invisibleFirstDay.day.toString()}`} metaDay={invisibleFirstDay} isInvisible />\n      {daysMatrixByWeekday.map((week, i) => (\n        <StyledWeekDaysListWrapper\n          key={`ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`}\n          role=\"row\"\n          aria-rowindex={i + 1}\n          cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n          rows={['28px']}\n          py=\"xxxs\"\n          px=\"2px\"\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          {week.map((metaDay, z) => (\n            <Day key={`ds-calendar-${metaDay.day.toString()}`} metaDay={metaDay} colIndex={z + 1} />\n          ))}\n        </StyledWeekDaysListWrapper>\n      ))}\n      <Day key={`ds-calendar-${invisibleLastDay.day.toString()}`} metaDay={invisibleLastDay} isInvisible />\n    </div>\n  ),\n);\nexport interface CalendarDaysListPropsT {\n  invisibleFirstDay: metaMonthDayT;\n  daysMatrixByWeekday: metaMonthDayT[][];\n  invisibleLastDay: metaMonthDayT;\n  innerRef: React.RefObject<HTMLDivElement>;\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,mBAAmB,OAAM,KACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,eAC3D,qCAAC,OAAD;AAAA,EAAK,KAAK;AAAA,EAAU,MAAK;AAAA,GACvB,qCAAC,KAAD;AAAA,EAAK,KAAK,eAAe,kBAAkB,IAAI;AAAA,EAAc,SAAS;AAAA,EAAmB,aAAW;AAAA,IACnG,oBAAoB,IAAI,CAAC,MAAM,MAC9B,qCAAC,2BAAD;AAAA,EACE,KAAK,oBAAoB,KAAK,GAAG,IAAI,cAAc,KAAK,GAAG,IAAI;AAAA,EAC/D,MAAK;AAAA,EACL,iBAAe,IAAI;AAAA,EACnB,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,EACvD,MAAM,CAAC;AAAA,EACP,IAAG;AAAA,EACH,IAAG;AAAA,EACH,gBAAe;AAAA,EACf,YAAW;AAAA,GAEV,KAAK,IAAI,CAAC,SAAS,MAClB,qCAAC,KAAD;AAAA,EAAK,KAAK,eAAe,QAAQ,IAAI;AAAA,EAAc;AAAA,EAAkB,UAAU,IAAI;AAAA,OAIzF,qCAAC,KAAD;AAAA,EAAK,KAAK,eAAe,iBAAiB,IAAI;AAAA,EAAc,SAAS;AAAA,EAAkB,aAAW;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { CalendarFooterMessage } from "./Styleds";
+const CalendarFooter = () => {
+  const {
+    props: { pickerFooterMsg, hasError },
+    isWithTimeWheelToo
+  } = useContext(ControlledDateTimePickerContext);
+  if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
+    return /* @__PURE__ */ React2.createElement(CalendarFooterMessage, {
+      role: "alert"
+    }, pickerFooterMsg);
+  return null;
+};
+export {
+  CalendarFooter
+};
+//# sourceMappingURL=CalendarFooter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarFooterMessage } from './Styleds';\n\nexport const CalendarFooter = (): JSX.Element => {\n  const {\n    props: { pickerFooterMsg, hasError },\n    isWithTimeWheelToo,\n  } = useContext(ControlledDateTimePickerContext);\n  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError)\n    return <CalendarFooterMessage role=\"alert\">{pickerFooterMsg}</CalendarFooterMessage>;\n  return null;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,MAAmB;AAC/C,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,WAAW;AACf,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WAAO,qCAAC,uBAAD;AAAA,MAAuB,MAAK;AAAA,OAAS;AAC9C,SAAO;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,91 @@
+import * as React from "react";
+import React2, { useContext, useMemo } from "react";
+import { BUTTON_SIZES } from "@elliemae/ds-button";
+import { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from "@elliemae/ds-icons";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { getMonthNameByMonthNumber } from "../../../utils/dateHelpers";
+import { StyledHeader, StyledHeaderButton } from "./Styleds";
+import { CalendarContext } from "./CalendarContext";
+const useGetFormattedCurrentDate = () => {
+  const { currentMonth, currentYear } = useContext(CalendarContext);
+  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : "";
+  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);
+};
+const CalendarHead = () => {
+  const currentFormatedDate = useGetFormattedCurrentDate();
+  const {
+    prevYearBtnRef,
+    prevMonthBtnRef,
+    nextMonthBtnRef,
+    nextYearBtnRef,
+    handlePrevYear,
+    handlePrevMonth,
+    handleNextMonth,
+    handleNextYear,
+    handlePrevYearKeyDown,
+    handlePrevMonthKeyDown,
+    handleNextMonthKeyDown,
+    handleNextYearKeyDown,
+    onPrevYearFocus,
+    onPrevMonthFocus,
+    onNextMonthFocus,
+    onNextYearFocus,
+    isControllerOnly,
+    autoFocusPrevMonthArrow
+  } = useContext(CalendarContext);
+  return /* @__PURE__ */ React2.createElement(StyledHeader, null, /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+    "aria-label": "previous year",
+    buttonType: "raw",
+    size: BUTTON_SIZES.M,
+    onClick: handlePrevYear,
+    innerRef: prevYearBtnRef,
+    onKeyDown: handlePrevYearKeyDown,
+    onFocus: onPrevYearFocus,
+    tabIndex: isControllerOnly ? -1 : 1,
+    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR
+  }, /* @__PURE__ */ React2.createElement(ChevronDoubleLeft, {
+    height: 14,
+    width: 14,
+    fill: "#25292f"
+  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+    autoFocus: autoFocusPrevMonthArrow,
+    "aria-label": "previous month",
+    buttonType: "raw",
+    size: BUTTON_SIZES.M,
+    onClick: handlePrevMonth,
+    innerRef: prevMonthBtnRef,
+    onKeyDown: handlePrevMonthKeyDown,
+    onFocus: onPrevMonthFocus,
+    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH
+  }, /* @__PURE__ */ React2.createElement(ChevronLeft, {
+    fill: "#25292f"
+  })), /* @__PURE__ */ React2.createElement("h3", null, currentFormatedDate), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+    "aria-label": "next month",
+    buttonType: "raw",
+    size: BUTTON_SIZES.M,
+    onClick: handleNextMonth,
+    innerRef: nextMonthBtnRef,
+    onKeyDown: handleNextMonthKeyDown,
+    onFocus: onNextMonthFocus,
+    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH
+  }, /* @__PURE__ */ React2.createElement(ChevronRight, {
+    fill: "#25292f"
+  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
+    "aria-label": "next year",
+    buttonType: "raw",
+    size: BUTTON_SIZES.M,
+    onClick: handleNextYear,
+    innerRef: nextYearBtnRef,
+    onKeyDown: handleNextYearKeyDown,
+    onFocus: onNextYearFocus,
+    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR
+  }, /* @__PURE__ */ React2.createElement(ChevronDoubleRight, {
+    height: 14,
+    width: 14,
+    fill: "#25292f"
+  })));
+};
+export {
+  CalendarHead
+};
+//# sourceMappingURL=CalendarHead.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\n\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers';\nimport { StyledHeader, StyledHeaderButton } from './Styleds';\nimport { CalendarContext } from './CalendarContext';\n\nconst useGetFormattedCurrentDate = () => {\n  const { currentMonth, currentYear } = useContext(CalendarContext);\n\n  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : '';\n\n  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);\n};\nexport const CalendarHead = (): JSX.Element => {\n  const currentFormatedDate = useGetFormattedCurrentDate();\n  const {\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\n    handlePrevYear,\n    handlePrevMonth,\n    handleNextMonth,\n    handleNextYear,\n    handlePrevYearKeyDown,\n    handlePrevMonthKeyDown,\n    handleNextMonthKeyDown,\n    handleNextYearKeyDown,\n    onPrevYearFocus,\n    onPrevMonthFocus,\n    onNextMonthFocus,\n    onNextYearFocus,\n    isControllerOnly,\n    autoFocusPrevMonthArrow,\n  } = useContext(CalendarContext);\n  return (\n    <StyledHeader>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevYear}\n        innerRef={prevYearBtnRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 1}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\n      >\n        <ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        autoFocus={autoFocusPrevMonthArrow}\n        aria-label=\"previous month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevMonth}\n        innerRef={prevMonthBtnRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n        // this is a tabstop for when the calendar is open\n      >\n        <ChevronLeft fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <h3>{currentFormatedDate}</h3>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextMonth}\n        innerRef={nextMonthBtnRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n      >\n        <ChevronRight fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextYear}\n        innerRef={nextYearBtnRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n      >\n        <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n    </StyledHeader>\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,6BAA6B,MAAM;AACvC,QAAM,EAAE,cAAc,gBAAgB,WAAW;AAEjD,QAAM,cAAc,gBAAgB,KAAK,gBAAgB,KAAK,GAAG,0BAA0B,mBAAmB;AAE9G,SAAO,QAAQ,MAAM,GAAG,cAAc,eAAe,CAAC,aAAa;AAAA;AAE9D,MAAM,eAAe,MAAmB;AAC7C,QAAM,sBAAsB;AAC5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,SACE,qCAAC,cAAD,MACE,qCAAC,oBAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU,mBAAmB,KAAK;AAAA,IAClC,eAAa,mCAAmC,SAAS;AAAA,KAEzD,qCAAC,mBAAD;AAAA,IAAmB,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA,OAEjD,qCAAC,oBAAD;AAAA,IACE,WAAW;AAAA,IACX,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,mCAAmC,SAAS;AAAA,KAGzD,qCAAC,aAAD;AAAA,IAAa,MAAK;AAAA,OAEpB,qCAAC,MAAD,MAAK,sBACL,qCAAC,oBAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,mCAAmC,SAAS;AAAA,KAEzD,qCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,OAErB,qCAAC,oBAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,mCAAmC,SAAS;AAAA,KAEzD,qCAAC,oBAAD;AAAA,IAAoB,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+import React2, { useContext, useMemo } from "react";
+import { BUTTON_SIZES, BUTTON_VARIANT } from "@elliemae/ds-button";
+import { DatePicker } from "@elliemae/ds-icons";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { CalendarContext } from "./CalendarContext";
+import { StyledIconTriggerButton } from "./Styleds";
+const CalendarIconTrigger = () => {
+  const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } = useContext(CalendarContext);
+  return useMemo(() => /* @__PURE__ */ React2.createElement(StyledIconTriggerButton, {
+    "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
+    buttonType: "icon",
+    size: BUTTON_SIZES.M,
+    variant: BUTTON_VARIANT.DEFAULT,
+    innerRef: handleSetTriggerRef,
+    onClick: handleToggleCalendar,
+    onKeyDown: handlePickerIconKeyDown,
+    "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
+    disabled
+  }, /* @__PURE__ */ React2.createElement(DatePicker, null)), [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
+};
+export {
+  CalendarIconTrigger
+};
+//# sourceMappingURL=CalendarIconTrigger.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledIconTriggerButton } from './Styleds';\n// we memoize the Icon  for maximum optimization\n// this is particularly usefull due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const CalendarIconTrigger = (): JSX.Element => {\n  const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } =\n    useContext(CalendarContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`date picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        variant={BUTTON_VARIANT.DEFAULT}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendar}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR}\n        disabled={disabled}\n      >\n        <DatePicker />\n      </StyledIconTriggerButton>\n    ),\n    [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled],\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAIO,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,yBAAyB,2BAA2B,aACrG,WAAW;AACb,SAAO,QACL,MACE,qCAAC,yBAAD;AAAA,IACE,cAAY,qCAAqC;AAAA,IACjD,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS,eAAe;AAAA,IACxB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAa,mCAAmC,aAAa;AAAA,IAC7D;AAAA,KAEA,qCAAC,YAAD,QAGJ,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { CalendarDaysList } from "./CalendarDaysList";
+import { CalendarContext } from "./CalendarContext";
+const CalendarMonthDays = () => {
+  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, calendarDaysWrapperRef } = useContext(CalendarContext);
+  return /* @__PURE__ */ React2.createElement(CalendarDaysList, {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    innerRef: calendarDaysWrapperRef
+  });
+};
+export {
+  CalendarMonthDays
+};
+//# sourceMappingURL=CalendarMonthDays.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\n\nimport { CalendarDaysList } from './CalendarDaysList';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarMonthDays = (): JSX.Element => {\n  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, calendarDaysWrapperRef } =\n    useContext(CalendarContext);\n\n  return (\n    <CalendarDaysList\n      invisibleFirstDay={invisibleFirstDay}\n      daysMatrixByWeekday={daysMatrixByWeekday}\n      invisibleLastDay={invisibleLastDay}\n      innerRef={calendarDaysWrapperRef}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AAEO,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,kBAAkB,2BAChE,WAAW;AAEb,SACE,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,40 @@
+import * as React from "react";
+import React2 from "react";
+import { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from "./Styleds";
+const CalendarWeekDays = React2.memo(() => /* @__PURE__ */ React2.createElement("span", {
+  role: "rowgroup"
+}, /* @__PURE__ */ React2.createElement(StyledWeekDaysListWrapper, {
+  role: "row",
+  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+  rows: ["22px"],
+  py: "xxxs",
+  px: "6px",
+  justifyContent: "space-between",
+  alignItems: "center",
+  isHeader: true
+}, /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 1
+}, "sun"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 2
+}, "mon"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 3
+}, "tue"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 4
+}, "wed"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 5
+}, "thu"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 6
+}, "fri"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
+  role: "columnheader",
+  "aria-colindex": 7
+}, "sat"))));
+export {
+  CalendarWeekDays
+};
+//# sourceMappingURL=CalendarWeekDays.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds';\n\nexport const CalendarWeekDays = React.memo(() => (\n  <span role=\"rowgroup\">\n    <StyledWeekDaysListWrapper\n      role=\"row\"\n      cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n      rows={['22px']}\n      py=\"xxxs\"\n      px=\"6px\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      isHeader\n    >\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1}>\n        sun\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2}>\n        mon\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3}>\n        tue\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4}>\n        wed\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5}>\n        thu\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6}>\n        fri\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7}>\n        sat\n      </StyledWeekDaysHeaderItem>\n    </StyledWeekDaysListWrapper>\n  </span>\n));\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB,OAAM,KAAK,MACzC,qCAAC,QAAD;AAAA,EAAM,MAAK;AAAA,GACT,qCAAC,2BAAD;AAAA,EACE,MAAK;AAAA,EACL,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,EACvD,MAAM,CAAC;AAAA,EACP,IAAG;AAAA,EACH,IAAG;AAAA,EACH,gBAAe;AAAA,EACf,YAAW;AAAA,EACX,UAAQ;AAAA,GAER,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { CalendarContent } from "./CalendarContent";
+import { CalendarContext } from "./CalendarContext";
+const CalendarWrapper = () => {
+  const {
+    setPopperElement,
+    usePopperHelpers: { styles, attributes },
+    setArrowElement,
+    isControllerOnly
+  } = useContext(CalendarContext);
+  if (isControllerOnly)
+    return /* @__PURE__ */ React2.createElement(CalendarContent, null);
+  return /* @__PURE__ */ React2.createElement("div", {
+    ref: setPopperElement,
+    style: { ...styles.popper, background: "white", zIndex: 110 },
+    ...attributes.popper,
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR
+  }, /* @__PURE__ */ React2.createElement(CalendarContent, null), /* @__PURE__ */ React2.createElement("div", {
+    ref: setArrowElement,
+    style: styles.arrow
+  }));
+};
+export {
+  CalendarWrapper
+};
+//# sourceMappingURL=CalendarWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    usePopperHelpers: { styles, attributes },\n    setArrowElement,\n    isControllerOnly,\n  } = useContext(CalendarContext);\n  if (isControllerOnly) return <CalendarContent />;\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}\n    >\n      <CalendarContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,MAAmB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,IACA;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,iBAAD;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,iBAAD,OACA,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,127 @@
+import * as React from "react";
+import React2, { useContext, useCallback, useMemo } from "react";
+import {
+  getDateStringFromDay,
+  getDayFromDateString,
+  getDateValuesFromDate,
+  isSameDateMoment,
+  compareTwoDatesDayEquality
+} from "../../../utils/dateHelpers";
+import { defaultMetaInfo, weekDays } from "../../../utils/constants";
+import { getAriaDayFromDateString } from "../../../utils/stringHelpers";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { CalendarContext } from "./CalendarContext";
+import { StyledDayBtn } from "./Styleds";
+const displayNone = { display: "none" };
+const Day = ({ metaDay, colIndex, isInvisible }) => {
+  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;
+  const {
+    handleChangeComposedDateString,
+    dateStringFromProps,
+    props: {
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay,
+      preventCloseOnSelection,
+      onMonthChange,
+      onDayChange,
+      onYearChange
+    },
+    latestInteractionRegion,
+    setLatestInteractionRegion
+  } = useContext(ControlledDateTimePickerContext);
+  const {
+    handleDayOnKeyDown,
+    focusedDay,
+    handleFocusMetaDayByDay,
+    isWithTimeWheelToo,
+    closeCalendar,
+    tryToFocusCurrentlyDataIsFocusedDay
+  } = useContext(CalendarContext);
+  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);
+  const isSelected = useMemo(() => {
+    const selectedDate = getDayFromDateString(dateStringFromProps);
+    return isSameDateMoment(day, selectedDate);
+  }, [dateStringFromProps, day]);
+  const isFocused = latestInteractionRegion === "calendar-days" && isFocusedMetaDay;
+  const isDisabled = getIsDisabledDay(metaDay.dayAsString);
+  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);
+  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);
+  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);
+  const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);
+  const handleOnDayClick = useCallback((e) => {
+    handleFocusMetaDayByDay(day);
+    tryToFocusCurrentlyDataIsFocusedDay();
+    if (!isDisabled && !isOutOfRange) {
+      const newDateString = getDateStringFromDay(day);
+      const metaInfo = { ...defaultMetaInfo, newDateString };
+      const { month, day: dayNumber, year } = getDateValuesFromDate(day);
+      onMonthChange(`${month + 1}`, e, metaInfo);
+      onDayChange(`${dayNumber}`, e, metaInfo);
+      onYearChange(`${year}`, e, metaInfo);
+      handleChangeComposedDateString(newDateString, metaInfo);
+      setLatestInteractionRegion("calendar-days");
+      if (!isWithTimeWheelToo && !preventCloseOnSelection)
+        closeCalendar();
+    }
+  }, [
+    isDisabled,
+    isOutOfRange,
+    day,
+    onMonthChange,
+    onDayChange,
+    onYearChange,
+    handleChangeComposedDateString,
+    handleFocusMetaDayByDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    setLatestInteractionRegion,
+    isWithTimeWheelToo,
+    preventCloseOnSelection,
+    closeCalendar
+  ]);
+  const handleOnDayFocus = useCallback(() => {
+    setLatestInteractionRegion("calendar-days");
+  }, [setLatestInteractionRegion]);
+  const dayClassModifiers = useMemo(() => `dayWrapper ${isSelected ? "selectedDay " : ""}${isDisabled ? "disabledDay " : ""}${isOutOfRange ? "outOfRangeDay " : ""}${isFocused ? "focusedDay " : ""}${isStartRangeDay ? "startRangeDay " : ""}${isDayInRange ? "inRangeDay " : ""}${isEndRangeDay ? "endRangeDay " : ""}${isCurrMonthDay ? "" : "notCurrentMonth"}`, [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay]);
+  let dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.DAY;
+  if (isSelected)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
+  if (isFocused)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
+  if (isFocused && isSelected)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
+  if (isStartRangeDay)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
+  if (isEndRangeDay)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
+  if (isDayInRange)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: dayClassModifiers,
+    style: isHidden ? displayNone : void 0,
+    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,
+    buttonType: "raw",
+    size: "m",
+    onClick: handleOnDayClick,
+    onFocus: handleOnDayFocus,
+    onKeyDown: (e) => {
+      handleDayOnKeyDown(e, metaDay);
+    },
+    innerRef: dayBtnRef,
+    tabIndex: isSelected ? 0 : -1,
+    "data-isfocused": isFocused,
+    "data-testid": dataTestid
+  }, `${day.getDate()}`));
+};
+export {
+  Day
+};
+//# sourceMappingURL=Day.js.map