@elliemae/ds-controlled-form 2.3.0-alpha.9 → 2.3.0-next.11

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

@@ -1,91 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,25 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,17 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,40 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,28 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,127 +0,0 @@
-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

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

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