@new-black/lyra 1.0.30 → 1.0.32

package/dist/lyra23.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, KeyboardEventHandler, useContext, useRef } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarStateContext,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerContext,\n  DatePickerProps as AriaDatePickerProps,\n  DatePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, \"className\"> &\n  Omit<VariantProps<typeof sharedInputStyles>, \"hasStartSlot\" | \"hasEndSlot\"> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    startSlot,\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\n    <AriaDatePicker\n      {...props}\n      granularity={granularity}\n      className={(renderProps) =>\n        wrapper({\n          className,\n          isDisabled: renderProps.isDisabled,\n        })\n      }\n      isInvalid={isInvalid}\n      ref={ref}\n    >\n      {({ isDisabled, state }) => (\n        <>\n          <DatePickerInput\n            description={description}\n            fullWidth={fullWidth}\n            errorMessage={errorMessage}\n            hideHintLabel={hideHintLabel}\n            hideInputFooter={hideInputFooter}\n            hideInputHeader={hideInputHeader}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n            label={label}\n            startSlot={startSlot}\n            onKeyDown={(e) => {\n              if (e.key === \"Escape\" && state.value && !isDisabled) {\n                e.preventDefault();\n                state.setValue(null);\n              }\n            }}\n          />\n          <Popover disablePadding className=\"group\">\n            <Calendar>\n              <div className=\"flex flex-col gap-3 p-3\">\n                <DatePickerHeader />\n                <div className=\"flex justify-center\">\n                  <CalendarGrid className=\"w-full text-center\">\n                    <DatePickerCalendarGridHeader />\n                    <DatePickerCalendarGridBody />\n                  </CalendarGrid>\n                </div>\n              </div>\n            </Calendar>\n          </Popover>\n        </>\n      )}\n    </AriaDatePicker>\n  );\n};\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n//@ts-ignore\nDatePicker.displayName = \"DatePicker\";\ntype DatePickerInputProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  };\n\nconst DatePickerInput = ({\n  description,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DatePickerInputProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DatePickerStateContext);\n  const calendarButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n        isRequired={isRequired}\n      />\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        <DateInput className={input()}>\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <div className=\"ms-auto flex gap-2\">\n          {!isDisabled && value ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n          <AriaButton\n            ref={calendarButtonRef}\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n        </div>\n      </Group>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n    </>\n  );\n};\n\nconst DatePickerHeader = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const { focusedDate, setFocusedDate } = useContext(CalendarStateContext);\n\n  return (\n    <header className=\"flex justify-between gap-3\">\n      <AriaButton slot=\"previous\" className={buttons()}>\n        <SvgIcon name=\"chevron-left\" />\n      </AriaButton>\n\n      <div className=\"flex gap-1\">\n        <MonthPicker\n          value={focusedDate.month}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ month: value }));\n          }}\n        />\n        <YearPicker\n          value={focusedDate.year}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ year: value }));\n          }}\n        />\n      </div>\n\n      <AriaButton slot=\"next\" className={buttons()}>\n        <SvgIcon name=\"chevron-right\" />\n      </AriaButton>\n    </header>\n  );\n};\n\nconst DatePickerCalendarGridBody = () => {\n  const { bodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isUnavailable,\n          }) =>\n            bodyCell({\n              isSelected,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DatePicker","className","description","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","wrapper","sharedInputStyles","jsx","AriaDatePicker","renderProps","isDisabled","state","jsxs","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","value","useContext","DatePickerStateContext","calendarButtonRef","useRef","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","Tooltip","AriaButton","_a","SvgIcon","isFocusVisible","InputFooter","buttons","datePickerHeaderStyles","focusedDate","setFocusedDate","CalendarStateContext","MonthPicker","YearPicker","bodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isUnavailable"],"mappings":";;;;;;;;;;;;;;;;AAmDA,MAAMA,KAAc,CAClB;AAAA,EACE,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAiB;AACtD,QAAA,EAAE,WAAAC,GAAW,YAAAC,EAAe,IAAAL,GAE5B,EAAE,SAAAM,EAAQ,IAAIC,EAAkB;AAAA,IACpC,WAAAd;AAAA,IACA,cAAc,CAAC,CAACM;AAAA,IAChB,YAAY;AAAA,EAAA,CACb;AAGC,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,aAAAN;AAAA,MACA,WAAW,CAACgB,MACVJ,EAAQ;AAAA,QACN,WAAAhB;AAAA,QACA,YAAYoB,EAAY;AAAA,MAAA,CACzB;AAAA,MAEH,WAAAN;AAAA,MACA,KAAAH;AAAA,MAEC,UAAC,CAAA,EAAE,YAAAU,GAAY,OAAAC,QAEZC,gBAAAA,OAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAAN,gBAAAA,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,aAAAxB;AAAA,YACA,WAAAE;AAAA,YACA,cAAAD;AAAA,YACA,eAAAG;AAAA,YACA,iBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAc;AAAA,YACA,YAAAN;AAAA,YACA,OAAAP;AAAA,YACA,WAAAC;AAAA,YACA,WAAW,CAACiB,MAAM;AAChB,cAAIA,EAAE,QAAQ,YAAYJ,EAAM,SAAS,CAACD,MACxCK,EAAE,eAAe,GACjBJ,EAAM,SAAS,IAAI;AAAA,YAEvB;AAAA,UAAA;AAAA,QACF;AAAA,QACAJ,gBAAAA,EAAA,IAACS,GAAQ,EAAA,gBAAc,IAAC,WAAU,SAChC,UAAAT,gBAAAA,EAAAA,IAACU,GACC,EAAA,UAAAL,gBAAAA,OAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,UAAAL,gBAAAA,EAAA,IAACW,IAAiB,EAAA;AAAA,gCACjB,OAAI,EAAA,WAAU,uBACb,UAACN,gBAAAA,EAAA,KAAAO,GAAA,EAAa,WAAU,sBACtB,UAAA;AAAA,YAAAZ,gBAAAA,EAAA,IAACa,GAA6B,EAAA;AAAA,kCAC7BC,IAA2B,EAAA;AAAA,UAAA,EAAA,CAC9B,EACF,CAAA;AAAA,QAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR,GAEaC,KAAaC,EAAgBnC,EAAW;AAErDkC,GAAW,cAAc;AAQzB,MAAMR,KAAkB,CAAC;AAAA,EACvB,aAAAxB;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAE;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAc;AAAA,EACA,YAAAN;AAAA,EACA,OAAAP;AAAA,EACA,WAAA2B;AAAA,EACA,WAAA1B;AACF,MAA4B;AAC1B,QAAM,EAAE,OAAA2B,GAAO,SAASC,MAAkBC,EAAgB,GACpD,EAAE,QAAAC,GAAQ,4BAAAC,GAA4B,YAAAC,EAAA,IAAexB,EAAkB;AAAA,IAC3E,WAAAd;AAAA,IACA,cAAc,CAAC,CAACM;AAAA,IAChB,YAAY;AAAA,EAAA,CACb,GACK,EAAE,OAAAiC,MAAUC,KACZ,EAAE,UAAAC,GAAU,OAAAC,EAAM,IAAIC,EAAWC,CAAsB,GACvDC,IAAoBC,EAA0B,IAAI;AAExD,SAEI1B,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAN,gBAAAA,EAAA;AAAA,MAACgC;AAAA,MAAA;AAAA,QACC,OAAA1C;AAAA,QACA,eAAAH;AAAA,QACA,iBAAAE;AAAA,QACA,YAAAQ;AAAA,MAAA;AAAA,IACF;AAAA,IACAQ,gBAAAA,EAAA;AAAA,MAAC4B;AAAAA,MAAA;AAAA,QACC,WAAW,CAAC,EAAE,YAAA9B,GAAY,eAAA+B,GAAe,WAAAC,GAAW,WAAAvC,EAAU,MAC5D2B,EAAW;AAAA,UACT,YAAApB;AAAAA,UACA,WAAW+B;AAAA,UACX,WAAAC;AAAA,UACA,WAAAvC;AAAA,UACA,WAAW;AAAA,QAAA,CACZ;AAAA,QAEH,WAAAqB;AAAA,QAEA,UAAA;AAAA,UAAAjB,gBAAAA,EAAA,IAACoC,GAAU,EAAA,WAAWlB,EAAM,GACzB,WAACmB,MACArC,gBAAAA,EAAA;AAAA,YAACsC;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,EAAE,WAAAC,QACLpB,EAAc;AAAA,gBACnB,WAAAoB;AAAA,gBACA,YAAApC;AAAA;AAAA,gBAEA,UAAUkC,EAAQ,SAAS,YAAY,CAAC,CAACV,IAAQ,CAACU,EAAQ;AAAA,cAAA,CAC3D;AAAA,cAEH,SAAAA;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAEAhC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,YAAA,CAACF,KAAcwB,IACb3B,gBAAAA,MAAAwC,GAAA,EAAQ,SAAShB,GAChB,UAAAxB,gBAAAA,EAAA;AAAA,cAACyC;AAAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,qBAAmB;AAAA,gBACnB,WAAWnB,EAA2B;AAAA,gBACtC,SAAS,MAAM;;AACb,kBAAAI,EAAS,IAAI,IAKbgB,IAAAZ,EAAkB,YAAlB,QAAAY,EAA2B;AAAA,gBAC7B;AAAA,gBAEA,UAAA1C,gBAAAA,EAAAA,IAAC2C,GAAQ,EAAA,MAAK,QAAQ,CAAA;AAAA,cAAA;AAAA,eAE1B,IACE;AAAA,YACJ3C,gBAAAA,EAAA;AAAA,cAACyC;AAAAA,cAAA;AAAA,gBACC,KAAKX;AAAA,gBACL,YAAA3B;AAAA,gBACA,WAAW,CAAC,EAAE,YAAAA,GAAY,gBAAAyC,GAAgB,WAAAT,EACxC,MAAAd,EAAO,EAAE,YAAAlB,GAAY,WAAWyC,GAAgB,WAAAT,GAAW;AAAA,gBAG7D,UAAAnC,gBAAAA,EAAAA,IAAC2C,GAAQ,EAAA,MAAK,WAAW,CAAA;AAAA,cAAA;AAAA,YAC3B;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA3C,gBAAAA,EAAA;AAAA,MAAC6C;AAAA,MAAA;AAAA,QACC,aAAA9D;AAAA,QACA,cAAAC;AAAA,QACA,iBAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEMuB,KAAmB,MAAM;AACvB,QAAA,EAAE,SAAAmC,MAAYC,KAEd,EAAE,aAAAC,GAAa,gBAAAC,EAAe,IAAIrB,EAAWsB,CAAoB;AAGrE,SAAA7C,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,8BAChB,UAAA;AAAA,IAACL,gBAAAA,EAAAA,IAAAyC,GAAA,EAAW,MAAK,YAAW,WAAWK,EAAA,GACrC,UAAC9C,gBAAAA,EAAAA,IAAA2C,GAAA,EAAQ,MAAK,eAAA,CAAe,EAC/B,CAAA;AAAA,IAEAtC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,MAAAL,gBAAAA,EAAA;AAAA,QAACmD;AAAA,QAAA;AAAA,UACC,OAAOH,EAAY;AAAA,UACnB,UAAU,CAACrB,MAAU;AACJ,YAAAsB,EAAAD,EAAY,OAAO,IAAI,EAAE,OAAOrB,EAAO,CAAA,CAAC;AAAA,UACzD;AAAA,QAAA;AAAA,MACF;AAAA,MACA3B,gBAAAA,EAAA;AAAA,QAACoD;AAAA,QAAA;AAAA,UACC,OAAOJ,EAAY;AAAA,UACnB,UAAU,CAACrB,MAAU;AACJ,YAAAsB,EAAAD,EAAY,OAAO,IAAI,EAAE,MAAMrB,EAAO,CAAA,CAAC;AAAA,UACxD;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,IAEA3B,gBAAAA,EAAAA,IAACyC,GAAW,EAAA,MAAK,QAAO,WAAWK,EAAQ,GACzC,UAAC9C,gBAAAA,EAAAA,IAAA2C,GAAA,EAAQ,MAAK,gBAAA,CAAgB,EAChC,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEM7B,KAA6B,MAAM;AACjC,QAAA,EAAE,UAAAuC,MAAaC;AAGnB,SAAAtD,gBAAAA,EAAA,IAACuD,GACE,EAAA,UAAA,CAACC,MACAxD,gBAAAA,EAAA;AAAA,IAACyD;AAAAA,IAAA;AAAA,MACC,MAAAD;AAAA,MACA,WAAW,CAAC;AAAA,QACV,YAAArD;AAAA,QACA,gBAAAyC;AAAA,QACA,WAAAT;AAAA,QACA,gBAAAuB;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,eAAAC;AAAA,YAEAR,EAAS;AAAA,QACP,YAAAO;AAAA,QACA,gBAAAhB;AAAA,QACA,WAAAT;AAAA,QACA,eAAA0B;AAAA,QACA,YAAA1D;AAAA,QACA,gBAAAuD;AAAA,QACA,WAAAC;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAIT,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"lyra23.js","sources":["../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, KeyboardEventHandler, useContext, useMemo, useRef } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarStateContext,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerContext,\n  DatePickerProps as AriaDatePickerProps,\n  DatePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDatePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <DatePickerInput\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value && !isDisabled && !disableClearLogic) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n              disableClearLogic={disableClearLogic}\n            />\n            <Popover disablePadding className=\"group\">\n              <Calendar>\n                <div className=\"flex flex-col gap-3 p-3\">\n                  <DatePickerHeader />\n                  <div className=\"flex justify-center\">\n                    <CalendarGrid className=\"w-full text-center\">\n                      <DatePickerCalendarGridHeader />\n                      <DatePickerCalendarGridBody />\n                    </CalendarGrid>\n                  </div>\n                </div>\n              </Calendar>\n            </Popover>\n          </>\n        )}\n      </AriaDatePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n//@ts-ignore\nDatePicker.displayName = \"DatePicker\";\ntype DatePickerInputProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DatePickerInput = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DatePickerInputProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DatePickerStateContext);\n  const calendarButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()}>\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <div className=\"ms-auto flex gap-2\">\n          {!isDisabled && value && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n          <AriaButton\n            ref={calendarButtonRef}\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DatePickerHeader = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const { focusedDate, setFocusedDate } = useContext(CalendarStateContext);\n\n  return (\n    <header className=\"flex justify-between gap-3\">\n      <AriaButton slot=\"previous\" className={buttons()}>\n        <SvgIcon name=\"chevron-left\" />\n      </AriaButton>\n\n      <div className=\"flex gap-1\">\n        <MonthPicker\n          value={focusedDate.month}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ month: value }));\n          }}\n        />\n        <YearPicker\n          value={focusedDate.year}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ year: value }));\n          }}\n        />\n      </div>\n\n      <AriaButton slot=\"next\" className={buttons()}>\n        <SvgIcon name=\"chevron-right\" />\n      </AriaButton>\n    </header>\n  );\n};\n\nconst DatePickerCalendarGridBody = () => {\n  const { bodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isUnavailable,\n          }) =>\n            bodyCell({\n              isSelected,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DatePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDatePicker","renderProps","isDisabled","state","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","hasInputFooter","shouldRenderInputFooter","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","value","useContext","DatePickerStateContext","calendarButtonRef","useRef","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","Tooltip","AriaButton","_a","SvgIcon","isFocusVisible","InputFooter","buttons","datePickerHeaderStyles","focusedDate","setFocusedDate","CalendarStateContext","MonthPicker","YearPicker","bodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isUnavailable"],"mappings":"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"}

