@remoteoss/remote-flows 1.25.0 → 1.26.0

package/dist/chunk-ZAQUO2SM.js

@@ -1,2 +0,0 @@
-import{a as b}from"./chunk-3BEEU2N4.js";import{a as h,b as g,c as k}from"./chunk-5BGETBLF.js";import{b as P}from"./chunk-DJYO6IIO.js";import{j as D,k as w,l as v,m as x,n as F}from"./chunk-RXNDKUY6.js";import{c as m}from"./chunk-EARN6G25.js";import{a}from"./chunk-P37U34EQ.js";import{CalendarIcon as B}from"lucide-react";import{format as N}from"date-fns";import{ChevronLeft as I,ChevronRight as L}from"lucide-react";import{DayPicker as O}from"react-day-picker";import{jsx as c}from"react/jsx-runtime";function d({className:t,classNames:n,showOutsideDays:s=!0,...o}){return c(O,{showOutsideDays:s,className:m("p-3",t),classNames:{months:"flex flex-col sm:flex-row gap-4",month:"flex flex-col gap-y-4",month_caption:"flex h-8 w-full items-center justify-center relative",caption_label:"font-medium text-sm mt-1",nav:"flex items-center justify-between absolute left-0 right-0 z-10",month_grid:"w-full border-collapse mt-1",weekdays:"flex",weekday:"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",week:"flex w-full mt-2",day:"h-9 w-9 text-center text-sm p-0 relative",...n},components:{Chevron:a(({orientation:p,...r})=>p==="left"?c(I,{...r}):c(L,{...r}),"Chevron")},...o})}a(d,"Calendar");d.displayName="Calendar";import{useState as T}from"react";import{Fragment as V,jsx as e,jsxs as i}from"react/jsx-runtime";function Y({field:t,fieldData:n,fieldState:s}){let{name:o,label:p,description:r,minDate:u,maxDate:C}=n,f=u?new Date(u):void 0,_=C?new Date(C):void 0,[R,y]=T(!1);return i(D,{"data-field":o,className:`flex flex-col RemoteFlows__DatePickerField__Item__${o}`,children:[e(w,{className:"RemoteFlows__DatePickerField__Label",children:p}),i(h,{open:R,onOpenChange:y,children:[e(g,{asChild:!0,children:e(v,{children:e("div",{children:i(P,{type:"button",variant:"outline",className:m("w-full pl-3 text-left font-normal",!t.value&&"text-muted-foreground"),"data-testid":`date-picker-button-${o}`,children:[t.value&&e(V,{children:N(t.value,"yyyy-MM-dd")}),e(B,{className:"ml-auto h-4 w-4 opacity-50"})]})})})}),e(k,{className:"w-auto p-0 RemoteFlows__DatepickerField__PopoverContent",align:"start",children:e(d,{mode:"single",className:"RemoteFlows__DatepickerField__Calendar",selected:t.value?new Date(t.value):void 0,onDayClick:l=>{let M=N(l,"yyyy-MM-dd");t.onChange(M),y(!1)},defaultMonth:f,disabled:l=>!!(f&&l<f||_&&l>_)})})]}),r?i(x,{children:[r," ",e(b,{helpCenter:n.meta?.helpCenter})]}):null,s.error&&e(F,{className:"RemoteFlows__DatePickerField__Error"})]})}a(Y,"DatePickerFieldDefault");export{Y as a};
-//# sourceMappingURL=chunk-ZAQUO2SM.js.map

