@televet/kibble-ui 5.0.7 → 5.0.8

package/dist/chunks/dateTimePicker.component-CTx_6MBi.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),O=require("./button.component-DjdgBXDC.js"),u=require("./datePicker.provider-Bi_9Q7nm.js"),N=require("./usePortalContentRef-CTrvBQ7I.js"),I=require("./popover.recipe-NDvOfG9X.js"),l=require("./format-CK7Imh-5.js"),v=require("./isToday-BgNkHh5t.js"),Y=require("./popover-root-provider-CZDbUJ2K.js"),y=require("./flex-BOU6tYUd.js"),L=require("../cjs/hooks/useBreakpoint/index.cjs"),j=require("./index-BQRnVsAg.js"),B=require("./text.component-BDDz5KQP.js"),H=require("./textInput.component-CWbv8giH.js"),$=require("./timePicker.component-B750WQHA.js"),f=require("./grid-item-CH3dbZHL.js"),G=require("./divider.component-BX3zyB7O.js"),z=require("./create-slot-recipe-context-HXE1VazG.js"),A=require("./index-Ts8g8jZd.js"),R=require("./popover-C7aj8Iwj.js");var r=(e=>(e.Today="Today",e.Yesterday="Yesterday",e.ThisWeek="ThisWeek",e.LastWeek="LastWeek",e.ThisMonth="ThisMonth",e.LastMonth="LastMonth",e.Custom="Custom",e))(r||{});const Q=["single","double"],V=[{label:"Today",value:r.Today},{label:"Yesterday",value:r.Yesterday},{label:"This Week",value:r.ThisWeek},{label:"Last Week",value:r.LastWeek},{label:"This Month",value:r.ThisMonth},{label:"Last Month",value:r.LastMonth},{label:"Custom",value:r.Custom,iconName:"calendarPen"}],J={single:1,double:2};function K(e){return l.startOfDay(Date.now(),e)}function U(e){return u.endOfDay(Date.now(),e)}function X(e){const t=v.constructNow(e?.in),n=t.getFullYear(),o=t.getMonth(),a=t.getDate(),i=v.constructNow(e?.in);return i.setFullYear(n,o,a-1),i.setHours(0,0,0,0),i}function Z(e){const t=v.constructNow(e?.in),n=l.constructFrom(e?.in,0);return n.setFullYear(t.getFullYear(),t.getMonth(),t.getDate()-1),n.setHours(23,59,59,999),n}function M(e,t){const n=l.getDefaultOptions(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,a=l.toDate(e,t?.in),i=a.getDay(),m=(i<o?-7:0)+6-(i-o);return a.setDate(a.getDate()+m),a.setHours(23,59,59,999),a}function P(e,t){const n=l.toDate(e,t?.in);return n.setDate(1),n.setHours(0,0,0,0),n}function _(e,t){const n=l.toDate(e,t?.in),o=n.getMonth();return n.setFullYear(n.getFullYear(),o+1,0),n.setHours(23,59,59,999),n}function ee(e,t,n){return u.addDays(e,t*7,n)}function te(e,t,n){return ee(e,-1,n)}function ne(e,t,n){return u.addMonths(e,-1,n)}function w(e,t){return+l.toDate(e)==+l.toDate(t)}const W=e=>{const t=new Date;switch(e){case r.Today:return{startDate:K(),endDate:U()};case r.Yesterday:return{startDate:X(),endDate:Z()};case r.ThisWeek:return{startDate:l.startOfWeek(t,{weekStartsOn:1}),endDate:M(t,{weekStartsOn:1})};case r.LastWeek:{const n=te(t);return{startDate:l.startOfWeek(n,{weekStartsOn:1}),endDate:M(n,{weekStartsOn:1})}}case r.ThisMonth:return{startDate:P(t),endDate:_(t)};case r.LastMonth:{const n=ne(t);return{startDate:P(n),endDate:_(n)}}default:return null}},se=(e,t)=>{if(!e||!t)return r.Today;const n=[r.Today,r.Yesterday,r.ThisWeek,r.LastWeek,r.ThisMonth,r.LastMonth];for(const o of n){const a=W(o);if(a&&w(e,a.startDate)&&w(t,a.endDate))return o}return r.Custom},re=({selectedQuickOption:e,setSelectedQuickOption:t,["data-testid"]:n="kibble-datetime-picker-quick-options"})=>{const{setFocusedInput:o,onQuickOptionSelect:a}=u.useDatePickerContext(),{setOpen:i}=Y.usePopoverContext(),m=c=>{if(t(c),c===r.Custom){o(u.FocusedInput.StartDate);return}const p=W(c);p&&(a(p),i(!1))};return s.jsxRuntimeExports.jsx(y.Flex,{className:"DateTimePicker__QuickFilters",flexDirection:"column",gap:2,w:"100%",maxW:"120px",children:V.map(c=>s.jsxRuntimeExports.jsx(O.Button,{className:"DateTimePicker__Option","data-testid":`${n}-option-${c.value}`,variant:"secondarySubtle",...c.iconName&&{iconName:c.iconName,iconPosition:"right"},...e===c.value&&{active:!0},onClick:()=>m(c.value),children:c.label},c.value))})},S=({label:e,rangeType:t})=>{const{startDate:n,endDate:o,dateFormat:a,focusedInput:i,setFocusedInput:m,onTimeChange:c}=u.useDatePickerContext(),p=d.useMemo(()=>(t===u.FocusedInput.StartDate?n:o)||new Date,[n,o,t]),g=d.useMemo(()=>l.format(p,a),[p,a]),D=x=>{x&&c(x)};return s.jsxRuntimeExports.jsxs(f.Grid,{alignItems:"center",templateColumns:"repeat(5, 1fr)",gap:1,bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,flex:"0 0 50%",children:[s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:1,children:s.jsxRuntimeExports.jsx(B.WrappedText,{size:"sm",fontWeight:"semibold",textAlign:"center",children:e})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx(H.WrappedTextInput,{readOnly:!0,value:g,onClick:()=>m(t),...i===t&&{"data-focus":!0}})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx($.TimePicker,{minuteInterval:1,initialTime:p,onClose:x=>D(x),inputProps:{rightElement:void 0,onClick:()=>m(t)}})})]})},oe=({isSingleView:e})=>{const{focusedInput:t,setFocusedInput:n}=u.useDatePickerContext();return d.useEffect(()=>{t||n(u.FocusedInput.StartDate)},[t,n]),s.jsxRuntimeExports.jsxs(j.Box,{className:"DateTimePicker__CustomFilters",mt:-1,children:[s.jsxRuntimeExports.jsxs(y.Flex,{className:"DateTimePicker__CustomFilters__RangeSelectors",flexDirection:e?"column":"row",alignItems:"center",gap:2,justifyContent:"space-between",children:[s.jsxRuntimeExports.jsx(S,{label:"Start",rangeType:u.FocusedInput.StartDate}),s.jsxRuntimeExports.jsx(S,{label:"End",rangeType:u.FocusedInput.EndDate})]}),s.jsxRuntimeExports.jsxs(j.Box,{className:"CalendarView",bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,mt:5,children:[s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Header",bgColor:"background.accent.subtle",borderRadius:"md",children:s.jsxRuntimeExports.jsx(u.DatePickerHeader,{triggerProps:{variant:"ghostNeutral"}})}),s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Body",children:s.jsxRuntimeExports.jsx(u.DatePickerCalendar,{showMonthLabels:!0})})]})]})},ae=({trigger:e,calendarView:t="double",portalled:n=!0,showQuickOptions:o=!0,["data-testid"]:a="kibble-datetime-picker",...i})=>{const m=d.useMemo(()=>{const T=new Date;return{startDate:l.startOfDay(T),endDate:u.endOfDay(T)}},[]),{contentRef:c}=N.usePortalContentRef(),g=z.useSlotRecipe({recipe:I.popoverRecipe})(),D=L.useBreakpoint(),x=d.useMemo(()=>o?se(i.startDate||null,i.endDate||null):r.Custom,[o,i.startDate,i.endDate]),[h,E]=d.useState(x);d.useEffect(()=>{E(x)},[x]);const k=d.useMemo(()=>["base","sm"].includes(D)?"single":t,[t,D]),F=d.useMemo(()=>J[k],[k]),C=d.useMemo(()=>k==="single",[k]),b=d.useMemo(()=>h===r.Custom,[h]),q=d.useMemo(()=>b?"max-content":"160px",[b]);return s.jsxRuntimeExports.jsxs(u.DatePickerProvider,{...i,startDate:i.startDate||m.startDate,endDate:i.endDate||m.endDate,withDateRange:!0,numberOfMonths:F,sameWidth:!0,children:[s.jsxRuntimeExports.jsx(R.PopoverTrigger,{asChild:!0,w:"max-content",children:e||s.jsxRuntimeExports.jsx(O.Button,{variant:"secondarySubtle",iconName:"calendarInfo","data-testid":`${a}-default-trigger`,children:"Date/Time Range"})}),s.jsxRuntimeExports.jsx(A.Portal,{container:c||void 0,disabled:!n,children:s.jsxRuntimeExports.jsx(R.PopoverPositioner,{className:"DateTimePicker","data-testid":a,children:s.jsxRuntimeExports.jsx(R.PopoverContent,{className:"DateTimePicker__Content","data-testid":`${a}-content`,css:{...g.content,"--popover-size":q,maxW:o?C?"550px":"890px":C?"390px":"730px",...b&&{minW:o?"550px":"390px"}},children:s.jsxRuntimeExports.jsx(R.PopoverBody,{css:{"--popover-padding":0},children:s.jsxRuntimeExports.jsxs(y.Flex,{className:"DateTimePicker__Container","data-testid":`${a}-container`,p:5,children:[o&&s.jsxRuntimeExports.jsx(re,{selectedQuickOption:h,setSelectedQuickOption:E}),h===r.Custom&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o&&s.jsxRuntimeExports.jsx(G.Divider,{orientation:"vertical",my:-5,mx:5}),s.jsxRuntimeExports.jsx(oe,{isSingleView:C})]})]})})})})})]})};exports.DateTimePicker=ae;exports.DateTimePickerDefaultOptionValue=r;exports.calendarViews=Q;
-//# sourceMappingURL=dateTimePicker.component-CTx_6MBi.js.map