package/dist/lyra25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),f=require("react"),n=require("./lyra89.cjs"),M=require("./lyra93.cjs"),G=require("./lyra95.cjs"),B=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const b=require("./lyra57.cjs");require("./lyra58.cjs");const S=require("./lyra65.cjs"),H=require("./lyra75.cjs"),T=require("./lyra38.cjs"),V=require("./lyra39.cjs"),q=require("./lyra40.cjs"),w=require("./lyra24.cjs"),C=require("./lyra610.cjs"),Y=({className:p,description:l,errorMessage:o,fullWidth:d=!0,granularity:u="day",hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,label:y,startSlot:R,...m},E)=>{[m,E]=n.useContextProps(m,E,n.DateRangePickerContext);const{isInvalid:D,isRequired:s}=m,{wrapper:r}=q.sharedInputStyles({fullWidth:d,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(n.DateRangePicker,{...m,granularity:u,className:c=>r({className:p,isDisabled:c.isDisabled}),isInvalid:D,ref:E,children:({isDisabled:c,state:N})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Group,{children:e.jsxRuntimeExports.jsx(_,{description:l,fullWidth:d,errorMessage:o,hideHintLabel:i,hideInputFooter:t,hideInputHeader:h,isDisabled:c,isRequired:s,label:y,startSlot:R,onKeyDown:P=>{var a,g;P.key==="Escape"&&((a=N.value)!=null&&a.end)&&((g=N.value)!=null&&g.start)&&!c&&(P.preventDefault(),N.setValue(null))}})}),e.jsxRuntimeExports.jsx(B.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(n.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxRuntimeExports.jsx(O,{})})})]})})},O=()=>{const{buttons:p}=w.datePickerHeaderStyles(),{anchorDate:l,focusedDate:o,focusNextPage:d,focusPreviousPage:u,setFocusedDate:i,visibleRange:t}=f.useContext(n.RangeCalendarStateContext),h=s=>s===12?1:s+1,y=s=>s===1?12:s-1,R=f.useCallback(s=>{if(s===t.start.month-1)u();else if(s===t.start.month+1)d();else{const r=s<t.start.month?h(s):s,c=t.start.copy().set({month:r,day:o.day});i(c)}},[d,u,o.day,i,t.start]),m=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.start.year){const r=t.start.copy().set({year:s+1,day:o.day,month:1});i(r)}if(s>t.start.year){const r=t.start.copy().set({year:s,day:o.day,month:12});i(r)}}else{const r=s<t.start.year?h(t.start.month):t.start.month,c=t.start.copy().set({year:s,day:o.day,month:r});i(c)}},[o.day,i,t.end.year,t.start]),E=f.useCallback(s=>{if(s===t.end.month-1)u();else if(s===t.end.month+1)d();else{const r=s>t.end.month?y(s):s,c=t.end.copy().set({month:r,day:o.day});i(c)}},[d,u,o.day,i,t.end]),D=f.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.end.year){const r=t.end.copy().set({year:s,day:o.day,month:1});i(r)}if(s>t.end.year){const r=t.end.copy().set({year:s-1,day:o.day,month:12});i(r)}}else{const r=s>t.end.year?y(t.end.month):t.end.month,c=t.end.copy().set({year:s,day:o.day,month:r});i(c)}},[o.day,i,t.end,t.start.year]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx(n.Button,{slot:"previous",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.start.month,isDisabled:!!l,onChange:R}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.start.year,isDisabled:!!l,onChange:m})]}),e.jsxRuntimeExports.jsx("div",{className:"w-6"})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]}),e.jsxRuntimeExports.jsx(b.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"}),e.jsxRuntimeExports.jsx(b.Separator,{className:"sm:hidden"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"w-6"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.end.month,isDisabled:!!l,onChange:E}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.end.year,isDisabled:!!l,onChange:D})]}),e.jsxRuntimeExports.jsx(n.Button,{slot:"next",className:p(),children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-right"})})]}),e.jsxRuntimeExports.jsxs(n.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(F,{})]})]})]})})},I=M.fixedForwardRef(Y);I.displayName="DateRangePicker";const _=({description:p,errorMessage:l,fullWidth:o,hideHintLabel:d,hideInputFooter:u,hideInputHeader:i,isDisabled:t,isRequired:h,label:y,onKeyDown:R,startSlot:m})=>{const{input:E,segment:D}=w.dateFieldStyles(),{button:s,buttonExcludedFromTabOrder:r,inputField:c}=q.sharedInputStyles({fullWidth:o,hasStartSlot:!!m,hasEndSlot:!0}),{clear:N}=G.useDictionary(),{setValue:P,value:a}=f.useContext(n.DateRangePickerStateContext),g=f.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(T.InputHeader,{label:y,hideHintLabel:d,hideInputHeader:i,isRequired:h}),e.jsxRuntimeExports.jsxs(n.Group,{className:({isDisabled:x,isFocusWithin:j,isHovered:k,isInvalid:v})=>c({isDisabled:x,isFocused:j,isHovered:k,isInvalid:v,className:"min-h-8"}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"start",children:x=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:x.type==="literal"?!!(a!=null&&a.start):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:a!=null&&a.start&&a.end&&!t?"text-primary":"text-tertiary",children:" – "}),e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"end",children:x=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:x.type==="literal"?!!(a!=null&&a.end):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(n.Button,{isDisabled:t,className:({isDisabled:x,isFocusVisible:j,isHovered:k})=>s({isDisabled:x,isFocused:j,isHovered:k}),ref:g,children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"calendar"})}),!t&&(a!=null&&a.end)&&(a!=null&&a.start)?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:N,children:e.jsxRuntimeExports.jsx(n.Button,{slot:null,onFocus:x=>{var j;x.preventDefault(),(j=g==null?void 0:g.current)==null||j.focus()},excludeFromTabOrder:!0,className:r(),onPress:()=>{var x;P(null),(x=g.current)==null||x.focus()},children:e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"clear"})})}):null]})]}),e.jsxRuntimeExports.jsx(V.InputFooter,{description:p,errorMessage:l,hideInputFooter:u})]})},F=()=>{const{rangeBodyCell:p}=w.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(n.CalendarGridBody,{children:l=>e.jsxRuntimeExports.jsx(n.CalendarCell,{date:l,className:({isDisabled:o,isFocusVisible:d,isHovered:u,isOutsideMonth:i,isPressed:t,isSelected:h,isSelectionEnd:y,isSelectionStart:R,isUnavailable:m})=>p({isSelected:h,isSelectionStart:R,isSelectionEnd:y,isFocusVisible:d,isHovered:u,isUnavailable:m,isDisabled:o,isOutsideMonth:i,isPressed:t})})})};exports.DateRangePicker=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),y=require("react"),o=require("./lyra89.cjs"),V=require("./lyra93.cjs"),Y=require("./lyra95.cjs"),O=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const b=require("./lyra57.cjs");require("./lyra58.cjs");const k=require("./lyra65.cjs"),_=require("./lyra75.cjs"),H=require("./lyra38.cjs"),K=require("./lyra39.cjs"),G=require("./lyra40.cjs"),v=require("./lyra610.cjs"),I=require("./lyra24.cjs"),P=require("./lyra611.cjs"),$=({className:j,description:p,disableClearLogic:r,errorMessage:h,fullWidth:c=!0,granularity:i="day",hideHintLabel:s,hideInputFooter:u,hideInputHeader:R,label:l,outerEndSlot:g,outerStartSlot:f,startSlot:D,...t},n)=>{[t,n]=o.useContextProps(t,n,o.DateRangePickerContext);const{isInvalid:m,isRequired:w}=t,F=y.useMemo(()=>v.shouldRenderInputHeader({hideHintLabel:s,hideInputHeader:R,label:l}),[s,R,l]),{outerSlot:C,outerSlotsWrapper:S,wrapper:q}=G.sharedInputStyles({fullWidth:c,hasStartSlot:!!D,hasEndSlot:!0,hasInputHeader:F,hasLabel:!!l});return e.jsxRuntimeExports.jsxs("div",{className:S(),children:[f?e.jsxRuntimeExports.jsx("div",{className:C(),children:f}):null,e.jsxRuntimeExports.jsx(o.DateRangePicker,{...t,granularity:i,className:a=>q({className:j,isDisabled:a.isDisabled}),isInvalid:m,ref:n,children:({isDisabled:a,state:E})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.Group,{children:e.jsxRuntimeExports.jsx(A,{description:p,fullWidth:c,errorMessage:h,hideHintLabel:s,hideInputFooter:u,hideInputHeader:R,isDisabled:a,isRequired:w,label:l,startSlot:D,onKeyDown:x=>{var d,N;x.key==="Escape"&&((d=E.value)!=null&&d.end)&&((N=E.value)!=null&&N.start)&&!a&&!r&&(x.preventDefault(),E.setValue(null))},disableClearLogic:r})}),e.jsxRuntimeExports.jsx(O.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(o.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxRuntimeExports.jsx(z,{})})})]})}),g?e.jsxRuntimeExports.jsx("div",{className:C(),children:g}):null]})},z=()=>{const{buttons:j}=I.datePickerHeaderStyles(),{anchorDate:p,focusedDate:r,focusNextPage:h,focusPreviousPage:c,setFocusedDate:i,visibleRange:s}=y.useContext(o.RangeCalendarStateContext),u=t=>t===12?1:t+1,R=t=>t===1?12:t-1,l=y.useCallback(t=>{if(t===s.start.month-1)c();else if(t===s.start.month+1)h();else{const n=t<s.start.month?u(t):t,m=s.start.copy().set({month:n,day:r.day});i(m)}},[h,c,r.day,i,s.start]),g=y.useCallback(t=>{if(s.start.year!==s.end.year){if(t<s.start.year){const n=s.start.copy().set({year:t+1,day:r.day,month:1});i(n)}if(t>s.start.year){const n=s.start.copy().set({year:t,day:r.day,month:12});i(n)}}else{const n=t<s.start.year?u(s.start.month):s.start.month,m=s.start.copy().set({year:t,day:r.day,month:n});i(m)}},[r.day,i,s.end.year,s.start]),f=y.useCallback(t=>{if(t===s.end.month-1)c();else if(t===s.end.month+1)h();else{const n=t>s.end.month?R(t):t,m=s.end.copy().set({month:n,day:r.day});i(m)}},[h,c,r.day,i,s.end]),D=y.useCallback(t=>{if(s.start.year!==s.end.year){if(t<s.end.year){const n=s.end.copy().set({year:t,day:r.day,month:1});i(n)}if(t>s.end.year){const n=s.end.copy().set({year:t-1,day:r.day,month:12});i(n)}}else{const n=t>s.end.year?R(s.end.month):s.end.month,m=s.end.copy().set({year:t,day:r.day,month:n});i(m)}},[r.day,i,s.end,s.start.year]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx(o.Button,{slot:"previous",className:j(),children:e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(P.MonthPicker,{value:s.start.month,isDisabled:!!p,onChange:l}),e.jsxRuntimeExports.jsx(P.YearPicker,{value:s.start.year,isDisabled:!!p,onChange:g})]}),e.jsxRuntimeExports.jsx("div",{className:"w-6"})]}),e.jsxRuntimeExports.jsxs(o.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(P.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(M,{})]})]}),e.jsxRuntimeExports.jsx(b.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"}),e.jsxRuntimeExports.jsx(b.Separator,{className:"sm:hidden"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"w-6"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(P.MonthPicker,{value:s.end.month,isDisabled:!!p,onChange:f}),e.jsxRuntimeExports.jsx(P.YearPicker,{value:s.end.year,isDisabled:!!p,onChange:D})]}),e.jsxRuntimeExports.jsx(o.Button,{slot:"next",className:j(),children:e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"chevron-right"})})]}),e.jsxRuntimeExports.jsxs(o.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxRuntimeExports.jsx(P.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(M,{})]})]})]})})},B=V.fixedForwardRef($);B.displayName="DateRangePicker";const A=({description:j,disableClearLogic:p,errorMessage:r,fullWidth:h,hideHintLabel:c,hideInputFooter:i,hideInputHeader:s,isDisabled:u,isRequired:R,label:l,onKeyDown:g,startSlot:f})=>{const D=y.useMemo(()=>v.shouldRenderInputHeader({hideHintLabel:c,hideInputHeader:s,label:l}),[c,s,l]),t=y.useMemo(()=>v.shouldRenderInputFooter({description:j,errorMessage:r,hideInputFooter:i}),[j,r,i]),{input:n,segment:m}=I.dateFieldStyles(),{button:w,buttonExcludedFromTabOrder:F,inputField:C}=G.sharedInputStyles({fullWidth:h,hasStartSlot:!!f,hasEndSlot:!0}),{clear:S}=Y.useDictionary(),{setValue:q,value:a}=y.useContext(o.DateRangePickerStateContext),E=y.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[D?e.jsxRuntimeExports.jsx(H.InputHeader,{label:l,hideHintLabel:c,isRequired:R}):null,e.jsxRuntimeExports.jsxs(o.Group,{className:({isDisabled:x,isFocusWithin:d,isHovered:N,isInvalid:T})=>C({isDisabled:x,isFocused:d,isHovered:N,isInvalid:T,className:"min-h-8"}),onKeyDown:g,children:[f,e.jsxRuntimeExports.jsx(o.DateInput,{className:n(),slot:"start",children:x=>e.jsxRuntimeExports.jsx(o.DateSegment,{className:({isFocused:d})=>m({isFocused:d,isDisabled:u,hasValue:x.type==="literal"?!!(a!=null&&a.start):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:a!=null&&a.start&&a.end&&!u?"text-primary":"text-tertiary",children:" – "}),e.jsxRuntimeExports.jsx(o.DateInput,{className:n(),slot:"end",children:x=>e.jsxRuntimeExports.jsx(o.DateSegment,{className:({isFocused:d})=>m({isFocused:d,isDisabled:u,hasValue:x.type==="literal"?!!(a!=null&&a.end):!x.isPlaceholder}),segment:x})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(o.Button,{isDisabled:u,className:({isDisabled:x,isFocusVisible:d,isHovered:N})=>w({isDisabled:x,isFocused:d,isHovered:N}),ref:E,children:e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"calendar"})}),!u&&(a!=null&&a.end)&&(a!=null&&a.start)&&!p?e.jsxRuntimeExports.jsx(_.Tooltip,{tooltip:S,children:e.jsxRuntimeExports.jsx(o.Button,{slot:null,onFocus:x=>{var d;x.preventDefault(),(d=E==null?void 0:E.current)==null||d.focus()},excludeFromTabOrder:!0,className:F(),onPress:()=>{var x;q(null),(x=E.current)==null||x.focus()},children:e.jsxRuntimeExports.jsx(k.SvgIcon,{name:"clear"})})}):null]})]}),t?e.jsxRuntimeExports.jsx(K.InputFooter,{description:j,errorMessage:r}):null]})},M=()=>{const{rangeBodyCell:j}=I.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(o.CalendarGridBody,{children:p=>e.jsxRuntimeExports.jsx(o.CalendarCell,{date:p,className:({isDisabled:r,isFocusVisible:h,isHovered:c,isOutsideMonth:i,isPressed:s,isSelected:u,isSelectionEnd:R,isSelectionStart:l,isUnavailable:g})=>j({isSelected:u,isSelectionStart:l,isSelectionEnd:R,isFocusVisible:h,isHovered:c,isUnavailable:g,isDisabled:r,isOutsideMonth:i,isPressed:s})})})};exports.DateRangePicker=B;

package/dist/lyra25.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra25.cjs","sources":["../src/components/inputs/date-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  ElementRef,\n  ForwardedRef,\n  KeyboardEventHandler,\n  useCallback,\n  useContext,\n  useRef,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  DateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerContext,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateRangePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  RangeCalendar,\n  RangeCalendarStateContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { Separator } from \"../../separator\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DateRangePickerProps<T extends DateValue> = Omit<\n  AriaDateRangePickerProps<T>,\n  \"className\"\n> &\n  Omit<VariantProps<typeof sharedInputStyles>, \"hasStartSlot\" | \"hasEndSlot\"> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\n    <AriaDateRangePicker\n      {...props}\n      granularity={granularity}\n      className={(renderProps) =>\n        wrapper({\n          className,\n          isDisabled: renderProps.isDisabled,\n        })\n      }\n      isInvalid={isInvalid}\n      ref={ref}\n    >\n      {({ isDisabled, state }) => (\n        <>\n          <Group>\n            <DateRangePickerInputs\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value?.end && state.value?.start && !isDisabled) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n            />\n          </Group>\n          <Popover disablePadding className=\"group\">\n            <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n              <PopoverCalendarGrid />\n            </RangeCalendar>\n          </Popover>\n        </>\n      )}\n    </AriaDateRangePicker>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n        isRequired={isRequired}\n      />\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","wrapper","sharedInputStyles","jsx","AriaDateRangePicker","renderProps","isDisabled","state","jsxs","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"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"}
+{"version":3,"file":"lyra25.cjs","sources":["../src/components/inputs/date-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  ElementRef,\n  ForwardedRef,\n  KeyboardEventHandler,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  DateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerContext,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateRangePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  RangeCalendar,\n  RangeCalendarStateContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { Separator } from \"../../separator\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DateRangePickerProps<T extends DateValue> = Omit<\n  AriaDateRangePickerProps<T>,\n  \"className\"\n> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDateRangePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <Group>\n              <DateRangePickerInputs\n                description={description}\n                fullWidth={fullWidth}\n                errorMessage={errorMessage}\n                hideHintLabel={hideHintLabel}\n                hideInputFooter={hideInputFooter}\n                hideInputHeader={hideInputHeader}\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                label={label}\n                startSlot={startSlot}\n                onKeyDown={(e) => {\n                  if (\n                    e.key === \"Escape\" &&\n                    state.value?.end &&\n                    state.value?.start &&\n                    !isDisabled &&\n                    !disableClearLogic\n                  ) {\n                    e.preventDefault();\n                    state.setValue(null);\n                  }\n                }}\n                disableClearLogic={disableClearLogic}\n              />\n            </Group>\n            <Popover disablePadding className=\"group\">\n              <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n                <PopoverCalendarGrid />\n              </RangeCalendar>\n            </Popover>\n          </>\n        )}\n      </AriaDateRangePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDateRangePicker","renderProps","isDisabled","state","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","hasInputFooter","shouldRenderInputFooter","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"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"}