npm - @mastra/playground-ui - Versions diffs - 68.0.0-alpha.1 → 68.0.0-alpha.2 - Mend

@mastra/playground-ui 68.0.0-alpha.1 → 68.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (212) hide show

package/dist/components/DateTimePicker.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTimePicker.cjs.js","names":["DayPicker","cn","quietTextHover","useState","cn","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","React","Popover","PopoverTrigger","PopoverContent","isValid","format","useDebouncedCallback","cn","Field","FieldLabel","Input","FieldError","formatDate","Button","X","Check","controlTriggerOpenStateFor","CalendarIcon"],"sources":["../../src/ds/components/DateTimePicker/date-picker.tsx","../../src/ds/components/DateTimePicker/time-picker.tsx","../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function DatePicker({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col space-y-4 sm:space-y-0 ',\n month: 'space-y-4 text-caption',\n caption: 'flex justify-between pt-1 items-center pl-2',\n caption_label: 'text-label text-foreground',\n nav: 'flex items-center',\n nav_button_previous: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n nav_button_next: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n dropdown_month: 'w-full border-collapse space-y-1',\n weeknumber: 'flex',\n day: cn(\n 'relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-fill [&:has([aria-selected].day-outside)]:bg-fill-subtle [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n 'size-8 p-0 text-caption hover:bg-fill-subtle aria-selected:opacity-100',\n ),\n day_range_start: 'day-range-start rounded-l-md',\n day_range_end: 'day-range-end rounded-r-md',\n day_selected: cn(\n 'bg-foreground! text-sidebar! hover:bg-foreground/90! focus:bg-foreground/90! focus:text-sidebar!',\n props.mode !== 'range' && 'rounded-md',\n ),\n day_today: 'bg-fill text-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-fill-subtle aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-fill aria-selected:text-foreground',\n day_hidden: 'invisible',\n head_cell: 'text-meta text-muted-foreground',\n ...classNames,\n }}\n {...props}\n />\n );\n}\n","import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n defaultValue?: string;\n onValueChange: (value: string) => void;\n className?: string;\n label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n const [hour, setHour] = useState<string>('12');\n const [minute, setMinute] = useState<string>('00');\n const [timePeriod, setTimePeriod] = useState('AM');\n\n useEffect(() => {\n if (defaultValue) {\n const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s(AM\|PM\|am\|pm)?$/;\n const match = defaultValue.match(timeRegex);\n\n if (match) {\n const rawHour = match[1];\n const rawMinute = match[2];\n if (rawHour === undefined \|\| rawMinute === undefined) return;\n\n let parsedHour = parseInt(rawHour, 10);\n const parsedMinute = parseInt(rawMinute, 10);\n const period = match[3]?.toUpperCase();\n\n if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n setHour(parsedHour.toString());\n setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n setTimePeriod(period \|\| 'AM');\n }\n }\n }\n }, [defaultValue]);\n\n const handleHourChange = (val: string) => {\n const nextHour = hourOptions[+val];\n if (nextHour === undefined) return;\n setHour(nextHour);\n onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n };\n\n const handleMinuteChange = (val: string) => {\n const nextMinute = minuteOptions[+val];\n if (nextMinute === undefined) return;\n setMinute(nextMinute);\n onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n };\n\n const handleTimePeriodChange = (val: string) => {\n const nextPeriod = timePeriodOptions[+val];\n if (nextPeriod === undefined) return;\n setTimePeriod(nextPeriod);\n onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n };\n\n return (\n <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n :\n <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n <TimePartSelect\n label=\"AM or PM\"\n options={timePeriodOptions}\n value={timePeriod}\n onValueChange={handleTimePeriodChange}\n />\n </div>\n );\n}\n\ntype TimePartSelectProps = {\n label: string;\n options: readonly string[];\n value: string;\n onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n return (\n <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n <SelectTrigger size=\"sm\" aria-label={label}>\n <SelectValue placeholder=\"Select...\" />\n </SelectTrigger>\n <SelectContent>\n {options.map((option, idx) => (\n <SelectItem key={option} value={`${idx}`}>\n {option}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n );\n}\n","import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, Check, X } from 'lucide-react';\nimport as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { controlTriggerOpenStateFor } from '@/ds/primitives/control-size';\nimport { fieldTriggerStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' \| 'selected' \| 'onSelect'> & {\n value: Date \| undefined \| null;\n minValue?: Date \| null;\n maxValue?: Date \| null;\n defaultTimeStrValue?: string;\n onValueChange: (date: Date \| undefined) => void;\n};\n\ntype DefaultTriggerLook = Pick<ButtonProps, 'variant' \| 'size'>;\n\nexport type DateTimePickerProps =\n \| (CommonProps & DefaultTriggerLook & { children?: never; className?: string; placeholder?: string })\n \| (CommonProps & {\n children: React.ReactNode;\n className?: never;\n placeholder?: string;\n variant?: never;\n size?: never;\n });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n value,\n minValue,\n maxValue,\n defaultTimeStrValue,\n onValueChange,\n children,\n className,\n placeholder,\n variant,\n size,\n ...props\n}) => {\n const [openPopover, setOpenPopover] = React.useState(false);\n\n return (\n <Popover open={openPopover} onOpenChange={setOpenPopover}>\n <PopoverTrigger asChild>\n {children ? (\n children\n ) : (\n <DefaultTrigger\n value={value}\n placeholder={placeholder}\n variant={variant}\n size={size}\n className={className}\n data-testid=\"datepicker-button\"\n />\n )}\n </PopoverTrigger>\n <PopoverContent\n className=\"backdrop-blur-4xl w-auto max-w-66 bg-muted p-0!\"\n align=\"start\"\n data-testid=\"datepicker-calendar\"\n >\n <DateTimePickerContent\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n onValueChange={onValueChange}\n setOpenPopover={setOpenPopover}\n defaultTimeStrValue={defaultTimeStrValue}\n {...props}\n />\n </PopoverContent>\n </Popover>\n );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date \| null {\n if (!isValid(date)) {\n return null;\n }\n\n if (timeStr) {\n const dateStr = format(date, 'yyyy-MM-dd');\n const newDate = new Date(`${dateStr} ${timeStr}`);\n if (isValid(newDate)) {\n return newDate;\n }\n }\n\n return date;\n}\n\nexport const DateTimePickerContent = ({\n value,\n minValue,\n maxValue,\n onValueChange,\n setOpenPopover,\n placeholder,\n className,\n defaultTimeStrValue,\n ...props\n}: CommonProps & {\n setOpenPopover?: (open: boolean) => void;\n placeholder?: string;\n className?: string;\n}) => {\n const [localErrorMsg, setLocalErrorMsg] = React.useState<string \| null>(null);\n const [dateInputValue, setDateInputValue] = React.useState<string>(\n value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) \|\| '', 'PP p') : '',\n );\n const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue \|\| '');\n const [selected, setSelected] = React.useState<Date \| undefined>(value ? new Date(value) : undefined);\n\n const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n if (isValid(date)) {\n setSelected(date);\n onValueChange?.(date);\n setOpenPopover?.(false);\n }\n }, 500);\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setDateInputValue(e.currentTarget.value);\n const date = new Date(e.currentTarget.value);\n debouncedDateUpdate(date);\n };\n\n const updateInputValue = (date: Date \| string) => {\n if (isValid(date)) {\n if (maxValue && date > maxValue) {\n setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n setDateInputValue('');\n } else if (minValue && date < minValue) {\n setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n setDateInputValue('');\n } else {\n setDateInputValue(format(date, 'PP p'));\n setLocalErrorMsg('');\n }\n } else {\n setDateInputValue('');\n setLocalErrorMsg('');\n }\n };\n\n const dateInputValueDate = new Date(dateInputValue);\n const dateInputValueIsValid = isValid(dateInputValueDate);\n const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n const handleDaySelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleMonthSelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleTimeStrChange = (val: string) => {\n setTimeStrValue(val);\n\n if (dateInputValueIsValid) {\n const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n updateInputValue(newDate \|\| '');\n }\n };\n\n const handleCancel = () => {\n setOpenPopover?.(false);\n };\n\n const handleApply = () => {\n if (isValid(dateInputValueDate)) {\n onValueChange(dateInputValueDate);\n }\n setOpenPopover?.(false);\n };\n\n const handleClear = () => {\n onValueChange(undefined);\n setSelected(undefined);\n setDateInputValue('');\n setTimeStrValue('');\n setOpenPopover?.(false);\n };\n\n return (\n <div\n aria-label=\"Choose date\"\n className={cn('relative flex flex-col', className)}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === 'Escape') {\n setOpenPopover?.(false);\n }\n }}\n >\n <Field invalid={Boolean(localErrorMsg)} className=\"m-4 mb-0 w-auto!\">\n <FieldLabel className=\"sr-only\">Date</FieldLabel>\n <Input type=\"text\" value={dateInputValue} onChange={handleInputChange} placeholder={placeholder} />\n <FieldError>{localErrorMsg}</FieldError>\n </Field>\n\n <DatePicker\n mode=\"single\"\n month={selected}\n selected={selected}\n onMonthChange={handleMonthSelect}\n onSelect={handleDaySelect}\n {...props}\n />\n\n <TimePicker\n onValueChange={handleTimeStrChange}\n className=\"m-4 mt-0 w-auto\"\n defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n />\n\n <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n {newValueDefined && (\n <Button icon={<X />} tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n Clear\n </Button>\n )}\n <Button\n icon={newValueDefined ? <Check /> : <X />}\n tabIndex={0}\n type=\"button\"\n size=\"md\"\n variant={newValueDefined ? 'primary' : 'default'}\n onClick={() => {\n dateInputValueIsValid ? handleApply() : handleCancel();\n }}\n >\n {newValueDefined ? `Apply` : `Cancel`}\n </Button>\n </div>\n </div>\n );\n};\n\ntype DefaultButtonProps = Pick<ButtonProps, 'variant' \| 'size' \| 'tooltip' \| 'disabled'> & {\n className?: string;\n placeholder?: string;\n value: Date \| undefined \| null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n ({ value, placeholder, variant = 'default', size, className, ...props }, ref) => {\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'justify-start',\n variant === 'default' && fieldTriggerStyle,\n controlTriggerOpenStateFor(variant),\n className,\n )}\n icon={<CalendarIcon />}\n {...props}\n >\n {value ? (\n <span className=\"text-foreground\">{format(value, 'PP p')}</span>\n ) : (\n <span className=\"text-muted-foreground\">{placeholder ?? 'Pick a date'}</span>\n )}\n </Button>\n );\n },\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateTimePicker.cjs.js","names":["DayPicker","cn","quietTextHover","useState","cn","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","React","Popover","PopoverTrigger","PopoverContent","isValid","format","useDebouncedCallback","cn","Field","FieldLabel","Input","FieldError","formatDate","Button","X","Check","controlTriggerOpenStateFor","CalendarIcon"],"sources":["../../src/ds/components/DateTimePicker/date-picker.tsx","../../src/ds/components/DateTimePicker/time-picker.tsx","../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function DatePicker({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col space-y-4 sm:space-y-0 ',\n month: 'space-y-4 text-caption',\n caption: 'flex justify-between pt-1 items-center pl-2',\n caption_label: 'text-label text-foreground',\n nav: 'flex items-center',\n nav_button_previous: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n nav_button_next: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n dropdown_month: 'w-full border-collapse space-y-1',\n weeknumber: 'flex',\n day: cn(\n 'relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-fill [&:has([aria-selected].day-outside)]:bg-fill-subtle [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n 'size-8 p-0 text-caption hover:bg-fill-subtle aria-selected:opacity-100',\n ),\n day_range_start: 'day-range-start rounded-l-md',\n day_range_end: 'day-range-end rounded-r-md',\n day_selected: cn(\n 'bg-foreground! text-sidebar! hover:bg-foreground/90! focus:bg-foreground/90! focus:text-sidebar!',\n props.mode !== 'range' && 'rounded-md',\n ),\n day_today: 'bg-fill text-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-fill-subtle aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-fill aria-selected:text-foreground',\n day_hidden: 'invisible',\n head_cell: 'text-meta text-muted-foreground',\n ...classNames,\n }}\n {...props}\n />\n );\n}\n","import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n defaultValue?: string;\n onValueChange: (value: string) => void;\n className?: string;\n label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n const [hour, setHour] = useState<string>('12');\n const [minute, setMinute] = useState<string>('00');\n const [timePeriod, setTimePeriod] = useState('AM');\n\n useEffect(() => {\n if (defaultValue) {\n const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s(AM\|PM\|am\|pm)?$/;\n const match = defaultValue.match(timeRegex);\n\n if (match) {\n const rawHour = match[1];\n const rawMinute = match[2];\n if (rawHour === undefined \|\| rawMinute === undefined) return;\n\n let parsedHour = parseInt(rawHour, 10);\n const parsedMinute = parseInt(rawMinute, 10);\n const period = match[3]?.toUpperCase();\n\n if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n setHour(parsedHour.toString());\n setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n setTimePeriod(period \|\| 'AM');\n }\n }\n }\n }, [defaultValue]);\n\n const handleHourChange = (val: string) => {\n const nextHour = hourOptions[+val];\n if (nextHour === undefined) return;\n setHour(nextHour);\n onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n };\n\n const handleMinuteChange = (val: string) => {\n const nextMinute = minuteOptions[+val];\n if (nextMinute === undefined) return;\n setMinute(nextMinute);\n onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n };\n\n const handleTimePeriodChange = (val: string) => {\n const nextPeriod = timePeriodOptions[+val];\n if (nextPeriod === undefined) return;\n setTimePeriod(nextPeriod);\n onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n };\n\n return (\n <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n :\n <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n <TimePartSelect\n label=\"AM or PM\"\n options={timePeriodOptions}\n value={timePeriod}\n onValueChange={handleTimePeriodChange}\n />\n </div>\n );\n}\n\ntype TimePartSelectProps = {\n label: string;\n options: readonly string[];\n value: string;\n onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n return (\n <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n <SelectTrigger size=\"sm\" aria-label={label}>\n <SelectValue placeholder=\"Select\" />\n </SelectTrigger>\n <SelectContent>\n {options.map((option, idx) => (\n <SelectItem key={option} value={`${idx}`}>\n {option}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n );\n}\n","import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, Check, X } from 'lucide-react';\nimport as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { controlTriggerOpenStateFor } from '@/ds/primitives/control-size';\nimport { fieldTriggerStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' \| 'selected' \| 'onSelect'> & {\n value: Date \| undefined \| null;\n minValue?: Date \| null;\n maxValue?: Date \| null;\n defaultTimeStrValue?: string;\n onValueChange: (date: Date \| undefined) => void;\n};\n\ntype DefaultTriggerLook = Pick<ButtonProps, 'variant' \| 'size'>;\n\nexport type DateTimePickerProps =\n \| (CommonProps & DefaultTriggerLook & { children?: never; className?: string; placeholder?: string })\n \| (CommonProps & {\n children: React.ReactNode;\n className?: never;\n placeholder?: string;\n variant?: never;\n size?: never;\n });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n value,\n minValue,\n maxValue,\n defaultTimeStrValue,\n onValueChange,\n children,\n className,\n placeholder,\n variant,\n size,\n ...props\n}) => {\n const [openPopover, setOpenPopover] = React.useState(false);\n\n return (\n <Popover open={openPopover} onOpenChange={setOpenPopover}>\n <PopoverTrigger asChild>\n {children ? (\n children\n ) : (\n <DefaultTrigger\n value={value}\n placeholder={placeholder}\n variant={variant}\n size={size}\n className={className}\n data-testid=\"datepicker-button\"\n />\n )}\n </PopoverTrigger>\n <PopoverContent\n className=\"backdrop-blur-4xl w-auto max-w-66 bg-muted p-0!\"\n align=\"start\"\n data-testid=\"datepicker-calendar\"\n >\n <DateTimePickerContent\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n onValueChange={onValueChange}\n setOpenPopover={setOpenPopover}\n defaultTimeStrValue={defaultTimeStrValue}\n {...props}\n />\n </PopoverContent>\n </Popover>\n );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date \| null {\n if (!isValid(date)) {\n return null;\n }\n\n if (timeStr) {\n const dateStr = format(date, 'yyyy-MM-dd');\n const newDate = new Date(`${dateStr} ${timeStr}`);\n if (isValid(newDate)) {\n return newDate;\n }\n }\n\n return date;\n}\n\nexport const DateTimePickerContent = ({\n value,\n minValue,\n maxValue,\n onValueChange,\n setOpenPopover,\n placeholder,\n className,\n defaultTimeStrValue,\n ...props\n}: CommonProps & {\n setOpenPopover?: (open: boolean) => void;\n placeholder?: string;\n className?: string;\n}) => {\n const [localErrorMsg, setLocalErrorMsg] = React.useState<string \| null>(null);\n const [dateInputValue, setDateInputValue] = React.useState<string>(\n value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) \|\| '', 'PP p') : '',\n );\n const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue \|\| '');\n const [selected, setSelected] = React.useState<Date \| undefined>(value ? new Date(value) : undefined);\n\n const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n if (isValid(date)) {\n setSelected(date);\n onValueChange?.(date);\n setOpenPopover?.(false);\n }\n }, 500);\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setDateInputValue(e.currentTarget.value);\n const date = new Date(e.currentTarget.value);\n debouncedDateUpdate(date);\n };\n\n const updateInputValue = (date: Date \| string) => {\n if (isValid(date)) {\n if (maxValue && date > maxValue) {\n setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n setDateInputValue('');\n } else if (minValue && date < minValue) {\n setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n setDateInputValue('');\n } else {\n setDateInputValue(format(date, 'PP p'));\n setLocalErrorMsg('');\n }\n } else {\n setDateInputValue('');\n setLocalErrorMsg('');\n }\n };\n\n const dateInputValueDate = new Date(dateInputValue);\n const dateInputValueIsValid = isValid(dateInputValueDate);\n const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n const handleDaySelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleMonthSelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleTimeStrChange = (val: string) => {\n setTimeStrValue(val);\n\n if (dateInputValueIsValid) {\n const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n updateInputValue(newDate \|\| '');\n }\n };\n\n const handleCancel = () => {\n setOpenPopover?.(false);\n };\n\n const handleApply = () => {\n if (isValid(dateInputValueDate)) {\n onValueChange(dateInputValueDate);\n }\n setOpenPopover?.(false);\n };\n\n const handleClear = () => {\n onValueChange(undefined);\n setSelected(undefined);\n setDateInputValue('');\n setTimeStrValue('');\n setOpenPopover?.(false);\n };\n\n return (\n <div\n aria-label=\"Choose date\"\n className={cn('relative flex flex-col', className)}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === 'Escape') {\n setOpenPopover?.(false);\n }\n }}\n >\n <Field invalid={Boolean(localErrorMsg)} className=\"m-4 mb-0 w-auto!\">\n <FieldLabel className=\"sr-only\">Date</FieldLabel>\n <Input type=\"text\" value={dateInputValue} onChange={handleInputChange} placeholder={placeholder} />\n <FieldError>{localErrorMsg}</FieldError>\n </Field>\n\n <DatePicker\n mode=\"single\"\n month={selected}\n selected={selected}\n onMonthChange={handleMonthSelect}\n onSelect={handleDaySelect}\n {...props}\n />\n\n <TimePicker\n onValueChange={handleTimeStrChange}\n className=\"m-4 mt-0 w-auto\"\n defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n />\n\n <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n {newValueDefined && (\n <Button icon={<X />} tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n Clear\n </Button>\n )}\n <Button\n icon={newValueDefined ? <Check /> : <X />}\n tabIndex={0}\n type=\"button\"\n size=\"md\"\n variant={newValueDefined ? 'primary' : 'default'}\n onClick={() => {\n dateInputValueIsValid ? handleApply() : handleCancel();\n }}\n >\n {newValueDefined ? `Apply` : `Cancel`}\n </Button>\n </div>\n </div>\n );\n};\n\ntype DefaultButtonProps = Pick<ButtonProps, 'variant' \| 'size' \| 'tooltip' \| 'disabled'> & {\n className?: string;\n placeholder?: string;\n value: Date \| undefined \| null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n ({ value, placeholder, variant = 'default', size, className, ...props }, ref) => {\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'justify-start',\n variant === 'default' && fieldTriggerStyle,\n controlTriggerOpenStateFor(variant),\n className,\n )}\n icon={<CalendarIcon />}\n {...props}\n >\n {value ? (\n <span className=\"text-foreground\">{format(value, 'PP p')}</span>\n ) : (\n <span className=\"text-muted-foreground\">{placeholder ?? 'Pick a date'}</span>\n )}\n </Button>\n );\n },\n);\n"],"mappings":"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"}