package/dist/chunk-ZAQUO2SM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/fields/default/DatePickerFieldDefault.tsx","../src/components/ui/calendar.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/src/components/ui/form';\nimport { DatePickerComponentProps } from '@/src/types/fields';\nimport { CalendarIcon } from 'lucide-react';\nimport { format } from 'date-fns';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/src/components/ui/popover';\nimport { cn } from '@/src/lib/utils';\nimport { Calendar } from '@/src/components/ui/calendar';\nimport { HelpCenter } from '@/src/components/shared/zendesk-drawer/HelpCenter';\nimport { useState } from 'react';\n\nexport function DatePickerFieldDefault({\n  field,\n  fieldData,\n  fieldState,\n}: DatePickerComponentProps) {\n  const { name, label, description, minDate, maxDate } = fieldData;\n  const minDateValue = minDate ? new Date(minDate) : undefined;\n  const maxDateValue = maxDate ? new Date(maxDate) : undefined;\n  const [open, setOpen] = useState(false);\n\n  return (\n    <FormItem\n      data-field={name}\n      className={`flex flex-col RemoteFlows__DatePickerField__Item__${name}`}\n    >\n      <FormLabel className='RemoteFlows__DatePickerField__Label'>\n        {label}\n      </FormLabel>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <FormControl>\n            <div>\n              <Button\n                type='button'\n                variant={'outline'}\n                className={cn(\n                  'w-full pl-3 text-left font-normal',\n                  !field.value && 'text-muted-foreground',\n                )}\n                data-testid={`date-picker-button-${name}`}\n              >\n                {field.value && <>{format(field.value, 'yyyy-MM-dd')}</>}\n                <CalendarIcon className='ml-auto h-4 w-4 opacity-50' />\n              </Button>\n            </div>\n          </FormControl>\n        </PopoverTrigger>\n        <PopoverContent\n          className={`w-auto p-0 RemoteFlows__DatepickerField__PopoverContent`}\n          align='start'\n        >\n          <Calendar\n            mode='single'\n            className='RemoteFlows__DatepickerField__Calendar'\n            selected={field.value ? new Date(field.value) : undefined}\n            onDayClick={(day) => {\n              const formattedDate = format(day, 'yyyy-MM-dd');\n              field.onChange(formattedDate);\n              setOpen(false);\n            }}\n            defaultMonth={minDateValue}\n            disabled={(date: Date) => {\n              if (minDateValue && date < minDateValue) return true;\n              if (maxDateValue && date > maxDateValue) return true;\n              return false;\n            }}\n          />\n        </PopoverContent>\n      </Popover>\n      {description ? (\n        <FormDescription>\n          {description} <HelpCenter helpCenter={fieldData.meta?.helpCenter} />\n        </FormDescription>\n      ) : null}\n      {fieldState.error && (\n        <FormMessage className='RemoteFlows__DatePickerField__Error' />\n      )}\n    </FormItem>\n  );\n}\n","import * as React from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { cn } from '@/src/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col sm:flex-row gap-4',\n        month: 'flex flex-col gap-y-4',\n        month_caption: 'flex h-8 w-full items-center justify-center relative',\n        caption_label: 'font-medium text-sm mt-1',\n        nav: 'flex items-center justify-between absolute left-0 right-0 z-10',\n        month_grid: 'w-full border-collapse mt-1',\n        weekdays: 'flex',\n        weekday:\n          'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',\n        week: 'flex w-full mt-2',\n        day: 'h-9 w-9 text-center text-sm p-0 relative',\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <ChevronLeft {...props} />;\n          }\n          return <ChevronRight {...props} />;\n        },\n      }}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n"],"mappings":"qRASA,OAAS,gBAAAA,MAAoB,eAC7B,OAAS,UAAAC,MAAc,WCTvB,OAAS,eAAAC,EAAa,gBAAAC,MAAoB,eAC1C,OAAS,aAAAC,MAAiB,mBAiCP,cAAAC,MAAA,oBA3BnB,SAASC,EAAS,CAChB,UAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,GAAGC,CACL,EAAkB,CAChB,OACEL,EAACM,EAAA,CACC,gBAAiBF,EACjB,UAAWG,EAAG,MAAOL,CAAS,EAC9B,WAAY,CACV,OAAQ,kCACR,MAAO,wBACP,cAAe,uDACf,cAAe,2BACf,IAAK,iEACL,WAAY,8BACZ,SAAU,OACV,QACE,iEACF,KAAM,mBACN,IAAK,2CACL,GAAGC,CACL,EACA,WAAY,CACV,QAASK,EAAA,CAAC,CAAE,YAAAC,EAAa,GAAGJ,CAAM,IAC5BI,IAAgB,OACXT,EAACU,EAAA,CAAa,GAAGL,EAAO,EAE1BL,EAACW,EAAA,CAAc,GAAGN,EAAO,EAJzB,UAMX,EACC,GAAGA,EACN,CAEJ,CAnCSG,EAAAP,EAAA,YAoCTA,EAAS,YAAc,WDzBvB,OAAS,YAAAW,MAAgB,QAiBnB,OAgB0B,YAAAC,EAhB1B,OAAAC,EAOQ,QAAAC,MAPR,oBAfC,SAASC,EAAuB,CACrC,MAAAC,EACA,UAAAC,EACA,WAAAC,CACF,EAA6B,CAC3B,GAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,YAAAC,EAAa,QAAAC,EAAS,QAAAC,CAAQ,EAAIN,EACjDO,EAAeF,EAAU,IAAI,KAAKA,CAAO,EAAI,OAC7CG,EAAeF,EAAU,IAAI,KAAKA,CAAO,EAAI,OAC7C,CAACG,EAAMC,CAAO,EAAIC,EAAS,EAAK,EAEtC,OACEd,EAACe,EAAA,CACC,aAAYV,EACZ,UAAW,qDAAqDA,CAAI,GAEpE,UAAAN,EAACiB,EAAA,CAAU,UAAU,sCAClB,SAAAV,EACH,EACAN,EAACiB,EAAA,CAAQ,KAAML,EAAM,aAAcC,EACjC,UAAAd,EAACmB,EAAA,CAAe,QAAO,GACrB,SAAAnB,EAACoB,EAAA,CACC,SAAApB,EAAC,OACC,SAAAC,EAACoB,EAAA,CACC,KAAK,SACL,QAAS,UACT,UAAWC,EACT,oCACA,CAACnB,EAAM,OAAS,uBAClB,EACA,cAAa,sBAAsBG,CAAI,GAEtC,UAAAH,EAAM,OAASH,EAAAD,EAAA,CAAG,SAAAwB,EAAOpB,EAAM,MAAO,YAAY,EAAE,EACrDH,EAACwB,EAAA,CAAa,UAAU,6BAA6B,GACvD,EACF,EACF,EACF,EACAxB,EAACyB,EAAA,CACC,UAAW,0DACX,MAAM,QAEN,SAAAzB,EAAC0B,EAAA,CACC,KAAK,SACL,UAAU,yCACV,SAAUvB,EAAM,MAAQ,IAAI,KAAKA,EAAM,KAAK,EAAI,OAChD,WAAawB,GAAQ,CACnB,IAAMC,EAAgBL,EAAOI,EAAK,YAAY,EAC9CxB,EAAM,SAASyB,CAAa,EAC5Bd,EAAQ,EAAK,CACf,EACA,aAAcH,EACd,SAAWkB,GACL,GAAAlB,GAAgBkB,EAAOlB,GACvBC,GAAgBiB,EAAOjB,GAG/B,EACF,GACF,EACCJ,EACCP,EAAC6B,EAAA,CACE,UAAAtB,EAAY,IAACR,EAAC+B,EAAA,CAAW,WAAY3B,EAAU,MAAM,WAAY,GACpE,EACE,KACHC,EAAW,OACVL,EAACgC,EAAA,CAAY,UAAU,sCAAsC,GAEjE,CAEJ,CArEgBC,EAAA/B,EAAA","names":["CalendarIcon","format","ChevronLeft","ChevronRight","DayPicker","jsx","Calendar","className","classNames","showOutsideDays","props","DayPicker","cn","__name","orientation","ChevronLeft","ChevronRight","useState","Fragment","jsx","jsxs","DatePickerFieldDefault","field","fieldData","fieldState","name","label","description","minDate","maxDate","minDateValue","maxDateValue","open","setOpen","useState","FormItem","FormLabel","Popover","PopoverTrigger","FormControl","Button","cn","format","CalendarIcon","PopoverContent","Calendar","day","formattedDate","date","FormDescription","HelpCenter","FormMessage","__name"]}