@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),f=require("react"),n=require("./lyra88.cjs"),M=require("./lyra92.cjs"),G=require("./lyra94.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("./lyra64.cjs"),H=require("./lyra74.cjs"),T=require("./lyra38.cjs"),V=require("./lyra39.cjs"),q=require("./lyra40.cjs"),w=require("./lyra24.cjs"),C=require("./lyra603.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:x=>r({className:p,isDisabled:x.isDisabled}),isInvalid:D,ref:E,children:({isDisabled:x,state:P})=>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:x,isRequired:s,label:y,startSlot:R,onKeyDown:N=>{var a,g;N.key==="Escape"&&((a=P.value)!=null&&a.end)&&((g=P.value)!=null&&g.start)&&!x&&(N.preventDefault(),P.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,x=t.start.copy().set({month:r,day:o.day});i(x)}},[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,x=t.start.copy().set({year:s,day:o.day,month:r});i(x)}},[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,x=t.end.copy().set({month:r,day:o.day});i(x)}},[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,x=t.end.copy().set({year:s,day:o.day,month:r});i(x)}},[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:x}=q.sharedInputStyles({fullWidth:o,hasStartSlot:!!m,hasEndSlot:!0}),{clear:P}=G.useDictionary(),{setValue:N,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:c,isFocusWithin:j,isHovered:k,isInvalid:v})=>x({isDisabled:c,isFocused:j,isHovered:k,isInvalid:v}),onKeyDown:R,children:[e.jsxRuntimeExports.jsx(n.DateInput,{className:E(),slot:"start",children:c=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:c.type==="literal"?!!(a!=null&&a.start):!c.isPlaceholder}),segment:c})}),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:c=>e.jsxRuntimeExports.jsx(n.DateSegment,{className:({isFocused:j})=>D({isFocused:j,isDisabled:t,hasValue:c.type==="literal"?!!(a!=null&&a.end):!c.isPlaceholder}),segment:c})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(n.Button,{isDisabled:t,className:({isDisabled:c,isFocusVisible:j,isHovered:k})=>s({isDisabled:c,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:P,children:e.jsxRuntimeExports.jsx(n.Button,{slot:null,onFocus:c=>{var j;c.preventDefault(),(j=g==null?void 0:g.current)==null||j.focus()},excludeFromTabOrder:!0,className:r(),onPress:()=>{N(null)},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("./lyra89.cjs"),b=require("react"),n=require("./lyra88.cjs"),q=require("./lyra92.cjs"),I=require("./lyra94.cjs"),M=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const C=require("./lyra57.cjs");require("./lyra58.cjs");const R=require("./lyra64.cjs"),G=require("./lyra74.cjs"),B=require("./lyra38.cjs"),H=require("./lyra39.cjs"),S=require("./lyra40.cjs"),U=require("./lyra24.cjs"),E=require("./lyra615.cjs"),T=({className:N,description:p,errorMessage:a,fullWidth:d=!0,granularity:u="day",hideHintLabel:o,hideInputFooter:t,hideInputHeader:f,label:k,startSlot:j,...l},D)=>{[l,D]=n.useContextProps(l,D,n.DateRangePickerContext);const{isInvalid:v,isRequired:s}=l,{wrapper:r}=S.sharedInputStyles({fullWidth:d,hasStartSlot:!!j,hasEndSlot:!0});return e.jsxDevRuntimeExports.jsxDEV(n.DateRangePicker,{...l,granularity:u,className:c=>r({className:N,isDisabled:c.isDisabled}),isInvalid:v,ref:D,children:({isDisabled:c,state:g})=>e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(n.Group,{children:e.jsxDevRuntimeExports.jsxDEV(O,{description:p,fullWidth:d,errorMessage:a,hideHintLabel:o,hideInputFooter:t,hideInputHeader:f,isDisabled:c,isRequired:s,label:k,startSlot:j,onKeyDown:h=>{var i,y;h.key==="Escape"&&((i=g.value)!=null&&i.end)&&((y=g.value)!=null&&y.start)&&!c&&(h.preventDefault(),g.setValue(null))}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:104,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:103,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(M.Popover,{disablePadding:!0,className:"group",children:e.jsxDevRuntimeExports.jsxDEV(n.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxDevRuntimeExports.jsxDEV(Y,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:125,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:124,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:123,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:102,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:89,columnNumber:5},void 0)},Y=()=>{const{buttons:N}=U.datePickerHeaderStyles(),{anchorDate:p,focusedDate:a,focusNextPage:d,focusPreviousPage:u,setFocusedDate:o,visibleRange:t}=b.useContext(n.RangeCalendarStateContext),f=s=>s===12?1:s+1,k=s=>s===1?12:s-1,j=b.useCallback(s=>{if(s===t.start.month-1)u();else if(s===t.start.month+1)d();else{const r=s<t.start.month?f(s):s,c=t.start.copy().set({month:r,day:a.day});o(c)}},[d,u,a.day,o,t.start]),l=b.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.start.year){const r=t.start.copy().set({year:s+1,day:a.day,month:1});o(r)}if(s>t.start.year){const r=t.start.copy().set({year:s,day:a.day,month:12});o(r)}}else{const r=s<t.start.year?f(t.start.month):t.start.month,c=t.start.copy().set({year:s,day:a.day,month:r});o(c)}},[a.day,o,t.end.year,t.start]),D=b.useCallback(s=>{if(s===t.end.month-1)u();else if(s===t.end.month+1)d();else{const r=s>t.end.month?k(s):s,c=t.end.copy().set({month:r,day:a.day});o(c)}},[d,u,a.day,o,t.end]),v=b.useCallback(s=>{if(t.start.year!==t.end.year){if(s<t.end.year){const r=t.end.copy().set({year:s,day:a.day,month:1});o(r)}if(s>t.end.year){const r=t.end.copy().set({year:s-1,day:a.day,month:12});o(r)}}else{const r=s>t.end.year?k(t.end.month):t.end.month,c=t.end.copy().set({year:s,day:a.day,month:r});o(c)}},[a.day,o,t.end,t.start.year]);return e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex flex-col gap-3",children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex justify-between gap-1",children:[e.jsxDevRuntimeExports.jsxDEV(n.Button,{slot:"previous",className:N(),children:e.jsxDevRuntimeExports.jsxDEV(R.SvgIcon,{name:"chevron-left"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:282,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:281,columnNumber:13},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex gap-1",children:[e.jsxDevRuntimeExports.jsxDEV(E.MonthPicker,{value:t.start.month,isDisabled:!!p,onChange:j},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:285,columnNumber:15},void 0),e.jsxDevRuntimeExports.jsxDEV(E.YearPicker,{value:t.start.year,isDisabled:!!p,onChange:l},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:290,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:284,columnNumber:13},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"w-6"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:296,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:280,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(n.CalendarGrid,{className:"w-full text-center",children:[e.jsxDevRuntimeExports.jsxDEV(E.DatePickerCalendarGridHeader,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:299,columnNumber:13},void 0),e.jsxDevRuntimeExports.jsxDEV(P,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:300,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:298,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:279,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV(C.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:304,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV(C.Separator,{className:"sm:hidden"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:305,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex flex-col gap-3",children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex justify-between gap-1",children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:"w-6"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:309,columnNumber:13},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"flex gap-1",children:[e.jsxDevRuntimeExports.jsxDEV(E.MonthPicker,{value:t.end.month,isDisabled:!!p,onChange:D},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:311,columnNumber:15},void 0),e.jsxDevRuntimeExports.jsxDEV(E.YearPicker,{value:t.end.year,isDisabled:!!p,onChange:v},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:316,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:310,columnNumber:13},void 0),e.jsxDevRuntimeExports.jsxDEV(n.Button,{slot:"next",className:N(),children:e.jsxDevRuntimeExports.jsxDEV(R.SvgIcon,{name:"chevron-right"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:323,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:322,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:308,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(n.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxDevRuntimeExports.jsxDEV(E.DatePickerCalendarGridHeader,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:327,columnNumber:13},void 0),e.jsxDevRuntimeExports.jsxDEV(P,{},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:328,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:326,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:307,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:278,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:277,columnNumber:5},void 0)},w=q.fixedForwardRef(T);w.displayName="DateRangePicker";const O=({description:N,errorMessage:p,fullWidth:a,hideHintLabel:d,hideInputFooter:u,hideInputHeader:o,isDisabled:t,isRequired:f,label:k,onKeyDown:j,startSlot:l})=>{const{input:D,segment:v}=U.dateFieldStyles(),{button:s,buttonExcludedFromTabOrder:r,inputField:c}=S.sharedInputStyles({fullWidth:a,hasStartSlot:!!l,hasEndSlot:!0}),{clear:g}=I.useDictionary(),{setValue:h,value:i}=b.useContext(n.DateRangePickerStateContext),y=b.useRef(null);return e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(B.InputHeader,{label:k,hideHintLabel:d,hideInputHeader:o,isRequired:f},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:373,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(n.Group,{className:({isDisabled:m,isFocusWithin:x,isHovered:V,isInvalid:F})=>c({isDisabled:m,isFocused:x,isHovered:V,isInvalid:F,className:"min-h-8"}),onKeyDown:j,children:[e.jsxDevRuntimeExports.jsxDEV(n.DateInput,{className:D(),slot:"start",children:m=>e.jsxDevRuntimeExports.jsxDEV(n.DateSegment,{className:({isFocused:x})=>v({isFocused:x,isDisabled:t,hasValue:m.type==="literal"?!!(i!=null&&i.start):!m.isPlaceholder}),segment:m},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:393,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:391,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV("span",{"aria-hidden":"true",className:i!=null&&i.start&&i.end&&!t?"text-primary":"text-tertiary",children:" – "},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:407,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV(n.DateInput,{className:D(),slot:"end",children:m=>e.jsxDevRuntimeExports.jsxDEV(n.DateSegment,{className:({isFocused:x})=>v({isFocused:x,isDisabled:t,hasValue:m.type==="literal"?!!(i!=null&&i.end):!m.isPlaceholder}),segment:m},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:418,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:416,columnNumber:9},void 0),e.jsxDevRuntimeExports.jsxDEV("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxDevRuntimeExports.jsxDEV(n.Button,{isDisabled:t,className:({isDisabled:m,isFocusVisible:x,isHovered:V})=>s({isDisabled:m,isFocused:x,isHovered:V}),ref:y,children:e.jsxDevRuntimeExports.jsxDEV(R.SvgIcon,{name:"calendar"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:442,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:435,columnNumber:11},void 0),!t&&(i!=null&&i.end)&&(i!=null&&i.start)?e.jsxDevRuntimeExports.jsxDEV(G.Tooltip,{tooltip:g,children:e.jsxDevRuntimeExports.jsxDEV(n.Button,{slot:null,onFocus:m=>{var x;m.preventDefault(),(x=y==null?void 0:y.current)==null||x.focus()},excludeFromTabOrder:!0,className:r(),onPress:()=>{h(null)},children:e.jsxDevRuntimeExports.jsxDEV(R.SvgIcon,{name:"clear"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:460,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:447,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:446,columnNumber:13},void 0):null]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:434,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:379,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(H.InputFooter,{description:N,errorMessage:p,hideInputFooter:u},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:466,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:372,columnNumber:5},void 0)},P=()=>{const{rangeBodyCell:N}=U.dataPickerCalendarGridStyles();return e.jsxDevRuntimeExports.jsxDEV(n.CalendarGridBody,{children:p=>e.jsxDevRuntimeExports.jsxDEV(n.CalendarCell,{date:p,className:({isDisabled:a,isFocusVisible:d,isHovered:u,isOutsideMonth:o,isPressed:t,isSelected:f,isSelectionEnd:k,isSelectionStart:j,isUnavailable:l})=>N({isSelected:f,isSelectionStart:j,isSelectionEnd:k,isFocusVisible:d,isHovered:u,isUnavailable:l,isDisabled:a,isOutsideMonth:o,isPressed:t})},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:481,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/date-picker/date-range-picker.tsx",lineNumber:479,columnNumber:5},void 0)};exports.DateRangePicker=w;

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({ isDisabled, isFocused: isFocusWithin, isHovered, isInvalid })\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                }}\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  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                }}\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","jsxDEV","AriaDateRangePicker","renderProps","isDisabled","state","Fragment","Group","DateRangePickerInputs","e","_a","_b","this","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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"}