package/dist/components/DateTimePicker.es.js CHANGED Viewed

@@ -141,7 +141,7 @@ function TimePartSelect({ label, options, value, onValueChange }) {
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			size: "sm",
 			"aria-label": label,
-			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." })
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select" })
 		}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, {
 			value: `${idx}`,
 			children: option

package/dist/components/DateTimePicker.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTimePicker.es.js","names":["React"],"sources":["../../src/ds/components/DateTimePicker/date-picker.tsx","../../src/ds/components/DateTimePicker/time-picker.tsx","../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function DatePicker({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col space-y-4 sm:space-y-0 ',\n month: 'space-y-4 text-caption',\n caption: 'flex justify-between pt-1 items-center pl-2',\n caption_label: 'text-label text-foreground',\n nav: 'flex items-center',\n nav_button_previous: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n nav_button_next: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n dropdown_month: 'w-full border-collapse space-y-1',\n weeknumber: 'flex',\n day: cn(\n 'relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-fill [&:has([aria-selected].day-outside)]:bg-fill-subtle [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n 'size-8 p-0 text-caption hover:bg-fill-subtle aria-selected:opacity-100',\n ),\n day_range_start: 'day-range-start rounded-l-md',\n day_range_end: 'day-range-end rounded-r-md',\n day_selected: cn(\n 'bg-foreground! text-sidebar! hover:bg-foreground/90! focus:bg-foreground/90! focus:text-sidebar!',\n props.mode !== 'range' && 'rounded-md',\n ),\n day_today: 'bg-fill text-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-fill-subtle aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-fill aria-selected:text-foreground',\n day_hidden: 'invisible',\n head_cell: 'text-meta text-muted-foreground',\n ...classNames,\n }}\n {...props}\n />\n );\n}\n","import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n defaultValue?: string;\n onValueChange: (value: string) => void;\n className?: string;\n label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n const [hour, setHour] = useState<string>('12');\n const [minute, setMinute] = useState<string>('00');\n const [timePeriod, setTimePeriod] = useState('AM');\n\n useEffect(() => {\n if (defaultValue) {\n const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s(AM\|PM\|am\|pm)?$/;\n const match = defaultValue.match(timeRegex);\n\n if (match) {\n const rawHour = match[1];\n const rawMinute = match[2];\n if (rawHour === undefined \|\| rawMinute === undefined) return;\n\n let parsedHour = parseInt(rawHour, 10);\n const parsedMinute = parseInt(rawMinute, 10);\n const period = match[3]?.toUpperCase();\n\n if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n setHour(parsedHour.toString());\n setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n setTimePeriod(period \|\| 'AM');\n }\n }\n }\n }, [defaultValue]);\n\n const handleHourChange = (val: string) => {\n const nextHour = hourOptions[+val];\n if (nextHour === undefined) return;\n setHour(nextHour);\n onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n };\n\n const handleMinuteChange = (val: string) => {\n const nextMinute = minuteOptions[+val];\n if (nextMinute === undefined) return;\n setMinute(nextMinute);\n onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n };\n\n const handleTimePeriodChange = (val: string) => {\n const nextPeriod = timePeriodOptions[+val];\n if (nextPeriod === undefined) return;\n setTimePeriod(nextPeriod);\n onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n };\n\n return (\n <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n :\n <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n <TimePartSelect\n label=\"AM or PM\"\n options={timePeriodOptions}\n value={timePeriod}\n onValueChange={handleTimePeriodChange}\n />\n </div>\n );\n}\n\ntype TimePartSelectProps = {\n label: string;\n options: readonly string[];\n value: string;\n onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n return (\n <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n <SelectTrigger size=\"sm\" aria-label={label}>\n <SelectValue placeholder=\"Select...\" />\n </SelectTrigger>\n <SelectContent>\n {options.map((option, idx) => (\n <SelectItem key={option} value={`${idx}`}>\n {option}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n );\n}\n","import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, Check, X } from 'lucide-react';\nimport as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { controlTriggerOpenStateFor } from '@/ds/primitives/control-size';\nimport { fieldTriggerStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' \| 'selected' \| 'onSelect'> & {\n value: Date \| undefined \| null;\n minValue?: Date \| null;\n maxValue?: Date \| null;\n defaultTimeStrValue?: string;\n onValueChange: (date: Date \| undefined) => void;\n};\n\ntype DefaultTriggerLook = Pick<ButtonProps, 'variant' \| 'size'>;\n\nexport type DateTimePickerProps =\n \| (CommonProps & DefaultTriggerLook & { children?: never; className?: string; placeholder?: string })\n \| (CommonProps & {\n children: React.ReactNode;\n className?: never;\n placeholder?: string;\n variant?: never;\n size?: never;\n });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n value,\n minValue,\n maxValue,\n defaultTimeStrValue,\n onValueChange,\n children,\n className,\n placeholder,\n variant,\n size,\n ...props\n}) => {\n const [openPopover, setOpenPopover] = React.useState(false);\n\n return (\n <Popover open={openPopover} onOpenChange={setOpenPopover}>\n <PopoverTrigger asChild>\n {children ? (\n children\n ) : (\n <DefaultTrigger\n value={value}\n placeholder={placeholder}\n variant={variant}\n size={size}\n className={className}\n data-testid=\"datepicker-button\"\n />\n )}\n </PopoverTrigger>\n <PopoverContent\n className=\"backdrop-blur-4xl w-auto max-w-66 bg-muted p-0!\"\n align=\"start\"\n data-testid=\"datepicker-calendar\"\n >\n <DateTimePickerContent\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n onValueChange={onValueChange}\n setOpenPopover={setOpenPopover}\n defaultTimeStrValue={defaultTimeStrValue}\n {...props}\n />\n </PopoverContent>\n </Popover>\n );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date \| null {\n if (!isValid(date)) {\n return null;\n }\n\n if (timeStr) {\n const dateStr = format(date, 'yyyy-MM-dd');\n const newDate = new Date(`${dateStr} ${timeStr}`);\n if (isValid(newDate)) {\n return newDate;\n }\n }\n\n return date;\n}\n\nexport const DateTimePickerContent = ({\n value,\n minValue,\n maxValue,\n onValueChange,\n setOpenPopover,\n placeholder,\n className,\n defaultTimeStrValue,\n ...props\n}: CommonProps & {\n setOpenPopover?: (open: boolean) => void;\n placeholder?: string;\n className?: string;\n}) => {\n const [localErrorMsg, setLocalErrorMsg] = React.useState<string \| null>(null);\n const [dateInputValue, setDateInputValue] = React.useState<string>(\n value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) \|\| '', 'PP p') : '',\n );\n const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue \|\| '');\n const [selected, setSelected] = React.useState<Date \| undefined>(value ? new Date(value) : undefined);\n\n const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n if (isValid(date)) {\n setSelected(date);\n onValueChange?.(date);\n setOpenPopover?.(false);\n }\n }, 500);\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setDateInputValue(e.currentTarget.value);\n const date = new Date(e.currentTarget.value);\n debouncedDateUpdate(date);\n };\n\n const updateInputValue = (date: Date \| string) => {\n if (isValid(date)) {\n if (maxValue && date > maxValue) {\n setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n setDateInputValue('');\n } else if (minValue && date < minValue) {\n setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n setDateInputValue('');\n } else {\n setDateInputValue(format(date, 'PP p'));\n setLocalErrorMsg('');\n }\n } else {\n setDateInputValue('');\n setLocalErrorMsg('');\n }\n };\n\n const dateInputValueDate = new Date(dateInputValue);\n const dateInputValueIsValid = isValid(dateInputValueDate);\n const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n const handleDaySelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleMonthSelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleTimeStrChange = (val: string) => {\n setTimeStrValue(val);\n\n if (dateInputValueIsValid) {\n const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n updateInputValue(newDate \|\| '');\n }\n };\n\n const handleCancel = () => {\n setOpenPopover?.(false);\n };\n\n const handleApply = () => {\n if (isValid(dateInputValueDate)) {\n onValueChange(dateInputValueDate);\n }\n setOpenPopover?.(false);\n };\n\n const handleClear = () => {\n onValueChange(undefined);\n setSelected(undefined);\n setDateInputValue('');\n setTimeStrValue('');\n setOpenPopover?.(false);\n };\n\n return (\n <div\n aria-label=\"Choose date\"\n className={cn('relative flex flex-col', className)}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === 'Escape') {\n setOpenPopover?.(false);\n }\n }}\n >\n <Field invalid={Boolean(localErrorMsg)} className=\"m-4 mb-0 w-auto!\">\n <FieldLabel className=\"sr-only\">Date</FieldLabel>\n <Input type=\"text\" value={dateInputValue} onChange={handleInputChange} placeholder={placeholder} />\n <FieldError>{localErrorMsg}</FieldError>\n </Field>\n\n <DatePicker\n mode=\"single\"\n month={selected}\n selected={selected}\n onMonthChange={handleMonthSelect}\n onSelect={handleDaySelect}\n {...props}\n />\n\n <TimePicker\n onValueChange={handleTimeStrChange}\n className=\"m-4 mt-0 w-auto\"\n defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n />\n\n <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n {newValueDefined && (\n <Button icon={<X />} tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n Clear\n </Button>\n )}\n <Button\n icon={newValueDefined ? <Check /> : <X />}\n tabIndex={0}\n type=\"button\"\n size=\"md\"\n variant={newValueDefined ? 'primary' : 'default'}\n onClick={() => {\n dateInputValueIsValid ? handleApply() : handleCancel();\n }}\n >\n {newValueDefined ? `Apply` : `Cancel`}\n </Button>\n </div>\n </div>\n );\n};\n\ntype DefaultButtonProps = Pick<ButtonProps, 'variant' \| 'size' \| 'tooltip' \| 'disabled'> & {\n className?: string;\n placeholder?: string;\n value: Date \| undefined \| null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n ({ value, placeholder, variant = 'default', size, className, ...props }, ref) => {\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'justify-start',\n variant === 'default' && fieldTriggerStyle,\n controlTriggerOpenStateFor(variant),\n className,\n )}\n icon={<CalendarIcon />}\n {...props}\n >\n {value ? (\n <span className=\"text-foreground\">{format(value, 'PP p')}</span>\n ) : (\n <span className=\"text-muted-foreground\">{placeholder ?? 'Pick a date'}</span>\n )}\n </Button>\n );\n },\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"DateTimePicker.es.js","names":["React"],"sources":["../../src/ds/components/DateTimePicker/date-picker.tsx","../../src/ds/components/DateTimePicker/time-picker.tsx","../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function DatePicker({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col space-y-4 sm:space-y-0 ',\n month: 'space-y-4 text-caption',\n caption: 'flex justify-between pt-1 items-center pl-2',\n caption_label: 'text-label text-foreground',\n nav: 'flex items-center',\n nav_button_previous: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n nav_button_next: cn(\n quietTextHover,\n 'flex size-7 items-center justify-center rounded-md bg-transparent p-0 hover:bg-fill-subtle',\n ),\n dropdown_month: 'w-full border-collapse space-y-1',\n weeknumber: 'flex',\n day: cn(\n 'relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-fill [&:has([aria-selected].day-outside)]:bg-fill-subtle [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n 'size-8 p-0 text-caption hover:bg-fill-subtle aria-selected:opacity-100',\n ),\n day_range_start: 'day-range-start rounded-l-md',\n day_range_end: 'day-range-end rounded-r-md',\n day_selected: cn(\n 'bg-foreground! text-sidebar! hover:bg-foreground/90! focus:bg-foreground/90! focus:text-sidebar!',\n props.mode !== 'range' && 'rounded-md',\n ),\n day_today: 'bg-fill text-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-fill-subtle aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-fill aria-selected:text-foreground',\n day_hidden: 'invisible',\n head_cell: 'text-meta text-muted-foreground',\n ...classNames,\n }}\n {...props}\n />\n );\n}\n","import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n defaultValue?: string;\n onValueChange: (value: string) => void;\n className?: string;\n label?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className, label = 'Time' }: TimePickerProps) {\n const [hour, setHour] = useState<string>('12');\n const [minute, setMinute] = useState<string>('00');\n const [timePeriod, setTimePeriod] = useState('AM');\n\n useEffect(() => {\n if (defaultValue) {\n const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s(AM\|PM\|am\|pm)?$/;\n const match = defaultValue.match(timeRegex);\n\n if (match) {\n const rawHour = match[1];\n const rawMinute = match[2];\n if (rawHour === undefined \|\| rawMinute === undefined) return;\n\n let parsedHour = parseInt(rawHour, 10);\n const parsedMinute = parseInt(rawMinute, 10);\n const period = match[3]?.toUpperCase();\n\n if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n setHour(parsedHour.toString());\n setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n setTimePeriod(period \|\| 'AM');\n }\n }\n }\n }, [defaultValue]);\n\n const handleHourChange = (val: string) => {\n const nextHour = hourOptions[+val];\n if (nextHour === undefined) return;\n setHour(nextHour);\n onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n };\n\n const handleMinuteChange = (val: string) => {\n const nextMinute = minuteOptions[+val];\n if (nextMinute === undefined) return;\n setMinute(nextMinute);\n onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n };\n\n const handleTimePeriodChange = (val: string) => {\n const nextPeriod = timePeriodOptions[+val];\n if (nextPeriod === undefined) return;\n setTimePeriod(nextPeriod);\n onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n };\n\n return (\n <div role=\"group\" aria-label={label} className={cn('flex items-center gap-2', className)}>\n <TimePartSelect label=\"Hour\" options={hourOptions} value={hour} onValueChange={handleHourChange} />\n :\n <TimePartSelect label=\"Minute\" options={minuteOptions} value={minute} onValueChange={handleMinuteChange} />\n <TimePartSelect\n label=\"AM or PM\"\n options={timePeriodOptions}\n value={timePeriod}\n onValueChange={handleTimePeriodChange}\n />\n </div>\n );\n}\n\ntype TimePartSelectProps = {\n label: string;\n options: readonly string[];\n value: string;\n onValueChange: (index: string) => void;\n};\n\nfunction TimePartSelect({ label, options, value, onValueChange }: TimePartSelectProps) {\n return (\n <Select value={options.indexOf(value).toString()} onValueChange={onValueChange}>\n <SelectTrigger size=\"sm\" aria-label={label}>\n <SelectValue placeholder=\"Select\" />\n </SelectTrigger>\n <SelectContent>\n {options.map((option, idx) => (\n <SelectItem key={option} value={`${idx}`}>\n {option}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n );\n}\n","import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, Check, X } from 'lucide-react';\nimport as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Field, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { controlTriggerOpenStateFor } from '@/ds/primitives/control-size';\nimport { fieldTriggerStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' \| 'selected' \| 'onSelect'> & {\n value: Date \| undefined \| null;\n minValue?: Date \| null;\n maxValue?: Date \| null;\n defaultTimeStrValue?: string;\n onValueChange: (date: Date \| undefined) => void;\n};\n\ntype DefaultTriggerLook = Pick<ButtonProps, 'variant' \| 'size'>;\n\nexport type DateTimePickerProps =\n \| (CommonProps & DefaultTriggerLook & { children?: never; className?: string; placeholder?: string })\n \| (CommonProps & {\n children: React.ReactNode;\n className?: never;\n placeholder?: string;\n variant?: never;\n size?: never;\n });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n value,\n minValue,\n maxValue,\n defaultTimeStrValue,\n onValueChange,\n children,\n className,\n placeholder,\n variant,\n size,\n ...props\n}) => {\n const [openPopover, setOpenPopover] = React.useState(false);\n\n return (\n <Popover open={openPopover} onOpenChange={setOpenPopover}>\n <PopoverTrigger asChild>\n {children ? (\n children\n ) : (\n <DefaultTrigger\n value={value}\n placeholder={placeholder}\n variant={variant}\n size={size}\n className={className}\n data-testid=\"datepicker-button\"\n />\n )}\n </PopoverTrigger>\n <PopoverContent\n className=\"backdrop-blur-4xl w-auto max-w-66 bg-muted p-0!\"\n align=\"start\"\n data-testid=\"datepicker-calendar\"\n >\n <DateTimePickerContent\n value={value}\n minValue={minValue}\n maxValue={maxValue}\n onValueChange={onValueChange}\n setOpenPopover={setOpenPopover}\n defaultTimeStrValue={defaultTimeStrValue}\n {...props}\n />\n </PopoverContent>\n </Popover>\n );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date \| null {\n if (!isValid(date)) {\n return null;\n }\n\n if (timeStr) {\n const dateStr = format(date, 'yyyy-MM-dd');\n const newDate = new Date(`${dateStr} ${timeStr}`);\n if (isValid(newDate)) {\n return newDate;\n }\n }\n\n return date;\n}\n\nexport const DateTimePickerContent = ({\n value,\n minValue,\n maxValue,\n onValueChange,\n setOpenPopover,\n placeholder,\n className,\n defaultTimeStrValue,\n ...props\n}: CommonProps & {\n setOpenPopover?: (open: boolean) => void;\n placeholder?: string;\n className?: string;\n}) => {\n const [localErrorMsg, setLocalErrorMsg] = React.useState<string \| null>(null);\n const [dateInputValue, setDateInputValue] = React.useState<string>(\n value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) \|\| '', 'PP p') : '',\n );\n const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue \|\| '');\n const [selected, setSelected] = React.useState<Date \| undefined>(value ? new Date(value) : undefined);\n\n const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n if (isValid(date)) {\n setSelected(date);\n onValueChange?.(date);\n setOpenPopover?.(false);\n }\n }, 500);\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setDateInputValue(e.currentTarget.value);\n const date = new Date(e.currentTarget.value);\n debouncedDateUpdate(date);\n };\n\n const updateInputValue = (date: Date \| string) => {\n if (isValid(date)) {\n if (maxValue && date > maxValue) {\n setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n setDateInputValue('');\n } else if (minValue && date < minValue) {\n setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n setDateInputValue('');\n } else {\n setDateInputValue(format(date, 'PP p'));\n setLocalErrorMsg('');\n }\n } else {\n setDateInputValue('');\n setLocalErrorMsg('');\n }\n };\n\n const dateInputValueDate = new Date(dateInputValue);\n const dateInputValueIsValid = isValid(dateInputValueDate);\n const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n const handleDaySelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleMonthSelect = (date: Date \| undefined) => {\n setSelected(date);\n if (date) {\n const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n updateInputValue(newDate \|\| '');\n } else {\n updateInputValue('');\n }\n };\n\n const handleTimeStrChange = (val: string) => {\n setTimeStrValue(val);\n\n if (dateInputValueIsValid) {\n const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n updateInputValue(newDate \|\| '');\n }\n };\n\n const handleCancel = () => {\n setOpenPopover?.(false);\n };\n\n const handleApply = () => {\n if (isValid(dateInputValueDate)) {\n onValueChange(dateInputValueDate);\n }\n setOpenPopover?.(false);\n };\n\n const handleClear = () => {\n onValueChange(undefined);\n setSelected(undefined);\n setDateInputValue('');\n setTimeStrValue('');\n setOpenPopover?.(false);\n };\n\n return (\n <div\n aria-label=\"Choose date\"\n className={cn('relative flex flex-col', className)}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === 'Escape') {\n setOpenPopover?.(false);\n }\n }}\n >\n <Field invalid={Boolean(localErrorMsg)} className=\"m-4 mb-0 w-auto!\">\n <FieldLabel className=\"sr-only\">Date</FieldLabel>\n <Input type=\"text\" value={dateInputValue} onChange={handleInputChange} placeholder={placeholder} />\n <FieldError>{localErrorMsg}</FieldError>\n </Field>\n\n <DatePicker\n mode=\"single\"\n month={selected}\n selected={selected}\n onMonthChange={handleMonthSelect}\n onSelect={handleDaySelect}\n {...props}\n />\n\n <TimePicker\n onValueChange={handleTimeStrChange}\n className=\"m-4 mt-0 w-auto\"\n defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n />\n\n <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n {newValueDefined && (\n <Button icon={<X />} tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n Clear\n </Button>\n )}\n <Button\n icon={newValueDefined ? <Check /> : <X />}\n tabIndex={0}\n type=\"button\"\n size=\"md\"\n variant={newValueDefined ? 'primary' : 'default'}\n onClick={() => {\n dateInputValueIsValid ? handleApply() : handleCancel();\n }}\n >\n {newValueDefined ? `Apply` : `Cancel`}\n </Button>\n </div>\n </div>\n );\n};\n\ntype DefaultButtonProps = Pick<ButtonProps, 'variant' \| 'size' \| 'tooltip' \| 'disabled'> & {\n className?: string;\n placeholder?: string;\n value: Date \| undefined \| null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n ({ value, placeholder, variant = 'default', size, className, ...props }, ref) => {\n return (\n <Button\n ref={ref}\n variant={variant}\n size={size}\n className={cn(\n 'justify-start',\n variant === 'default' && fieldTriggerStyle,\n controlTriggerOpenStateFor(variant),\n className,\n )}\n icon={<CalendarIcon />}\n {...props}\n >\n {value ? (\n <span className=\"text-foreground\">{format(value, 'PP p')}</span>\n ) : (\n <span className=\"text-muted-foreground\">{placeholder ?? 'Pick a date'}</span>\n )}\n </Button>\n );\n },\n);\n"],"mappings":"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"}

