@new-black/lyra 1.0.17 → 1.0.19

package/dist/lyra23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),R=require("react"),t=require("./lyra89.cjs"),q=require("./lyra93.cjs"),F=require("./lyra95.cjs"),I=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const v=require("./lyra65.cjs"),B=require("./lyra75.cjs"),G=require("./lyra38.cjs"),w=require("./lyra39.cjs"),S=require("./lyra40.cjs"),V=require("./lyra24.cjs"),h=require("./lyra612.cjs"),H=({className:n,description:s,errorMessage:a,fullWidth:i=!0,granularity:l="day",hideHintLabel:m,hideInputFooter:c,hideInputHeader:p,label:d,startSlot:k,...o},x)=>{[o,x]=t.useContextProps(o,x,t.DatePickerContext);const{isInvalid:D,isRequired:b}=o,{wrapper:E}=S.sharedInputStyles({fullWidth:i,hasStartSlot:!!k,hasEndSlot:!0});return e.jsxDevRuntimeExports.jsxDEV(t.DatePicker,{...o,granularity:l,className:u=>E({className:n,isDisabled:u.isDisabled}),isInvalid:D,ref:x,children:({isDisabled:u,state:f})=>e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(T,{description:s,fullWidth:i,errorMessage:a,hideHintLabel:m,hideInputFooter:c,hideInputHeader:p,isDisabled:u,isRequired:b,label:d,startSlot:k,onKeyDown:j=>{j.key==="Escape"&&f.value&&!u&&(j.preventDefault(),f.setValue(null))}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:92,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(I.Popover,{disablePadding:!0,className:"group",children:e.jsxDevRuntimeExports.jsxDEV(t.Calendar,{children:e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex flex-col gap-3 p-3",children:[e.jsxDevRuntimeExports.jsxDEV(O,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:113,columnNumber:17},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex justify-center",children:e.jsxDevRuntimeExports.jsxDEV(t.CalendarGrid,{className:"w-full text-center",children:[e.jsxDevRuntimeExports.jsxDEV(h.DatePickerCalendarGridHeader,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:116,columnNumber:21},void 0),e.jsxDevRuntimeExports.jsxDEV(_,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:117,columnNumber:21},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:115,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:114,columnNumber:17},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:112,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:111,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:110,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:91,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:78,columnNumber:5},void 0)},g=q.fixedForwardRef(H);g.displayName="DatePicker";const T=({description:n,errorMessage:s,fullWidth:a,hideHintLabel:i,hideInputFooter:l,hideInputHeader:m,isDisabled:c,isRequired:p,label:d,onKeyDown:k,startSlot:o})=>{const{input:x,segment:D}=V.dateFieldStyles(),{button:b,buttonExcludedFromTabOrder:E,inputField:u}=S.sharedInputStyles({fullWidth:a,hasStartSlot:!!o,hasEndSlot:!0}),{clear:f}=F.useDictionary(),{setValue:j,value:U}=R.useContext(t.DatePickerStateContext),P=R.useRef(null);return e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(G.InputHeader,{label:d,hideHintLabel:i,hideInputHeader:m,isRequired:p},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:164,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(t.Group,{className:({isDisabled:r,isFocusWithin:N,isHovered:y,isInvalid:C})=>u({isDisabled:r,isFocused:N,isHovered:y,isInvalid:C,className:"min-h-8"}),onKeyDown:k,children:[e.jsxDevRuntimeExports.jsxDEV(t.DateInput,{className:x(),children:r=>e.jsxDevRuntimeExports.jsxDEV(t.DateSegment,{className:({isFocused:N})=>D({isFocused:N,isDisabled:c,hasValue:r.type==="literal"?!!U:!r.isPlaceholder}),segment:r},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:184,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:182,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"ms-auto flex gap-2",children:[!c&&U?e.jsxDevRuntimeExports.jsxDEV(B.Tooltip,{tooltip:f,children:e.jsxDevRuntimeExports.jsxDEV(t.Button,{slot:null,excludeFromTabOrder:!0,className:E(),onPress:()=>{var r;j(null),(r=P.current)==null||r.focus()},children:e.jsxDevRuntimeExports.jsxDEV(v.SvgIcon,{name:"clear"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:214,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:201,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:200,columnNumber:13},void 0):null,e.jsxDevRuntimeExports.jsxDEV(t.Button,{ref:P,isDisabled:c,className:({isDisabled:r,isFocusVisible:N,isHovered:y})=>b({isDisabled:r,isFocused:N,isHovered:y}),children:e.jsxDevRuntimeExports.jsxDEV(v.SvgIcon,{name:"calendar"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:225,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:218,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:198,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:170,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(w.InputFooter,{description:n,errorMessage:s,hideInputFooter:l},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:229,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:163,columnNumber:5},void 0)},O=()=>{const{buttons:n}=V.datePickerHeaderStyles(),{focusedDate:s,setFocusedDate:a}=R.useContext(t.CalendarStateContext);return e.jsxDevRuntimeExports.jsxDEV("header",{className:"flex justify-between gap-3",children:[e.jsxDevRuntimeExports.jsxDEV(t.Button,{slot:"previous",className:n(),children:e.jsxDevRuntimeExports.jsxDEV(v.SvgIcon,{name:"chevron-left"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:246,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:245,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex gap-1",children:[e.jsxDevRuntimeExports.jsxDEV(h.MonthPicker,{value:s.month,onChange:i=>{a(s.copy().set({month:i}))}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:250,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV(h.YearPicker,{value:s.year,onChange:i=>{a(s.copy().set({year:i}))}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:256,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:249,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(t.Button,{slot:"next",className:n(),children:e.jsxDevRuntimeExports.jsxDEV(v.SvgIcon,{name:"chevron-right"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:265,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:264,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:244,columnNumber:5},void 0)},_=()=>{const{bodyCell:n}=V.dataPickerCalendarGridStyles();return e.jsxDevRuntimeExports.jsxDEV(t.CalendarGridBody,{children:s=>e.jsxDevRuntimeExports.jsxDEV(t.CalendarCell,{date:s,className:({isDisabled:a,isFocusVisible:i,isHovered:l,isOutsideMonth:m,isPressed:c,isSelected:p,isUnavailable:d})=>n({isSelected:p,isFocusVisible:i,isHovered:l,isUnavailable:d,isDisabled:a,isOutsideMonth:m,isPressed:c})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:277,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-picker.tsx",lineNumber:275,columnNumber:5},void 0)};exports.DatePicker=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),g=require("react"),s=require("./lyra89.cjs"),I=require("./lyra93.cjs"),B=require("./lyra95.cjs"),G=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const y=require("./lyra65.cjs"),w=require("./lyra75.cjs"),H=require("./lyra38.cjs"),T=require("./lyra39.cjs"),q=require("./lyra40.cjs"),N=require("./lyra24.cjs"),C=require("./lyra606.cjs"),O=({className:i,description:t,errorMessage:a,fullWidth:r=!0,granularity:l="day",hideHintLabel:c,hideInputFooter:o,hideInputHeader:d,label:j,startSlot:R,...x},m)=>{[x,m]=s.useContextProps(x,m,s.DatePickerContext);const{isInvalid:P,isRequired:v}=x,{wrapper:D}=q.sharedInputStyles({fullWidth:r,hasStartSlot:!!R,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(s.DatePicker,{...x,granularity:l,className:u=>D({className:i,isDisabled:u.isDisabled}),isInvalid:P,ref:m,children:({isDisabled:u,state:E})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(V,{description:t,fullWidth:r,errorMessage:a,hideHintLabel:c,hideInputFooter:o,hideInputHeader:d,isDisabled:u,isRequired:v,label:j,startSlot:R,onKeyDown:h=>{h.key==="Escape"&&E.value&&!u&&(h.preventDefault(),E.setValue(null))}}),e.jsxRuntimeExports.jsx(G.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(s.Calendar,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3",children:[e.jsxRuntimeExports.jsx(_,{}),e.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:e.jsxRuntimeExports.jsxs(s.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(C.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(M,{})]})})]})})})]})})},b=I.fixedForwardRef(O);b.displayName="DatePicker";const V=({description:i,errorMessage:t,fullWidth:a,hideHintLabel:r,hideInputFooter:l,hideInputHeader:c,isDisabled:o,isRequired:d,label:j,onKeyDown:R,startSlot:x})=>{const{input:m,segment:P}=N.dateFieldStyles(),{button:v,buttonExcludedFromTabOrder:D,inputField:u}=q.sharedInputStyles({fullWidth:a,hasStartSlot:!!x,hasEndSlot:!0}),{clear:E}=B.useDictionary(),{setValue:h,value:f}=g.useContext(s.DatePickerStateContext),k=g.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.InputHeader,{label:j,hideHintLabel:r,hideInputHeader:c,isRequired:d}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:n,isFocusWithin:p,isHovered:S,isInvalid:F})=>u({isDisabled:n,isFocused:p,isHovered:S,isInvalid:F,className:"min-h-8"}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(s.DateInput,{className:m(),children:n=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:p})=>P({isFocused:p,isDisabled:o,hasValue:n.type==="literal"?!!f:!n.isPlaceholder}),segment:n})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex gap-2",children:[!o&&f?e.jsxRuntimeExports.jsx(w.Tooltip,{tooltip:E,children:e.jsxRuntimeExports.jsx(s.Button,{slot:null,excludeFromTabOrder:!0,className:D(),onPress:()=>{var n;h(null),(n=k.current)==null||n.focus()},children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(s.Button,{ref:k,isDisabled:o,className:({isDisabled:n,isFocusVisible:p,isHovered:S})=>v({isDisabled:n,isFocused:p,isHovered:S}),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"calendar"})})]})]}),e.jsxRuntimeExports.jsx(T.InputFooter,{description:i,errorMessage:t,hideInputFooter:l})]})},_=()=>{const{buttons:i}=N.datePickerHeaderStyles(),{focusedDate:t,setFocusedDate:a}=g.useContext(s.CalendarStateContext);return e.jsxRuntimeExports.jsxs("header",{className:"flex justify-between gap-3",children:[e.jsxRuntimeExports.jsx(s.Button,{slot:"previous",className:i(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(C.MonthPicker,{value:t.month,onChange:r=>{a(t.copy().set({month:r}))}}),e.jsxRuntimeExports.jsx(C.YearPicker,{value:t.year,onChange:r=>{a(t.copy().set({year:r}))}})]}),e.jsxRuntimeExports.jsx(s.Button,{slot:"next",className:i(),children:e.jsxRuntimeExports.jsx(y.SvgIcon,{name:"chevron-right"})})]})},M=()=>{const{bodyCell:i}=N.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(s.CalendarGridBody,{children:t=>e.jsxRuntimeExports.jsx(s.CalendarCell,{date:t,className:({isDisabled:a,isFocusVisible:r,isHovered:l,isOutsideMonth:c,isPressed:o,isSelected:d,isUnavailable:j})=>i({isSelected:d,isFocusVisible:r,isHovered:l,isUnavailable:j,isDisabled:a,isOutsideMonth:c,isPressed:o})})})};exports.DatePicker=b;

package/dist/lyra23.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra23.cjs","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","jsxDEV","AriaDatePicker","renderProps","isDisabled","state","Fragment","DatePickerInput","e","this","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":"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"}
+{"version":3,"file":"lyra23.cjs","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":"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"}