@alfadocs/ui-kit-debug 1.56.0 → 1.57.0

package/dist/_chunks/date-picker-BSZuKo13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-BSZuKo13.js","sources":["../../src/components/date-picker/date-picker.agent.ts","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — DatePicker.                                            */\n/*                                                                        */\n/* DatePicker wraps react-day-picker inside a Radix Popover. The agent    */\n/* surface curates the input + popover into a small set of date-shaped    */\n/* operations — set / clear / open / close. The handle is the curated    */\n/* surface; raw rdp internals are deliberately not exposed.              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` §15.                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { DatePickerHandle } from './date-picker';\n\nexport const datePickerAgent: AgentAdapter<DatePickerHandle> = {\n  id: 'date-picker',\n  // Persisted single date (value state + set_date) → select_single + set_value,\n  // plus open/close of the calendar popover.\n  capabilities: ['select_single', 'set_value', 'open', 'close'],\n  state: {\n    value: {\n      type: 'iso-date',\n      descriptionKey: 'ui.agent.datePicker.state.value',\n      description: 'Currently-selected ISO date, or null.',\n      read: (handle) => handle.getValue()?.toISOString() ?? null,\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.datePicker.state.isOpen',\n      description: 'Whether the calendar popover is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_date: {\n      safety: 'write',\n      argsType: '{ date: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          date: {\n            type: 'string',\n            format: 'date',\n            description: 'ISO date, e.g. \"2026-06-23\".',\n          },\n        },\n        required: ['date'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.setDate',\n      description: 'Select a specific date (ISO yyyy-mm-dd).',\n      examples: [{ args: { date: '2026-06-23' }, note: 'Select 23 Jun 2026.' }],\n      invoke: (handle, args: { date: string }) => {\n        handle.setValue(new Date(args.date));\n      },\n    },\n    clear: {\n      // Discards the selected date — loses the user's input.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.clear',\n      description: 'Clear the selected date.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.open',\n      description: 'Open the calendar popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.close',\n      description: 'Close the calendar popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'date-picker',\n      description: 'Marks the DatePicker wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as Popover from '@radix-ui/react-popover';\nimport {\n  findPopoverTrigger,\n  useNonModalTabExit,\n} from '../_shared/non-modal-tab-exit';\nimport { Spinner } from '../spinner';\nimport { useDayPickerLabels } from '../_shared/day-picker-labels';\nimport { DayPicker } from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  parse as fnsParse,\n  isValid,\n  isSameDay,\n  isBefore,\n  isAfter,\n} from 'date-fns';\nimport { CalendarDays, Check } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport {\n  FormFieldContext,\n  useFormField,\n  useFormFieldControlId,\n} from '../form-field/form-field-context';\nimport {\n  useDateFnsLocale,\n  getShortDateFormat,\n  buildDisabledMatcher,\n  CalendarChevron,\n  calendarClassNames,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n  presetButtonVariants,\n} from '../_shared';\nimport { useDomValue } from '../_shared/use-dom-value';\nimport { useAgentRegistration } from '../../agent';\nimport { datePickerAgent } from './date-picker.agent';\n\n/* -------------------------------------------------------------------------- */\n/*  Imperative handle                                                          */\n/* -------------------------------------------------------------------------- */\n\n/** Curated imperative handle exposed via `ref` — also consumed by the agent adapter. */\nexport interface DatePickerHandle {\n  /** Get the current selected date, or undefined. */\n  getValue: () => Date | undefined;\n  /** Set the selected date. */\n  setValue: (date: Date | undefined) => void;\n  /** Clear the selected date. */\n  clear: () => void;\n  /** Whether the popover is open. */\n  isOpen: () => boolean;\n  /** Open the calendar popover. */\n  open: () => void;\n  /** Close the calendar popover. */\n  close: () => void;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DatePickerPreset {\n  label: string;\n  date: () => Date;\n}\n\nexport interface DatePickerProps extends Pick<\n  VariantProps<typeof triggerVariants>,\n  'size'\n> {\n  /** Current selected date — controlled. */\n  value?: Date;\n  /** Default selected date — uncontrolled. */\n  defaultValue?: Date;\n  /** Called when the selected date changes. */\n  onChange?: (date: Date | undefined) => void;\n  /** Minimum selectable date. */\n  minDate?: Date;\n  /** Maximum selectable date. */\n  maxDate?: Date;\n  /** Disabled dates — array or predicate. */\n  disabledDates?: Date[] | ((date: Date) => boolean);\n  /** Week starts on (0=Sunday). Derived from locale if not specified. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Quick-pick presets shown inline-start of the calendar. */\n  presets?: DatePickerPreset[];\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Trigger chrome. `'input'` (default) is the soft input look — fill + the\n   * `--shadow-input` halo — that matches other form fields. `'button'` renders\n   * the trigger as an outline Button (flat, `--radius-md`, no halo, `md` = 40px)\n   * so the picker sits flush among Buttons in a toolbar. Use `'button'` only in\n   * toolbars, not in forms: the input chrome's `--control-border` edge marks\n   * the field at 3:1 (WCAG 1.4.11), whereas a button-chrome trigger relies on\n   * its value/label like a Button does. Mirrors\n   * `DateRangePicker`'s prop of the same name.\n   */\n  chrome?: 'input' | 'button';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n  /** Accessible name for the date input, when the picker is NOT wrapped in a\n   * `FormField`. Without one — and without a FormField's `<label htmlFor>` —\n   * the input has no accessible name at all, so a picker placed inline beside\n   * chips or in a toolbar was unnamed to a screen reader. Ignored in favour of\n   * the FormField label when both are present. */\n  'aria-label'?: string;\n  /** Accessible name by reference, same conditions as `aria-label`. */\n  'aria-labelledby'?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      minDate,\n      maxDate,\n      disabledDates,\n      weekStartsOn,\n      presets,\n      size = 'md',\n      chrome = 'input',\n      disabled,\n      placeholder,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const ctx = useFormField();\n    // A FormField labels the input through `<label htmlFor>`; outside one the\n    // caller's aria-label is the only name available.\n    const inFormField = useContext(FormFieldContext) !== null;\n    const effectiveId = useFormFieldControlId(ctx, id);\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = useDateFnsLocale(i18n.language);\n    const calendarLabels = useDayPickerLabels();\n    const dateFormat = getShortDateFormat(i18n.language);\n    const placeholderText =\n      placeholder ?? t('inputs.datePicker.placeholder', 'Select date');\n\n    const [currentValueRaw, setDateValue] = useControllableState<\n      Date | undefined\n    >({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const currentValue = currentValueRaw;\n\n    const [open, setOpen] = useState(false);\n    const [inputText, setInputText] = useState(\n      currentValue ? fnsFormat(currentValue, dateFormat, { locale }) : '',\n    );\n    const [inputInvalid, setInputInvalid] = useState(false);\n    const [month, setMonth] = useState<Date>(currentValue ?? new Date());\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    // The date is written to the input's DOM property, never to its `value`\n    // attribute, where a copied outerHTML or a session replay could read it\n    // (a date of birth, say).\n    useDomValue(inputRef, inputText);\n\n    // Sync input text when value changes externally\n    useEffect(() => {\n      if (currentValue) {\n        setInputText(fnsFormat(currentValue, dateFormat, { locale }));\n        setInputInvalid(false);\n      } else {\n        setInputText('');\n      }\n    }, [currentValue, dateFormat, locale]);\n\n    const disabledMatcher = buildDisabledMatcher(\n      minDate,\n      maxDate,\n      disabledDates,\n    );\n\n    /** Check if a date is disabled. */\n    const isDateDisabled = useCallback(\n      (date: Date): boolean => {\n        if (minDate && isBefore(date, minDate)) return true;\n        if (maxDate && isAfter(date, maxDate)) return true;\n        if (Array.isArray(disabledDates)) {\n          return disabledDates.some(\n            (d) => d.toDateString() === date.toDateString(),\n          );\n        }\n        if (typeof disabledDates === 'function') {\n          return disabledDates(date);\n        }\n        return false;\n      },\n      [minDate, maxDate, disabledDates],\n    );\n\n    const emit = useCallback(\n      (date: Date | undefined) => {\n        setDateValue(date);\n      },\n      [setDateValue],\n    );\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const text = e.target.value;\n      setInputText(text);\n\n      if (text.length === 0) {\n        setInputInvalid(false);\n        emit(undefined);\n        return;\n      }\n\n      const parsed = fnsParse(text, dateFormat, new Date(), { locale });\n      if (isValid(parsed) && !isDateDisabled(parsed)) {\n        setInputInvalid(false);\n        emit(parsed);\n        setMonth(parsed);\n      } else if (text.length === dateFormat.length) {\n        setInputInvalid(true);\n      }\n    };\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'Escape' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'ArrowDown' && !open) {\n        e.preventDefault();\n        setOpen(true);\n      }\n    };\n\n    const handleDaySelect = (date: Date | undefined) => {\n      if (date) {\n        emit(date);\n        setOpen(false);\n        inputRef.current?.focus();\n      }\n    };\n\n    const handlePresetClick = (preset: DatePickerPreset) => {\n      const date = preset.date();\n      emit(date);\n      setMonth(date);\n      setOpen(false);\n      inputRef.current?.focus();\n    };\n\n    // A preset is \"active\" when the selected date matches the one it produces,\n    // so the shortcut and the highlighted day visibly agree.\n    const isPresetActive = (preset: DatePickerPreset): boolean =>\n      currentValue ? isSameDay(preset.date(), currentValue) : false;\n\n    const gridLabel = t('inputs.datePicker.gridLabel', 'Calendar');\n\n    const handle = useMemo<DatePickerHandle>(\n      () => ({\n        getValue: () => currentValue,\n        setValue: (date) => emit(date),\n        clear: () => emit(undefined),\n        isOpen: () => open,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [currentValue, emit, open],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(datePickerAgent, handle, effectiveId);\n    const exitOnTab = useNonModalTabExit(true, {\n      getAnchor: findPopoverTrigger,\n      onReturnToTrigger: () => setOpen(false),\n    });\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <div\n          ref={rootRef}\n          className={className}\n          data-component=\"date-picker\"\n          data-component-id={effectiveId}\n        >\n          <div className=\"ds:relative\">\n            {/* `Popover.Trigger asChild` slots Radix's trigger props\n               (including `type=\"button\"`, `aria-haspopup`,\n               `aria-expanded`) onto the child element. We want those on\n               the input, not the surrounding `<div>`, so the input is\n               the direct asChild target and the icon sits as a sibling. */}\n            <Popover.Trigger asChild disabled={effectiveDisabled}>\n              <input\n                ref={inputRef}\n                id={effectiveId}\n                type=\"text\"\n                // ARIA 1.2 permits `role=\"combobox\"` on `<input>`. That's\n                // what makes `aria-expanded` / `aria-controls` valid\n                // here — the input acts as a combobox-style trigger\n                // whose popup is the calendar dialog. `aria-haspopup=\"dialog\"`\n                // replaces `aria-controls` for the dialog-popup pattern.\n                // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n                role=\"combobox\"\n                placeholder={placeholderText}\n                disabled={effectiveDisabled}\n                // A FormField labels the input through `<label htmlFor>`, so\n                // its label wins and these stay off. Outside one they are the\n                // only name the input can have.\n                aria-label={inFormField ? undefined : ariaLabel}\n                aria-labelledby={inFormField ? undefined : ariaLabelledBy}\n                aria-describedby={ctx.describedBy || undefined}\n                aria-invalid={ctx.invalid || inputInvalid || undefined}\n                aria-required={ctx.required || undefined}\n                aria-haspopup=\"dialog\"\n                aria-expanded={open}\n                onChange={handleInputChange}\n                onKeyDown={handleInputKeyDown}\n                onClick={() => !open && setOpen(true)}\n                className={triggerVariants({\n                  size,\n                  tone: inputInvalid ? 'error' : effectiveTone,\n                  chrome,\n                })}\n              />\n            </Popover.Trigger>\n            <span aria-hidden=\"true\" className={calendarIconVariants({ size })}>\n              <CalendarDays />\n            </span>\n          </div>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              onKeyDown={exitOnTab}\n              /* Portaled to <body>, i.e. OUTSIDE the trigger's\n                 [data-component] scope — without its own marker the panel\n                 misses the kit's `[data-component]` baselines (brand\n                 font-family, thin scrollbar, cascade protections) and\n                 renders in the host page's font. Same idiom as\n                 `select-content`. */\n              data-component=\"date-picker-content\"\n              className={popoverContentVariants()}\n              onOpenAutoFocus={(e) => {\n                // Keep focus on input, don't auto-focus the calendar\n                e.preventDefault();\n              }}\n            >\n              <div className=\"ds:flex ds:gap-[var(--spacing-md)]\">\n                {/* Presets column */}\n                {presets && presets.length > 0 ? (\n                  <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]\">\n                    {presets.map((preset) => {\n                      const active = isPresetActive(preset);\n                      return (\n                        <button\n                          key={preset.label}\n                          type=\"button\"\n                          aria-pressed={active}\n                          onClick={() => handlePresetClick(preset)}\n                          className={presetButtonVariants({ active })}\n                        >\n                          <span className=\"ds:min-w-0 ds:truncate\">\n                            {preset.label}\n                          </span>\n                          {active ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:size-4 ds:shrink-0 ds:text-primary\"\n                            />\n                          ) : null}\n                        </button>\n                      );\n                    })}\n                  </div>\n                ) : null}\n\n                {/* Calendar */}\n                <div role=\"region\" aria-label={gridLabel}>\n                  {locale ? (\n                    <DayPicker\n                      mode=\"single\"\n                      selected={currentValue}\n                      onSelect={handleDaySelect}\n                      month={month}\n                      onMonthChange={setMonth}\n                      disabled={disabledMatcher}\n                      weekStartsOn={weekStartsOn}\n                      locale={locale}\n                      labels={calendarLabels}\n                      dir={i18n.dir()}\n                      showOutsideDays\n                      fixedWeeks\n                      classNames={calendarClassNames}\n                      components={{ Chevron: CalendarChevron }}\n                    />\n                  ) : (\n                    <Spinner />\n                  )}\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDatePicker.displayName = 'DatePicker';\n"],"names":["datePickerAgent","handle","_a","args","DatePicker","forwardRef","value","defaultValue","onChange","minDate","maxDate","disabledDates","weekStartsOn","presets","size","chrome","disabled","placeholder","className","id","ariaLabel","ariaLabelledBy","ref","t","i18n","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","effectiveId","useFormFieldControlId","effectiveDisabled","effectiveTone","locale","useDateFnsLocale","calendarLabels","useDayPickerLabels","dateFormat","getShortDateFormat","placeholderText","currentValueRaw","setDateValue","useControllableState","currentValue","open","setOpen","useState","inputText","setInputText","fnsFormat","inputInvalid","setInputInvalid","month","setMonth","inputRef","useRef","useDomValue","useEffect","disabledMatcher","buildDisabledMatcher","isDateDisabled","useCallback","date","isBefore","isAfter","d","emit","handleInputChange","text","parsed","fnsParse","isValid","handleInputKeyDown","handleDaySelect","handlePresetClick","preset","isPresetActive","isSameDay","gridLabel","useMemo","rootRef","useImperativeHandle","useAgentRegistration","exitOnTab","useNonModalTabExit","findPopoverTrigger","Popover","jsxs","jsx","triggerVariants","calendarIconVariants","CalendarDays","popoverContentVariants","active","presetButtonVariants","Check","DayPicker","calendarClassNames","CalendarChevron","Spinner"],"mappings":"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"}