package/dist/components/FilterBar.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_types = require("../types-CP7wbYua.cjs");
-const require_filter_bar_chip = require("../filter-bar-chip-CIEsWcEw.cjs");
-const require_filter_bar_time_range = require("../filter-bar-time-range-DvuaFnkI.cjs");
-const require_FilterBar = require("../FilterBar-Buw0tv51.cjs");
+const require_filter_bar_chip = require("../filter-bar-chip-Cg-UbIwP.cjs");
+const require_filter_bar_time_range = require("../filter-bar-time-range-BA-pXMlo.cjs");
+const require_FilterBar = require("../FilterBar-CQl04O6t.cjs");
 exports.DEFAULT_FILTER_OPERATORS = require_FilterBar.DEFAULT_FILTER_OPERATORS;
 exports.FILTER_BAR_TIME_RANGE_FIELD = require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_FIELD;
 exports.FILTER_BAR_TIME_RANGE_FIELD_ID = require_filter_bar_time_range.FILTER_BAR_TIME_RANGE_FIELD_ID;

package/dist/components/FilterBar.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { t as isFilterBarGroup } from "../types-DiiL5mTO.js";
-import { a as FilterBarChipValue, i as FilterBarChipRemove, n as FilterBarChipField, r as FilterBarChipOperator, t as FilterBarChip } from "../filter-bar-chip-B4sV4gDm.js";
-import { i as FilterBarTimeRange, n as FILTER_BAR_TIME_RANGE_FIELD_ID, r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../filter-bar-time-range-CXQMBgpz.js";
-import { a as FilterBarGroupEditor, i as FilterBarAdvancedChip, n as FilterBar, o as FilterBarLogicToggle, r as FilterBarChips, s as FilterBarInput, t as DEFAULT_FILTER_OPERATORS } from "../FilterBar-BO-vvvyq.js";
+import { a as FilterBarChipValue, i as FilterBarChipRemove, n as FilterBarChipField, r as FilterBarChipOperator, t as FilterBarChip } from "../filter-bar-chip-CABeKrtf.js";
+import { i as FilterBarTimeRange, n as FILTER_BAR_TIME_RANGE_FIELD_ID, r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../filter-bar-time-range-mg9JeYue.js";
+import { a as FilterBarGroupEditor, i as FilterBarAdvancedChip, n as FilterBar, o as FilterBarLogicToggle, r as FilterBarChips, s as FilterBarInput, t as DEFAULT_FILTER_OPERATORS } from "../FilterBar-BgW2dqRQ.js";
 export { DEFAULT_FILTER_OPERATORS, FILTER_BAR_TIME_RANGE_FIELD, FILTER_BAR_TIME_RANGE_FIELD_ID, FILTER_BAR_TIME_RANGE_ITEM, FilterBar, FilterBarAdvancedChip, FilterBarChip, FilterBarChipField, FilterBarChipOperator, FilterBarChipRemove, FilterBarChipValue, FilterBarChips, FilterBarGroupEditor, FilterBarInput, FilterBarLogicToggle, FilterBarTimeRange, isFilterBarGroup };

package/dist/components/FormFieldBlocks.cjs.js CHANGED Viewed

@@ -114,7 +114,7 @@ function TextareaFieldBlock({ name, label, labelIsHidden = false, labelColumnWid
 }
 // src/ds/components/FormFieldBlocks/fields/search-field-block.tsx
 /** @deprecated Use `SearchInput`. */
-function SearchFieldBlock({ name, helpText, error, errorMsg, required = false, disabled = false, value, label, labelIsHidden = false, layout = "vertical", placeholder = "Search...", onChange, onReset, className, size, isMinimized, onMinimizedChange, inputRef: externalInputRef }) {
+function SearchFieldBlock({ name, helpText, error, errorMsg, required = false, disabled = false, value, label, labelIsHidden = false, layout = "vertical", placeholder = "Search", onChange, onReset, className, size, isMinimized, onMinimizedChange, inputRef: externalInputRef }) {
 	const inputRef = (0, react.useRef)(null);
 	const setInputRef = (element) => {
 		inputRef.current = element;

package/dist/components/FormFieldBlocks.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormFieldBlocks.cjs.js","names":["cn","cn","fieldErrorId","FieldBlock","VisuallyHidden","Input","fieldErrorId","FieldBlock","VisuallyHidden","Textarea","useRef","Tooltip","TooltipTrigger","Button","SearchIcon","TooltipContent","FieldBlock","Input","fieldErrorId","cn","XIcon","FieldBlock","VisuallyHidden","Select","SelectTrigger","fieldErrorId","SelectValue","SelectContent","SelectItem"],"sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n children: React.ReactNode;\n className?: string;\n columns?: 1 \| 2;\n gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n return (\n <div\n className={cn(\n 'grid',\n {\n 'grid-cols-1': columns === 1,\n 'grid-cols-2': columns === 2,\n },\n gap ?? 'gap-6',\n className,\n )}\n >\n {children}\n </div>\n );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\n/** @deprecated Lay fields out with plain grid or flex classes; `FieldGroup` stacks related fields. /\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n Column: FieldBlocksLayoutColumn,\n});\n","import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<InputProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: InputProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Input`. /\nexport function TextFieldBlock({\n name,\n value,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n placeholder,\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Input\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n value={value}\n placeholder={placeholder}\n data-testid={testId}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<TextareaProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: TextareaProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Textarea`. /\nexport function TextareaFieldBlock({\n name,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextareaFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Textarea\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n size={size}\n data-testid={testId}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n name: string;\n testId?: string;\n label?: string;\n labelIsHidden?: boolean;\n required?: boolean;\n disabled?: boolean;\n value?: string;\n placeholder?: string;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onReset?: () => void;\n helpText?: string;\n error?: boolean;\n errorMsg?: string;\n layout?: 'horizontal' \| 'vertical';\n className?: string;\n size?: InputProps['size'];\n isMinimized?: boolean;\n onMinimizedChange?: (minimized: boolean) => void;\n /* Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. /\n inputRef?: RefObject<HTMLInputElement \| null>;\n};\n\n/* @deprecated Use `SearchInput`. /\nexport function SearchFieldBlock({\n name,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n placeholder = 'Search...',\n onChange,\n onReset,\n className,\n size,\n isMinimized,\n onMinimizedChange,\n inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const setInputRef = (element: HTMLInputElement \| null) => {\n inputRef.current = element;\n if (externalInputRef) externalInputRef.current = element;\n };\n useEffect(() => {\n if (isMinimized === false) {\n inputRef.current?.focus();\n }\n }, [isMinimized]);\n\n if (isMinimized) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n size={`icon-${size \|\| 'sm'}`}\n aria-label={label \|\| 'Search'}\n disabled={disabled}\n onClick={() => onMinimizedChange?.(false)}\n >\n <SearchIcon />\n </Button>\n </TooltipTrigger>\n <TooltipContent>{label \|\| 'Search'}</TooltipContent>\n </Tooltip>\n );\n }\n\n return (\n <FieldBlock.Layout layout={layout} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n {layout === 'vertical' && label ? (\n <FieldBlock.Label\n name={name}\n required={required}\n disabled={disabled}\n className={labelIsHidden ? 'sr-only' : undefined}\n >\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <div className=\"group relative\">\n <Input\n ref={setInputRef}\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n value={value}\n placeholder={placeholder}\n onChange={onChange}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n className={cn(size === 'sm' && 'px-8', (!size \|\| size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n />\n <SearchIcon\n aria-hidden=\"true\"\n className={cn(\n 'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n size === 'sm' && 'size-3.5',\n (!size \|\| size === 'md') && 'size-4',\n size === 'lg' && 'size-[1.125rem]',\n )}\n />\n {onReset && (value \|\| isMinimized === false) && (\n <Button\n variant=\"ghost\"\n size={`icon-${size \|\| 'md'}`}\n aria-label=\"Clear search\"\n onClick={() => {\n if (value) {\n onReset();\n }\n if (isMinimized === false) {\n onMinimizedChange?.(true);\n }\n }}\n className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n >\n <XIcon />\n </Button>\n )}\n </div>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Pick<FieldBlockLabelProps, 'name' \| 'required'> & {\n testId?: string;\n label?: string \| null;\n labelIsHidden?: boolean;\n labelSize?: FieldBlockLabelProps['size'];\n disabled?: boolean;\n value?: string;\n options: { value: string; label: string }[];\n placeholder?: string;\n onValueChange: (value: string) => void;\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n error?: boolean;\n className?: string;\n size?: SelectTriggerProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Select`. */\nexport function SelectFieldBlock({\n name,\n helpText,\n errorMsg,\n required = false,\n disabled = false,\n size = 'md',\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n labelColumnWidth,\n options,\n placeholder = 'Select an option',\n onValueChange,\n className,\n}: SelectFieldBlockProps) {\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {layout === 'vertical' && label && !labelIsHidden ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Select\n aria-label={labelIsHidden ? label : undefined}\n name={name}\n value={value}\n onValueChange={onValueChange}\n disabled={disabled}\n >\n <SelectTrigger\n id={`input-${name}`}\n size={size}\n aria-invalid={errorMsg ? true : undefined}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n >\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent>\n {options.map(option => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FormFieldBlocks.cjs.js","names":["cn","cn","fieldErrorId","FieldBlock","VisuallyHidden","Input","fieldErrorId","FieldBlock","VisuallyHidden","Textarea","useRef","Tooltip","TooltipTrigger","Button","SearchIcon","TooltipContent","FieldBlock","Input","fieldErrorId","cn","XIcon","FieldBlock","VisuallyHidden","Select","SelectTrigger","fieldErrorId","SelectValue","SelectContent","SelectItem"],"sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n children: React.ReactNode;\n className?: string;\n columns?: 1 \| 2;\n gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n return (\n <div\n className={cn(\n 'grid',\n {\n 'grid-cols-1': columns === 1,\n 'grid-cols-2': columns === 2,\n },\n gap ?? 'gap-6',\n className,\n )}\n >\n {children}\n </div>\n );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\n/** @deprecated Lay fields out with plain grid or flex classes; `FieldGroup` stacks related fields. /\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n Column: FieldBlocksLayoutColumn,\n});\n","import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<InputProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: InputProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Input`. /\nexport function TextFieldBlock({\n name,\n value,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n placeholder,\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Input\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n value={value}\n placeholder={placeholder}\n data-testid={testId}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<TextareaProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: TextareaProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Textarea`. /\nexport function TextareaFieldBlock({\n name,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextareaFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Textarea\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n size={size}\n data-testid={testId}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n name: string;\n testId?: string;\n label?: string;\n labelIsHidden?: boolean;\n required?: boolean;\n disabled?: boolean;\n value?: string;\n placeholder?: string;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onReset?: () => void;\n helpText?: string;\n error?: boolean;\n errorMsg?: string;\n layout?: 'horizontal' \| 'vertical';\n className?: string;\n size?: InputProps['size'];\n isMinimized?: boolean;\n onMinimizedChange?: (minimized: boolean) => void;\n /* Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. /\n inputRef?: RefObject<HTMLInputElement \| null>;\n};\n\n/* @deprecated Use `SearchInput`. /\nexport function SearchFieldBlock({\n name,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n placeholder = 'Search',\n onChange,\n onReset,\n className,\n size,\n isMinimized,\n onMinimizedChange,\n inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const setInputRef = (element: HTMLInputElement \| null) => {\n inputRef.current = element;\n if (externalInputRef) externalInputRef.current = element;\n };\n useEffect(() => {\n if (isMinimized === false) {\n inputRef.current?.focus();\n }\n }, [isMinimized]);\n\n if (isMinimized) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n size={`icon-${size \|\| 'sm'}`}\n aria-label={label \|\| 'Search'}\n disabled={disabled}\n onClick={() => onMinimizedChange?.(false)}\n >\n <SearchIcon />\n </Button>\n </TooltipTrigger>\n <TooltipContent>{label \|\| 'Search'}</TooltipContent>\n </Tooltip>\n );\n }\n\n return (\n <FieldBlock.Layout layout={layout} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n {layout === 'vertical' && label ? (\n <FieldBlock.Label\n name={name}\n required={required}\n disabled={disabled}\n className={labelIsHidden ? 'sr-only' : undefined}\n >\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <div className=\"group relative\">\n <Input\n ref={setInputRef}\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n value={value}\n placeholder={placeholder}\n onChange={onChange}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n className={cn(size === 'sm' && 'px-8', (!size \|\| size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n />\n <SearchIcon\n aria-hidden=\"true\"\n className={cn(\n 'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n size === 'sm' && 'size-3.5',\n (!size \|\| size === 'md') && 'size-4',\n size === 'lg' && 'size-[1.125rem]',\n )}\n />\n {onReset && (value \|\| isMinimized === false) && (\n <Button\n variant=\"ghost\"\n size={`icon-${size \|\| 'md'}`}\n aria-label=\"Clear search\"\n onClick={() => {\n if (value) {\n onReset();\n }\n if (isMinimized === false) {\n onMinimizedChange?.(true);\n }\n }}\n className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n >\n <XIcon />\n </Button>\n )}\n </div>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Pick<FieldBlockLabelProps, 'name' \| 'required'> & {\n testId?: string;\n label?: string \| null;\n labelIsHidden?: boolean;\n labelSize?: FieldBlockLabelProps['size'];\n disabled?: boolean;\n value?: string;\n options: { value: string; label: string }[];\n placeholder?: string;\n onValueChange: (value: string) => void;\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n error?: boolean;\n className?: string;\n size?: SelectTriggerProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Select`. */\nexport function SelectFieldBlock({\n name,\n helpText,\n errorMsg,\n required = false,\n disabled = false,\n size = 'md',\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n labelColumnWidth,\n options,\n placeholder = 'Select an option',\n onValueChange,\n className,\n}: SelectFieldBlockProps) {\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {layout === 'vertical' && label && !labelIsHidden ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Select\n aria-label={labelIsHidden ? label : undefined}\n name={name}\n value={value}\n onValueChange={onValueChange}\n disabled={disabled}\n >\n <SelectTrigger\n id={`input-${name}`}\n size={size}\n aria-invalid={errorMsg ? true : undefined}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n >\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent>\n {options.map(option => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n"],"mappings":"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"}

package/dist/components/FormFieldBlocks.es.js CHANGED Viewed

@@ -113,7 +113,7 @@ function TextareaFieldBlock({ name, label, labelIsHidden = false, labelColumnWid
 }
 // src/ds/components/FormFieldBlocks/fields/search-field-block.tsx
 /** @deprecated Use `SearchInput`. */
-function SearchFieldBlock({ name, helpText, error, errorMsg, required = false, disabled = false, value, label, labelIsHidden = false, layout = "vertical", placeholder = "Search...", onChange, onReset, className, size, isMinimized, onMinimizedChange, inputRef: externalInputRef }) {
+function SearchFieldBlock({ name, helpText, error, errorMsg, required = false, disabled = false, value, label, labelIsHidden = false, layout = "vertical", placeholder = "Search", onChange, onReset, className, size, isMinimized, onMinimizedChange, inputRef: externalInputRef }) {
 	const inputRef = useRef(null);
 	const setInputRef = (element) => {
 		inputRef.current = element;

package/dist/components/FormFieldBlocks.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormFieldBlocks.es.js","names":[],"sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n children: React.ReactNode;\n className?: string;\n columns?: 1 \| 2;\n gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n return (\n <div\n className={cn(\n 'grid',\n {\n 'grid-cols-1': columns === 1,\n 'grid-cols-2': columns === 2,\n },\n gap ?? 'gap-6',\n className,\n )}\n >\n {children}\n </div>\n );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\n/** @deprecated Lay fields out with plain grid or flex classes; `FieldGroup` stacks related fields. /\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n Column: FieldBlocksLayoutColumn,\n});\n","import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<InputProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: InputProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Input`. /\nexport function TextFieldBlock({\n name,\n value,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n placeholder,\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Input\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n value={value}\n placeholder={placeholder}\n data-testid={testId}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<TextareaProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: TextareaProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Textarea`. /\nexport function TextareaFieldBlock({\n name,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextareaFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Textarea\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n size={size}\n data-testid={testId}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n name: string;\n testId?: string;\n label?: string;\n labelIsHidden?: boolean;\n required?: boolean;\n disabled?: boolean;\n value?: string;\n placeholder?: string;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onReset?: () => void;\n helpText?: string;\n error?: boolean;\n errorMsg?: string;\n layout?: 'horizontal' \| 'vertical';\n className?: string;\n size?: InputProps['size'];\n isMinimized?: boolean;\n onMinimizedChange?: (minimized: boolean) => void;\n /* Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. /\n inputRef?: RefObject<HTMLInputElement \| null>;\n};\n\n/* @deprecated Use `SearchInput`. /\nexport function SearchFieldBlock({\n name,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n placeholder = 'Search...',\n onChange,\n onReset,\n className,\n size,\n isMinimized,\n onMinimizedChange,\n inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const setInputRef = (element: HTMLInputElement \| null) => {\n inputRef.current = element;\n if (externalInputRef) externalInputRef.current = element;\n };\n useEffect(() => {\n if (isMinimized === false) {\n inputRef.current?.focus();\n }\n }, [isMinimized]);\n\n if (isMinimized) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n size={`icon-${size \|\| 'sm'}`}\n aria-label={label \|\| 'Search'}\n disabled={disabled}\n onClick={() => onMinimizedChange?.(false)}\n >\n <SearchIcon />\n </Button>\n </TooltipTrigger>\n <TooltipContent>{label \|\| 'Search'}</TooltipContent>\n </Tooltip>\n );\n }\n\n return (\n <FieldBlock.Layout layout={layout} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n {layout === 'vertical' && label ? (\n <FieldBlock.Label\n name={name}\n required={required}\n disabled={disabled}\n className={labelIsHidden ? 'sr-only' : undefined}\n >\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <div className=\"group relative\">\n <Input\n ref={setInputRef}\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n value={value}\n placeholder={placeholder}\n onChange={onChange}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n className={cn(size === 'sm' && 'px-8', (!size \|\| size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n />\n <SearchIcon\n aria-hidden=\"true\"\n className={cn(\n 'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n size === 'sm' && 'size-3.5',\n (!size \|\| size === 'md') && 'size-4',\n size === 'lg' && 'size-[1.125rem]',\n )}\n />\n {onReset && (value \|\| isMinimized === false) && (\n <Button\n variant=\"ghost\"\n size={`icon-${size \|\| 'md'}`}\n aria-label=\"Clear search\"\n onClick={() => {\n if (value) {\n onReset();\n }\n if (isMinimized === false) {\n onMinimizedChange?.(true);\n }\n }}\n className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n >\n <XIcon />\n </Button>\n )}\n </div>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Pick<FieldBlockLabelProps, 'name' \| 'required'> & {\n testId?: string;\n label?: string \| null;\n labelIsHidden?: boolean;\n labelSize?: FieldBlockLabelProps['size'];\n disabled?: boolean;\n value?: string;\n options: { value: string; label: string }[];\n placeholder?: string;\n onValueChange: (value: string) => void;\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n error?: boolean;\n className?: string;\n size?: SelectTriggerProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Select`. */\nexport function SelectFieldBlock({\n name,\n helpText,\n errorMsg,\n required = false,\n disabled = false,\n size = 'md',\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n labelColumnWidth,\n options,\n placeholder = 'Select an option',\n onValueChange,\n className,\n}: SelectFieldBlockProps) {\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {layout === 'vertical' && label && !labelIsHidden ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Select\n aria-label={labelIsHidden ? label : undefined}\n name={name}\n value={value}\n onValueChange={onValueChange}\n disabled={disabled}\n >\n <SelectTrigger\n id={`input-${name}`}\n size={size}\n aria-invalid={errorMsg ? true : undefined}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n >\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent>\n {options.map(option => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FormFieldBlocks.es.js","names":[],"sources":["../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-column.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout-root.tsx","../../src/ds/components/FormFieldBlocks/layout/field-blocks-layout.tsx","../../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/textarea-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx","../../src/ds/components/FormFieldBlocks/fields/select-field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutColumnProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function FieldBlocksLayoutColumn({ children, className }: FieldBlocksLayoutColumnProps) {\n return <div className={cn('grid content-start gap-6', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlocksLayoutRootProps = {\n children: React.ReactNode;\n className?: string;\n columns?: 1 \| 2;\n gap?: string;\n};\n\nexport function FieldBlocksLayoutRoot({ children, className, columns = 1, gap }: FieldBlocksLayoutRootProps) {\n return (\n <div\n className={cn(\n 'grid',\n {\n 'grid-cols-1': columns === 1,\n 'grid-cols-2': columns === 2,\n },\n gap ?? 'gap-6',\n className,\n )}\n >\n {children}\n </div>\n );\n}\n","import { FieldBlocksLayoutColumn } from './field-blocks-layout-column';\nimport { FieldBlocksLayoutRoot } from './field-blocks-layout-root';\n\n/** @deprecated Lay fields out with plain grid or flex classes; `FieldGroup` stacks related fields. /\nexport const FieldBlocksLayout = Object.assign(FieldBlocksLayoutRoot, {\n Column: FieldBlocksLayoutColumn,\n});\n","import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<InputProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: InputProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Input`. /\nexport function TextFieldBlock({\n name,\n value,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n placeholder,\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Input\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n value={value}\n placeholder={placeholder}\n data-testid={testId}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { Textarea } from '../../Textarea';\nimport type { TextareaProps } from '../../Textarea';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextareaFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Omit<TextareaProps, 'name' \| 'size'> & {\n name: string;\n labelIsHidden?: boolean;\n label?: FieldBlockLabelProps['children'];\n labelSize?: FieldBlockLabelProps['size'];\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n size?: TextareaProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Textarea`. /\nexport function TextareaFieldBlock({\n name,\n label,\n labelIsHidden = false,\n labelColumnWidth,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n labelSize,\n layout = 'vertical',\n size = 'md',\n testId,\n className,\n 'aria-describedby': ariaDescribedBy,\n ...props\n}: TextareaFieldBlockProps) {\n const describedBy =\n [ariaDescribedBy, errorMsg ? fieldErrorId(name) : undefined].filter(Boolean).join(' ') \|\| undefined;\n\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'bigger'}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {!labelIsHidden && layout === 'vertical' ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled} size={labelSize \|\| 'default'}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Textarea\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n required={required}\n size={size}\n data-testid={testId}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={describedBy}\n {...props}\n />\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n name: string;\n testId?: string;\n label?: string;\n labelIsHidden?: boolean;\n required?: boolean;\n disabled?: boolean;\n value?: string;\n placeholder?: string;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n onReset?: () => void;\n helpText?: string;\n error?: boolean;\n errorMsg?: string;\n layout?: 'horizontal' \| 'vertical';\n className?: string;\n size?: InputProps['size'];\n isMinimized?: boolean;\n onMinimizedChange?: (minimized: boolean) => void;\n /* Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. /\n inputRef?: RefObject<HTMLInputElement \| null>;\n};\n\n/* @deprecated Use `SearchInput`. /\nexport function SearchFieldBlock({\n name,\n helpText,\n error,\n errorMsg,\n required = false,\n disabled = false,\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n placeholder = 'Search',\n onChange,\n onReset,\n className,\n size,\n isMinimized,\n onMinimizedChange,\n inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const setInputRef = (element: HTMLInputElement \| null) => {\n inputRef.current = element;\n if (externalInputRef) externalInputRef.current = element;\n };\n useEffect(() => {\n if (isMinimized === false) {\n inputRef.current?.focus();\n }\n }, [isMinimized]);\n\n if (isMinimized) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n size={`icon-${size \|\| 'sm'}`}\n aria-label={label \|\| 'Search'}\n disabled={disabled}\n onClick={() => onMinimizedChange?.(false)}\n >\n <SearchIcon />\n </Button>\n </TooltipTrigger>\n <TooltipContent>{label \|\| 'Search'}</TooltipContent>\n </Tooltip>\n );\n }\n\n return (\n <FieldBlock.Layout layout={layout} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n {layout === 'vertical' && label ? (\n <FieldBlock.Label\n name={name}\n required={required}\n disabled={disabled}\n className={labelIsHidden ? 'sr-only' : undefined}\n >\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <div className=\"group relative\">\n <Input\n ref={setInputRef}\n id={`input-${name}`}\n name={name}\n disabled={disabled}\n value={value}\n placeholder={placeholder}\n onChange={onChange}\n size={size}\n error={error \|\| Boolean(errorMsg)}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n className={cn(size === 'sm' && 'px-8', (!size \|\| size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n />\n <SearchIcon\n aria-hidden=\"true\"\n className={cn(\n 'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n size === 'sm' && 'size-3.5',\n (!size \|\| size === 'md') && 'size-4',\n size === 'lg' && 'size-[1.125rem]',\n )}\n />\n {onReset && (value \|\| isMinimized === false) && (\n <Button\n variant=\"ghost\"\n size={`icon-${size \|\| 'md'}`}\n aria-label=\"Clear search\"\n onClick={() => {\n if (value) {\n onReset();\n }\n if (isMinimized === false) {\n onMinimizedChange?.(true);\n }\n }}\n className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n >\n <XIcon />\n </Button>\n )}\n </div>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n","import type { SelectTriggerProps } from '../../Select/select';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type SelectFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' \| 'labelColumnWidth'> &\n Pick<FieldBlockLabelProps, 'name' \| 'required'> & {\n testId?: string;\n label?: string \| null;\n labelIsHidden?: boolean;\n labelSize?: FieldBlockLabelProps['size'];\n disabled?: boolean;\n value?: string;\n options: { value: string; label: string }[];\n placeholder?: string;\n onValueChange: (value: string) => void;\n helpText?: FieldBlockHelpTextProps['children'];\n errorMsg?: FieldBlockErrorMsgProps['children'];\n error?: boolean;\n className?: string;\n size?: SelectTriggerProps['size'];\n };\n\n/* @deprecated Use `Field` + `FieldLabel` + `Select`. */\nexport function SelectFieldBlock({\n name,\n helpText,\n errorMsg,\n required = false,\n disabled = false,\n size = 'md',\n value,\n label,\n labelIsHidden = false,\n layout = 'vertical',\n labelColumnWidth,\n options,\n placeholder = 'Select an option',\n onValueChange,\n className,\n}: SelectFieldBlockProps) {\n return (\n <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n {layout === 'horizontal' ? (\n <FieldBlock.Column>\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n </FieldBlock.Label>\n </FieldBlock.Column>\n ) : null}\n <FieldBlock.Column>\n {layout === 'vertical' && label && !labelIsHidden ? (\n <FieldBlock.Label name={name} required={required} disabled={disabled}>\n {label}\n </FieldBlock.Label>\n ) : null}\n <FieldBlock.Column className=\"gap-1\">\n <Select\n aria-label={labelIsHidden ? label : undefined}\n name={name}\n value={value}\n onValueChange={onValueChange}\n disabled={disabled}\n >\n <SelectTrigger\n id={`input-${name}`}\n size={size}\n aria-invalid={errorMsg ? true : undefined}\n aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n >\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n <SelectContent>\n {options.map(option => (\n <SelectItem key={option.value} value={option.value}>\n {option.label}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n {helpText \|\| errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n </FieldBlock.Column>\n </FieldBlock.Column>\n </FieldBlock.Layout>\n );\n}\n"],"mappings":"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"}

package/dist/components/MetricsTable.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MetricsTable = require("../MetricsTable-D-aZf3dk.cjs");
+const require_MetricsTable = require("../MetricsTable-BSl81oNe.cjs");
 exports.MetricsTable = require_MetricsTable.MetricsTable;

package/dist/components/MetricsTable.es.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { t as MetricsTable } from "../MetricsTable-~~CRPeLHe1~~.js";
1	+ export { t as MetricsTable } from "../MetricsTable-DID6LRoP.js";

package/dist/components/PropertyFilter.cjs.js CHANGED Viewed

@@ -7,8 +7,8 @@ require("../primitives/typography.cjs.js");
 const require_Txt = require("../Txt-BnoSqxKE.cjs");
 const require_components_Field = require("./Field.cjs.js");
 const require_popover = require("../popover-BJqa6Hz6.cjs");
-const require_combobox = require("../combobox-CMx2ayFN.cjs");
-const require_property_filter_applied = require("../property-filter-applied-BCeRLcXb.cjs");
+const require_combobox = require("../combobox-DIT_6xiG.cjs");
+const require_property_filter_applied = require("../property-filter-applied-BkkIObRq.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -233,7 +233,7 @@ function PropertyFilterCreator({ fields, tokens, onTokensChange, label = "Add fi
 								setError(void 0);
 							},
 							placeholder: selectedField.placeholder ?? `Choose ${selectedField.label}`,
-							searchPlaceholder: `Search ${selectedField.label.toLowerCase()}...`,
+							searchPlaceholder: `Search ${selectedField.label.toLowerCase()}`,
 							emptyText: selectedField.emptyText ?? "No option found.",
 							size: "md",
 							"aria-label": selectedField.label