@ynput/ayon-frontend-shared 0.3.26 → 0.3.28

package/dist/shared/src/components/DateRangePicker/DateRangePicker.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.cjs.js","sources":["../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  FC,\n  useState,\n  useRef,\n  useEffect,\n  ReactNode,\n  useCallback,\n  HTMLAttributes,\n  ButtonHTMLAttributes,\n  LabelHTMLAttributes,\n  InputHTMLAttributes,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parseISO } from 'date-fns'\nimport * as Styled from './DateRangePicker.styled'\nimport clsx from 'clsx'\nimport { BLOCK_DIALOG_CLOSE_CLASS } from '../LinksManager/CellEditingDialog'\nimport { ButtonProps } from '@ynput/ayon-react-components'\n\nexport interface DateRangePickerPassthrough {\n  root?: Partial<HTMLAttributes<HTMLDivElement>>\n  trigger?: Partial<ButtonHTMLAttributes<HTMLButtonElement>>\n  dropdown?: Partial<HTMLAttributes<HTMLDivElement>>\n  content?: Partial<HTMLAttributes<HTMLDivElement>>\n  startDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  endDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  clearButton?: Partial<ButtonProps>\n  closeButton?: Partial<ButtonProps>\n  valueDisplay?: Partial<HTMLAttributes<HTMLSpanElement>>\n}\n\nexport interface DateRange {\n  startDate: string | null\n  endDate: string | null\n}\n\nexport interface DateRangePickerProps {\n  /** Current date range value */\n  value: DateRange\n  /** Callback when date range changes */\n  onChange: (range: DateRange) => void\n  /** Custom trigger button when no dates are set */\n  emptyTrigger?: ReactNode\n  /** Custom trigger button when dates are set */\n  valueTrigger?: (range: DateRange, formattedRange: string) => ReactNode\n  /** Alignment of the dropdown relative to trigger */\n  align?: 'left' | 'right'\n  /** Whether the picker is disabled */\n  disabled?: boolean\n  /** Additional class name for the container */\n  className?: string\n  /** Format for displaying dates (default: 'MMM d') */\n  displayFormat?: string\n  /** Minimum selectable date */\n  minDate?: Date\n  /** Maximum selectable date */\n  maxDate?: Date\n  /** Passthrough props for internal components */\n  pt?: DateRangePickerPassthrough\n}\n\nconst formatDateForInput = (dateStr: string | null): string => {\n  if (!dateStr) return ''\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return format(date, 'yyyy-MM-dd')\n    }\n  } catch {\n    return ''\n  }\n  return ''\n}\n\nconst formatDateForDisplay = (dateStr: string | null, formatStr: string): string | null => {\n  if (!dateStr) return null\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return format(date, formatStr)\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nconst parseDateInput = (value: string): string | null => {\n  if (!value) return null\n  try {\n    const date = new Date(value)\n    if (isValid(date)) {\n      date.setUTCHours(0, 0, 0, 0)\n      return date.toISOString()\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nexport const DateRangePicker: FC<DateRangePickerProps> = ({\n  value,\n  onChange,\n  emptyTrigger,\n  valueTrigger,\n  align = 'left',\n  disabled = false,\n  className,\n  displayFormat = 'MMM d',\n  minDate,\n  maxDate,\n  pt,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [localStartDate, setLocalStartDate] = useState('')\n  const [localEndDate, setLocalEndDate] = useState('')\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const startDateInputRef = useRef<HTMLInputElement>(null)\n  const endDateInputRef = useRef<HTMLInputElement>(null)\n\n  const hasValue = value.startDate || value.endDate\n\n  const handleSaveAndClose = useCallback(() => {\n    const start = parseDateInput(localStartDate)\n    const end = parseDateInput(localEndDate)\n    if (start !== value.startDate || end !== value.endDate) {\n      onChange({ startDate: start, endDate: end })\n    }\n    setIsOpen(false)\n  }, [localStartDate, localEndDate, value.startDate, value.endDate, onChange])\n\n  useEffect(() => {\n    if (isOpen) {\n      setLocalStartDate(formatDateForInput(value.startDate))\n      setLocalEndDate(formatDateForInput(value.endDate))\n\n      // Automatically open start date picker if no dates are set\n      if (!value.startDate && !value.endDate) {\n        setTimeout(() => {\n          try {\n            startDateInputRef.current?.showPicker()\n          } catch (err) {\n            // fallback\n          }\n        }, 100)\n      }\n    }\n  }, [isOpen, value.startDate, value.endDate])\n\n  // Handle click outside to close\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (\n        triggerRef.current &&\n        !triggerRef.current.contains(target) &&\n        dropdownRef.current &&\n        !dropdownRef.current.contains(target)\n      ) {\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [isOpen, handleSaveAndClose])\n\n  // Handle escape key\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation()\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, handleSaveAndClose])\n\n  const handleStartDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalStartDate(newValue)\n\n    const newStartDate = parseDateInput(newValue)\n    const currentEndDate = parseDateInput(localEndDate)\n\n    // Validate: startDate cannot be after endDate\n    if (newStartDate && currentEndDate) {\n      const start = new Date(newStartDate)\n      const end = new Date(currentEndDate)\n      if (start > end) {\n        // If start is after end, set end to same as start\n        setLocalEndDate(newValue)\n      }\n    }\n\n    // Automatically open end date picker after start date is selected\n    if (newStartDate) {\n      setTimeout(() => {\n        try {\n          endDateInputRef.current?.showPicker()\n        } catch (err) {\n          // fallback\n        }\n      }, 100)\n    }\n  }\n\n  const handleEndDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalEndDate(newValue)\n\n    const newEndDate = parseDateInput(newValue)\n    const currentStartDate = parseDateInput(localStartDate)\n\n    let finalStart = currentStartDate\n    let finalEnd = newEndDate\n\n    // Validate: endDate cannot be before startDate\n    if (newEndDate && currentStartDate) {\n      const start = new Date(currentStartDate)\n      const end = new Date(newEndDate)\n      if (end < start) {\n        // If end is before start, set start to same as end\n        setLocalStartDate(newValue)\n        finalStart = newEndDate\n      }\n    }\n\n    onChange({ startDate: finalStart, endDate: finalEnd })\n  }\n\n  const handleClear = () => {\n    setLocalStartDate('')\n    setLocalEndDate('')\n    onChange({ startDate: null, endDate: null })\n    setIsOpen(false)\n  }\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!disabled) {\n      if (isOpen) {\n        handleSaveAndClose()\n      } else {\n        setIsOpen(true)\n      }\n    }\n  }\n\n  // Format the display string\n  const displayStart = isOpen ? parseDateInput(localStartDate) : value.startDate\n  const displayEnd = isOpen ? parseDateInput(localEndDate) : value.endDate\n\n  const startDisplay = formatDateForDisplay(displayStart, displayFormat)\n  const endDisplay = formatDateForDisplay(displayEnd, displayFormat)\n  const formattedRange =\n    startDisplay && endDisplay\n      ? `${startDisplay} - ${endDisplay}`\n      : startDisplay || endDisplay || ''\n\n  // Get position for dropdown\n  const getDropdownPosition = () => {\n    if (!triggerRef.current) return { top: 0, left: 0 }\n    const rect = triggerRef.current.getBoundingClientRect()\n    return {\n      top: rect.bottom + 4,\n      left: align === 'left' ? rect.left : rect.right,\n    }\n  }\n\n  const renderTrigger = () => {\n    if (hasValue) {\n      if (valueTrigger) {\n        return valueTrigger(value, formattedRange)\n      }\n      return (\n        <span className={clsx('date-value', pt?.valueDisplay?.className)} {...pt?.valueDisplay}>\n          {formattedRange}\n        </span>\n      )\n    }\n\n    if (emptyTrigger) {\n      return emptyTrigger\n    }\n\n    return <Styled.DefaultEmptyTrigger icon={'calendar_add_on'} />\n  }\n\n  const position = getDropdownPosition()\n\n  return (\n    <Styled.Container\n      {...pt?.root}\n      className={clsx(BLOCK_DIALOG_CLOSE_CLASS, className, pt?.root?.className)}\n    >\n      <Styled.Trigger\n        ref={triggerRef}\n        onClick={handleToggle}\n        disabled={disabled}\n        type=\"button\"\n        {...pt?.trigger}\n        className={clsx(hasValue ? 'has-value' : 'empty', pt?.trigger?.className)}\n      >\n        {renderTrigger()}\n      </Styled.Trigger>\n\n      {isOpen &&\n        createPortal(\n          <Styled.Dropdown\n            ref={dropdownRef}\n            style={{\n              top: position.top,\n              left: align === 'left' ? position.left : 'auto',\n              right: align === 'right' ? window.innerWidth - position.left : 'auto',\n              ...pt?.dropdown?.style,\n            }}\n            onMouseDown={(e) => e.stopPropagation()}\n            {...pt?.dropdown}\n            className={clsx(BLOCK_DIALOG_CLOSE_CLASS, align, pt?.dropdown?.className)}\n          >\n            <Styled.DropdownContent className={pt?.content?.className} {...pt?.content}>\n              <Styled.CloseButton\n                icon=\"close\"\n                variant=\"text\"\n                onClick={handleSaveAndClose}\n                {...pt?.closeButton}\n              />\n              <Styled.DateField\n                className={pt?.startDate?.field?.className}\n                {...pt?.startDate?.field}\n              >\n                <label {...pt?.startDate?.label}>Start date</label>\n                <Styled.DateInput\n                  ref={startDateInputRef}\n                  type=\"date\"\n                  value={localStartDate}\n                  onChange={handleStartDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={minDate ? format(minDate, 'yyyy-MM-dd') : undefined}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.startDate?.input}\n                />\n              </Styled.DateField>\n\n              <Styled.DateField className={pt?.endDate?.field?.className} {...pt?.endDate?.field}>\n                <label {...pt?.endDate?.label}>End date</label>\n                <Styled.DateInput\n                  ref={endDateInputRef}\n                  type=\"date\"\n                  value={localEndDate}\n                  onChange={handleEndDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={localStartDate || (minDate ? format(minDate, 'yyyy-MM-dd') : undefined)}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.endDate?.input}\n                />\n              </Styled.DateField>\n\n              {hasValue && (\n                <Styled.ClearButton onClick={handleClear} variant=\"text\" {...pt?.clearButton}>\n                  Clear dates\n                </Styled.ClearButton>\n              )}\n            </Styled.DropdownContent>\n          </Styled.Dropdown>,\n          document.body,\n        )}\n    </Styled.Container>\n  )\n}\n"],"names":["formatDateForInput","dateStr","date","parseISO","isValid","format","formatDateForDisplay","formatStr","parseDateInput","value","DateRangePicker","onChange","emptyTrigger","valueTrigger","align","disabled","className","displayFormat","minDate","maxDate","pt","isOpen","setIsOpen","useState","localStartDate","setLocalStartDate","localEndDate","setLocalEndDate","triggerRef","useRef","dropdownRef","startDateInputRef","endDateInputRef","hasValue","handleSaveAndClose","useCallback","start","end","useEffect","handleClickOutside","e","target","handleKeyDown","handleStartDateChange","newValue","newStartDate","currentEndDate","handleEndDateChange","newEndDate","currentStartDate","finalStart","finalEnd","handleClear","handleToggle","displayStart","displayEnd","startDisplay","endDisplay","formattedRange","getDropdownPosition","rect","renderTrigger","jsx","clsx","Styled.DefaultEmptyTrigger","position","jsxs","Styled.Container","BLOCK_DIALOG_CLOSE_CLASS","Styled.Trigger","createPortal","Styled.Dropdown","Styled.DropdownContent","Styled.CloseButton","Styled.DateField","Styled.DateInput","Styled.ClearButton"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.cjs.js","sources":["../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  FC,\n  useState,\n  useRef,\n  useEffect,\n  ReactNode,\n  useCallback,\n  HTMLAttributes,\n  ButtonHTMLAttributes,\n  LabelHTMLAttributes,\n  InputHTMLAttributes,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parseISO } from 'date-fns'\nimport { formatUTCDate } from '../../util/formatUTCDate'\nimport * as Styled from './DateRangePicker.styled'\nimport clsx from 'clsx'\nimport { BLOCK_DIALOG_CLOSE_CLASS } from '../LinksManager/CellEditingDialog'\nimport { ButtonProps } from '@ynput/ayon-react-components'\n\nexport interface DateRangePickerPassthrough {\n  root?: Partial<HTMLAttributes<HTMLDivElement>>\n  trigger?: Partial<ButtonHTMLAttributes<HTMLButtonElement>>\n  dropdown?: Partial<HTMLAttributes<HTMLDivElement>>\n  content?: Partial<HTMLAttributes<HTMLDivElement>>\n  startDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  endDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  clearButton?: Partial<ButtonProps>\n  closeButton?: Partial<ButtonProps>\n  valueDisplay?: Partial<HTMLAttributes<HTMLSpanElement>>\n}\n\nexport interface DateRange {\n  startDate: string | null\n  endDate: string | null\n}\n\nexport interface DateRangePickerProps {\n  /** Current date range value */\n  value: DateRange\n  /** Callback when date range changes */\n  onChange: (range: DateRange) => void\n  /** Custom trigger button when no dates are set */\n  emptyTrigger?: ReactNode\n  /** Custom trigger button when dates are set */\n  valueTrigger?: (range: DateRange, formattedRange: string) => ReactNode\n  /** Alignment of the dropdown relative to trigger */\n  align?: 'left' | 'right'\n  /** Whether the picker is disabled */\n  disabled?: boolean\n  /** Additional class name for the container */\n  className?: string\n  /** Format for displaying dates (default: 'MMM d') */\n  displayFormat?: string\n  /** Minimum selectable date */\n  minDate?: Date\n  /** Maximum selectable date */\n  maxDate?: Date\n  /** Passthrough props for internal components */\n  pt?: DateRangePickerPassthrough\n}\n\nconst formatDateForInput = (dateStr: string | null): string => {\n  if (!dateStr) return ''\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return formatUTCDate(date, 'yyyy-MM-dd')\n    }\n  } catch {\n    return ''\n  }\n  return ''\n}\n\nconst formatDateForDisplay = (dateStr: string | null, formatStr: string): string | null => {\n  if (!dateStr) return null\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return formatUTCDate(date, formatStr)\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nconst parseDateInput = (value: string): string | null => {\n  if (!value) return null\n  try {\n    const [y, m, d] = value.split('-').map(Number)\n    if (y && m && d) {\n      return new Date(Date.UTC(y, m - 1, d)).toISOString()\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nexport const DateRangePicker: FC<DateRangePickerProps> = ({\n  value,\n  onChange,\n  emptyTrigger,\n  valueTrigger,\n  align = 'left',\n  disabled = false,\n  className,\n  displayFormat = 'MMM d',\n  minDate,\n  maxDate,\n  pt,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [localStartDate, setLocalStartDate] = useState('')\n  const [localEndDate, setLocalEndDate] = useState('')\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const startDateInputRef = useRef<HTMLInputElement>(null)\n  const endDateInputRef = useRef<HTMLInputElement>(null)\n\n  const hasValue = value.startDate || value.endDate\n\n  const handleSaveAndClose = useCallback(() => {\n    const start = parseDateInput(localStartDate)\n    const end = parseDateInput(localEndDate)\n    if (start !== value.startDate || end !== value.endDate) {\n      onChange({ startDate: start, endDate: end })\n    }\n    setIsOpen(false)\n  }, [localStartDate, localEndDate, value.startDate, value.endDate, onChange])\n\n  useEffect(() => {\n    if (isOpen) {\n      setLocalStartDate(formatDateForInput(value.startDate))\n      setLocalEndDate(formatDateForInput(value.endDate))\n\n      // Automatically open start date picker if no dates are set\n      if (!value.startDate && !value.endDate) {\n        setTimeout(() => {\n          try {\n            startDateInputRef.current?.showPicker()\n          } catch (err) {\n            // fallback\n          }\n        }, 100)\n      }\n    }\n  }, [isOpen, value.startDate, value.endDate])\n\n  // Handle click outside to close\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (\n        triggerRef.current &&\n        !triggerRef.current.contains(target) &&\n        dropdownRef.current &&\n        !dropdownRef.current.contains(target)\n      ) {\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [isOpen, handleSaveAndClose])\n\n  // Handle escape key\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation()\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, handleSaveAndClose])\n\n  const handleStartDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalStartDate(newValue)\n\n    const newStartDate = parseDateInput(newValue)\n    const currentEndDate = parseDateInput(localEndDate)\n\n    // Validate: startDate cannot be after endDate\n    if (newStartDate && currentEndDate) {\n      const start = new Date(newStartDate)\n      const end = new Date(currentEndDate)\n      if (start > end) {\n        // If start is after end, set end to same as start\n        setLocalEndDate(newValue)\n      }\n    }\n\n    // Automatically open end date picker after start date is selected\n    if (newStartDate) {\n      setTimeout(() => {\n        try {\n          endDateInputRef.current?.showPicker()\n        } catch (err) {\n          // fallback\n        }\n      }, 100)\n    }\n  }\n\n  const handleEndDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalEndDate(newValue)\n\n    const newEndDate = parseDateInput(newValue)\n    const currentStartDate = parseDateInput(localStartDate)\n\n    let finalStart = currentStartDate\n    let finalEnd = newEndDate\n\n    // Validate: endDate cannot be before startDate\n    if (newEndDate && currentStartDate) {\n      const start = new Date(currentStartDate)\n      const end = new Date(newEndDate)\n      if (end < start) {\n        // If end is before start, set start to same as end\n        setLocalStartDate(newValue)\n        finalStart = newEndDate\n      }\n    }\n\n    onChange({ startDate: finalStart, endDate: finalEnd })\n  }\n\n  const handleClear = () => {\n    setLocalStartDate('')\n    setLocalEndDate('')\n    onChange({ startDate: null, endDate: null })\n    setIsOpen(false)\n  }\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!disabled) {\n      if (isOpen) {\n        handleSaveAndClose()\n      } else {\n        setIsOpen(true)\n      }\n    }\n  }\n\n  // Format the display string\n  const displayStart = isOpen ? parseDateInput(localStartDate) : value.startDate\n  const displayEnd = isOpen ? parseDateInput(localEndDate) : value.endDate\n\n  const startDisplay = formatDateForDisplay(displayStart, displayFormat)\n  const endDisplay = formatDateForDisplay(displayEnd, displayFormat)\n  const formattedRange =\n    startDisplay && endDisplay\n      ? `${startDisplay} - ${endDisplay}`\n      : startDisplay || endDisplay || ''\n\n  // Get position for dropdown\n  const getDropdownPosition = () => {\n    if (!triggerRef.current) return { top: 0, left: 0 }\n    const rect = triggerRef.current.getBoundingClientRect()\n    return {\n      top: rect.bottom + 4,\n      left: align === 'left' ? rect.left : rect.right,\n    }\n  }\n\n  const renderTrigger = () => {\n    if (hasValue) {\n      if (valueTrigger) {\n        return valueTrigger(value, formattedRange)\n      }\n      return (\n        <span className={clsx('date-value', pt?.valueDisplay?.className)} {...pt?.valueDisplay}>\n          {formattedRange}\n        </span>\n      )\n    }\n\n    if (emptyTrigger) {\n      return emptyTrigger\n    }\n\n    return <Styled.DefaultEmptyTrigger icon={'calendar_add_on'} />\n  }\n\n  const position = getDropdownPosition()\n\n  return (\n    <Styled.Container\n      {...pt?.root}\n      className={clsx(BLOCK_DIALOG_CLOSE_CLASS, className, pt?.root?.className)}\n    >\n      <Styled.Trigger\n        ref={triggerRef}\n        onClick={handleToggle}\n        disabled={disabled}\n        type=\"button\"\n        {...pt?.trigger}\n        className={clsx(hasValue ? 'has-value' : 'empty', pt?.trigger?.className)}\n      >\n        {renderTrigger()}\n      </Styled.Trigger>\n\n      {isOpen &&\n        createPortal(\n          <Styled.Dropdown\n            ref={dropdownRef}\n            style={{\n              top: position.top,\n              left: align === 'left' ? position.left : 'auto',\n              right: align === 'right' ? window.innerWidth - position.left : 'auto',\n              ...pt?.dropdown?.style,\n            }}\n            onMouseDown={(e) => e.stopPropagation()}\n            {...pt?.dropdown}\n            className={clsx(BLOCK_DIALOG_CLOSE_CLASS, align, pt?.dropdown?.className)}\n          >\n            <Styled.DropdownContent className={pt?.content?.className} {...pt?.content}>\n              <Styled.CloseButton\n                icon=\"close\"\n                variant=\"text\"\n                onClick={handleSaveAndClose}\n                {...pt?.closeButton}\n              />\n              <Styled.DateField\n                className={pt?.startDate?.field?.className}\n                {...pt?.startDate?.field}\n              >\n                <label {...pt?.startDate?.label}>Start date</label>\n                <Styled.DateInput\n                  ref={startDateInputRef}\n                  type=\"date\"\n                  value={localStartDate}\n                  onChange={handleStartDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={minDate ? format(minDate, 'yyyy-MM-dd') : undefined}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.startDate?.input}\n                />\n              </Styled.DateField>\n\n              <Styled.DateField className={pt?.endDate?.field?.className} {...pt?.endDate?.field}>\n                <label {...pt?.endDate?.label}>End date</label>\n                <Styled.DateInput\n                  ref={endDateInputRef}\n                  type=\"date\"\n                  value={localEndDate}\n                  onChange={handleEndDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={localStartDate || (minDate ? format(minDate, 'yyyy-MM-dd') : undefined)}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.endDate?.input}\n                />\n              </Styled.DateField>\n\n              {hasValue && (\n                <Styled.ClearButton onClick={handleClear} variant=\"text\" {...pt?.clearButton}>\n                  Clear dates\n                </Styled.ClearButton>\n              )}\n            </Styled.DropdownContent>\n          </Styled.Dropdown>,\n          document.body,\n        )}\n    </Styled.Container>\n  )\n}\n"],"names":["formatDateForInput","dateStr","date","parseISO","isValid","formatUTCDate","formatDateForDisplay","formatStr","parseDateInput","value","y","m","d","DateRangePicker","onChange","emptyTrigger","valueTrigger","align","disabled","className","displayFormat","minDate","maxDate","pt","isOpen","setIsOpen","useState","localStartDate","setLocalStartDate","localEndDate","setLocalEndDate","triggerRef","useRef","dropdownRef","startDateInputRef","endDateInputRef","hasValue","handleSaveAndClose","useCallback","start","end","useEffect","handleClickOutside","e","target","handleKeyDown","handleStartDateChange","newValue","newStartDate","currentEndDate","handleEndDateChange","newEndDate","currentStartDate","finalStart","finalEnd","handleClear","handleToggle","displayStart","displayEnd","startDisplay","endDisplay","formattedRange","getDropdownPosition","rect","renderTrigger","jsx","clsx","Styled.DefaultEmptyTrigger","position","jsxs","Styled.Container","BLOCK_DIALOG_CLOSE_CLASS","Styled.Trigger","createPortal","Styled.Dropdown","Styled.DropdownContent","Styled.CloseButton","Styled.DateField","Styled.DateInput","format","Styled.ClearButton"],"mappings":"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"}

package/dist/shared/src/components/DateRangePicker/DateRangePicker.es.js

@@ -1,61 +1,62 @@
 import { j as a } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as R, useRef as E, useCallback as nt, useEffect as O } from "react";
-import { createPortal as rt } from "react-dom";
-import { format as f, isValid as b, parseISO as U } from "date-fns";
-import { Container as at, Trigger as st, Dropdown as ot, DropdownContent as ct, CloseButton as lt, DateField as F, DateInput as K, ClearButton as dt, DefaultEmptyTrigger as it } from "./DateRangePicker.styled.es.js";
-import j from "clsx";
-import { BLOCK_DIALOG_CLOSE_CLASS as $ } from "../LinksManager/CellEditingDialog.es.js";
-const G = (e) => {
+import { useState as b, useRef as E, useCallback as rt, useEffect as O } from "react";
+import { createPortal as at } from "react-dom";
+import { format as j, parseISO as G, isValid as W } from "date-fns";
+import { formatUTCDate as q } from "../../util/formatUTCDate.es.js";
+import { Container as st, Trigger as ot, Dropdown as ct, DropdownContent as lt, CloseButton as dt, DateField as A, DateInput as F, ClearButton as it, DefaultEmptyTrigger as ut } from "./DateRangePicker.styled.es.js";
+import k from "clsx";
+import { BLOCK_DIALOG_CLOSE_CLASS as K } from "../LinksManager/CellEditingDialog.es.js";
+const U = (e) => {
   if (!e) return "";
   try {
-    const s = U(e);
-    if (b(s))
-      return f(s, "yyyy-MM-dd");
+    const s = G(e);
+    if (W(s))
+      return q(s, "yyyy-MM-dd");
   } catch {
     return "";
   }
   return "";
-}, H = (e, s) => {
+}, $ = (e, s) => {
   if (!e) return null;
   try {
-    const D = U(e);
-    if (b(D))
-      return f(D, s);
+    const l = G(e);
+    if (W(l))
+      return q(l, s);
   } catch {
     return null;
   }
   return null;
-}, l = (e) => {
+}, d = (e) => {
   if (!e) return null;
   try {
-    const s = new Date(e);
-    if (b(s))
-      return s.setUTCHours(0, 0, 0, 0), s.toISOString();
+    const [s, l, D] = e.split("-").map(Number);
+    if (s && l && D)
+      return new Date(Date.UTC(s, l - 1, D)).toISOString();
   } catch {
     return null;
   }
   return null;
-}, gt = ({
+}, xt = ({
   value: e,
   onChange: s,
-  emptyTrigger: D,
-  valueTrigger: T,
+  emptyTrigger: l,
+  valueTrigger: D,
   align: p = "left",
-  disabled: B = !1,
-  className: W,
-  displayFormat: v = "MMM d",
+  disabled: T = !1,
+  className: z,
+  displayFormat: B = "MMM d",
   minDate: w,
   maxDate: g,
   pt: n
 }) => {
-  const [c, k] = R(!1), [d, C] = R(""), [y, x] = R(""), m = E(null), M = E(null), _ = E(null), V = E(null), N = e.startDate || e.endDate, i = nt(() => {
-    const t = l(d), r = l(y);
-    (t !== e.startDate || r !== e.endDate) && s({ startDate: t, endDate: r }), k(!1);
-  }, [d, y, e.startDate, e.endDate, s]);
+  const [c, N] = b(!1), [i, C] = b(""), [m, x] = b(""), y = E(null), M = E(null), v = E(null), _ = E(null), S = e.startDate || e.endDate, u = rt(() => {
+    const t = d(i), r = d(m);
+    (t !== e.startDate || r !== e.endDate) && s({ startDate: t, endDate: r }), N(!1);
+  }, [i, m, e.startDate, e.endDate, s]);
   O(() => {
-    c && (C(G(e.startDate)), x(G(e.endDate)), !e.startDate && !e.endDate && setTimeout(() => {
+    c && (C(U(e.startDate)), x(U(e.endDate)), !e.startDate && !e.endDate && setTimeout(() => {
       try {
-        _.current?.showPicker();
+        v.current?.showPicker();
       } catch {
       }
     }, 100));
@@ -63,110 +64,110 @@ const G = (e) => {
     if (!c) return;
     const t = (r) => {
       const o = r.target;
-      m.current && !m.current.contains(o) && M.current && !M.current.contains(o) && i();
+      y.current && !y.current.contains(o) && M.current && !M.current.contains(o) && u();
     };
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [c, i]), O(() => {
+  }, [c, u]), O(() => {
     if (!c) return;
     const t = (r) => {
-      r.key === "Escape" && (r.stopPropagation(), i());
+      r.key === "Escape" && (r.stopPropagation(), u());
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [c, i]);
-  const q = (t) => {
+  }, [c, u]);
+  const H = (t) => {
     const r = t.target.value;
     C(r);
-    const o = l(r), u = l(y);
-    if (o && u) {
-      const h = new Date(o), I = new Date(u);
-      h > I && x(r);
+    const o = d(r), f = d(m);
+    if (o && f) {
+      const h = new Date(o), R = new Date(f);
+      h > R && x(r);
     }
     o && setTimeout(() => {
       try {
-        V.current?.showPicker();
+        _.current?.showPicker();
       } catch {
       }
     }, 100);
-  }, z = (t) => {
+  }, J = (t) => {
     const r = t.target.value;
     x(r);
-    const o = l(r), u = l(d);
-    let h = u, I = o;
-    if (o && u) {
-      const et = new Date(u);
-      new Date(o) < et && (C(r), h = o);
+    const o = d(r), f = d(i);
+    let h = f, R = o;
+    if (o && f) {
+      const nt = new Date(f);
+      new Date(o) < nt && (C(r), h = o);
     }
-    s({ startDate: h, endDate: I });
-  }, J = () => {
-    C(""), x(""), s({ startDate: null, endDate: null }), k(!1);
-  }, Q = (t) => {
-    t.stopPropagation(), B || (c ? i() : k(!0));
-  }, X = c ? l(d) : e.startDate, Y = c ? l(y) : e.endDate, S = H(X, v), L = H(Y, v), A = S && L ? `${S} - ${L}` : S || L || "", Z = () => {
-    if (!m.current) return { top: 0, left: 0 };
-    const t = m.current.getBoundingClientRect();
+    s({ startDate: h, endDate: R });
+  }, Q = () => {
+    C(""), x(""), s({ startDate: null, endDate: null }), N(!1);
+  }, X = (t) => {
+    t.stopPropagation(), T || (c ? u() : N(!0));
+  }, Y = c ? d(i) : e.startDate, Z = c ? d(m) : e.endDate, L = $(Y, B), P = $(Z, B), V = L && P ? `${L} - ${P}` : L || P || "", tt = () => {
+    if (!y.current) return { top: 0, left: 0 };
+    const t = y.current.getBoundingClientRect();
     return {
       top: t.bottom + 4,
       left: p === "left" ? t.left : t.right
     };
-  }, tt = () => N ? T ? T(e, A) : /* @__PURE__ */ a.jsx("span", { className: j("date-value", n?.valueDisplay?.className), ...n?.valueDisplay, children: A }) : D || /* @__PURE__ */ a.jsx(it, { icon: "calendar_add_on" }), P = Z();
+  }, et = () => S ? D ? D(e, V) : /* @__PURE__ */ a.jsx("span", { className: k("date-value", n?.valueDisplay?.className), ...n?.valueDisplay, children: V }) : l || /* @__PURE__ */ a.jsx(ut, { icon: "calendar_add_on" }), I = tt();
   return /* @__PURE__ */ a.jsxs(
-    at,
+    st,
     {
       ...n?.root,
-      className: j($, W, n?.root?.className),
+      className: k(K, z, n?.root?.className),
       children: [
         /* @__PURE__ */ a.jsx(
-          st,
+          ot,
           {
-            ref: m,
-            onClick: Q,
-            disabled: B,
+            ref: y,
+            onClick: X,
+            disabled: T,
             type: "button",
             ...n?.trigger,
-            className: j(N ? "has-value" : "empty", n?.trigger?.className),
-            children: tt()
+            className: k(S ? "has-value" : "empty", n?.trigger?.className),
+            children: et()
           }
         ),
-        c && rt(
+        c && at(
           /* @__PURE__ */ a.jsx(
-            ot,
+            ct,
             {
               ref: M,
               style: {
-                top: P.top,
-                left: p === "left" ? P.left : "auto",
-                right: p === "right" ? window.innerWidth - P.left : "auto",
+                top: I.top,
+                left: p === "left" ? I.left : "auto",
+                right: p === "right" ? window.innerWidth - I.left : "auto",
                 ...n?.dropdown?.style
               },
               onMouseDown: (t) => t.stopPropagation(),
               ...n?.dropdown,
-              className: j($, p, n?.dropdown?.className),
-              children: /* @__PURE__ */ a.jsxs(ct, { className: n?.content?.className, ...n?.content, children: [
+              className: k(K, p, n?.dropdown?.className),
+              children: /* @__PURE__ */ a.jsxs(lt, { className: n?.content?.className, ...n?.content, children: [
                 /* @__PURE__ */ a.jsx(
-                  lt,
+                  dt,
                   {
                     icon: "close",
                     variant: "text",
-                    onClick: i,
+                    onClick: u,
                     ...n?.closeButton
                   }
                 ),
                 /* @__PURE__ */ a.jsxs(
-                  F,
+                  A,
                   {
                     className: n?.startDate?.field?.className,
                     ...n?.startDate?.field,
                     children: [
                       /* @__PURE__ */ a.jsx("label", { ...n?.startDate?.label, children: "Start date" }),
                       /* @__PURE__ */ a.jsx(
-                        K,
+                        F,
                         {
-                          ref: _,
+                          ref: v,
                           type: "date",
-                          value: d,
-                          onChange: q,
-                          max: g ? f(g, "yyyy-MM-dd") : void 0,
-                          min: w ? f(w, "yyyy-MM-dd") : void 0,
+                          value: i,
+                          onChange: H,
+                          max: g ? j(g, "yyyy-MM-dd") : void 0,
+                          min: w ? j(w, "yyyy-MM-dd") : void 0,
                           onClick: (t) => {
                             try {
                               t.currentTarget.showPicker();
@@ -179,17 +180,17 @@ const G = (e) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ a.jsxs(F, { className: n?.endDate?.field?.className, ...n?.endDate?.field, children: [
+                /* @__PURE__ */ a.jsxs(A, { className: n?.endDate?.field?.className, ...n?.endDate?.field, children: [
                   /* @__PURE__ */ a.jsx("label", { ...n?.endDate?.label, children: "End date" }),
                   /* @__PURE__ */ a.jsx(
-                    K,
+                    F,
                     {
-                      ref: V,
+                      ref: _,
                       type: "date",
-                      value: y,
-                      onChange: z,
-                      max: g ? f(g, "yyyy-MM-dd") : void 0,
-                      min: d || (w ? f(w, "yyyy-MM-dd") : void 0),
+                      value: m,
+                      onChange: J,
+                      max: g ? j(g, "yyyy-MM-dd") : void 0,
+                      min: i || (w ? j(w, "yyyy-MM-dd") : void 0),
                       onClick: (t) => {
                         try {
                           t.currentTarget.showPicker();
@@ -200,7 +201,7 @@ const G = (e) => {
                     }
                   )
                 ] }),
-                N && /* @__PURE__ */ a.jsx(dt, { onClick: J, variant: "text", ...n?.clearButton, children: "Clear dates" })
+                S && /* @__PURE__ */ a.jsx(it, { onClick: Q, variant: "text", ...n?.clearButton, children: "Clear dates" })
               ] })
             }
           ),
@@ -211,6 +212,6 @@ const G = (e) => {
   );
 };
 export {
-  gt as DateRangePicker
+  xt as DateRangePicker
 };
 //# sourceMappingURL=DateRangePicker.es.js.map

package/dist/shared/src/components/DateRangePicker/DateRangePicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.es.js","sources":["../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  FC,\n  useState,\n  useRef,\n  useEffect,\n  ReactNode,\n  useCallback,\n  HTMLAttributes,\n  ButtonHTMLAttributes,\n  LabelHTMLAttributes,\n  InputHTMLAttributes,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parseISO } from 'date-fns'\nimport * as Styled from './DateRangePicker.styled'\nimport clsx from 'clsx'\nimport { BLOCK_DIALOG_CLOSE_CLASS } from '../LinksManager/CellEditingDialog'\nimport { ButtonProps } from '@ynput/ayon-react-components'\n\nexport interface DateRangePickerPassthrough {\n  root?: Partial<HTMLAttributes<HTMLDivElement>>\n  trigger?: Partial<ButtonHTMLAttributes<HTMLButtonElement>>\n  dropdown?: Partial<HTMLAttributes<HTMLDivElement>>\n  content?: Partial<HTMLAttributes<HTMLDivElement>>\n  startDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  endDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  clearButton?: Partial<ButtonProps>\n  closeButton?: Partial<ButtonProps>\n  valueDisplay?: Partial<HTMLAttributes<HTMLSpanElement>>\n}\n\nexport interface DateRange {\n  startDate: string | null\n  endDate: string | null\n}\n\nexport interface DateRangePickerProps {\n  /** Current date range value */\n  value: DateRange\n  /** Callback when date range changes */\n  onChange: (range: DateRange) => void\n  /** Custom trigger button when no dates are set */\n  emptyTrigger?: ReactNode\n  /** Custom trigger button when dates are set */\n  valueTrigger?: (range: DateRange, formattedRange: string) => ReactNode\n  /** Alignment of the dropdown relative to trigger */\n  align?: 'left' | 'right'\n  /** Whether the picker is disabled */\n  disabled?: boolean\n  /** Additional class name for the container */\n  className?: string\n  /** Format for displaying dates (default: 'MMM d') */\n  displayFormat?: string\n  /** Minimum selectable date */\n  minDate?: Date\n  /** Maximum selectable date */\n  maxDate?: Date\n  /** Passthrough props for internal components */\n  pt?: DateRangePickerPassthrough\n}\n\nconst formatDateForInput = (dateStr: string | null): string => {\n  if (!dateStr) return ''\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return format(date, 'yyyy-MM-dd')\n    }\n  } catch {\n    return ''\n  }\n  return ''\n}\n\nconst formatDateForDisplay = (dateStr: string | null, formatStr: string): string | null => {\n  if (!dateStr) return null\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return format(date, formatStr)\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nconst parseDateInput = (value: string): string | null => {\n  if (!value) return null\n  try {\n    const date = new Date(value)\n    if (isValid(date)) {\n      date.setUTCHours(0, 0, 0, 0)\n      return date.toISOString()\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nexport const DateRangePicker: FC<DateRangePickerProps> = ({\n  value,\n  onChange,\n  emptyTrigger,\n  valueTrigger,\n  align = 'left',\n  disabled = false,\n  className,\n  displayFormat = 'MMM d',\n  minDate,\n  maxDate,\n  pt,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [localStartDate, setLocalStartDate] = useState('')\n  const [localEndDate, setLocalEndDate] = useState('')\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const startDateInputRef = useRef<HTMLInputElement>(null)\n  const endDateInputRef = useRef<HTMLInputElement>(null)\n\n  const hasValue = value.startDate || value.endDate\n\n  const handleSaveAndClose = useCallback(() => {\n    const start = parseDateInput(localStartDate)\n    const end = parseDateInput(localEndDate)\n    if (start !== value.startDate || end !== value.endDate) {\n      onChange({ startDate: start, endDate: end })\n    }\n    setIsOpen(false)\n  }, [localStartDate, localEndDate, value.startDate, value.endDate, onChange])\n\n  useEffect(() => {\n    if (isOpen) {\n      setLocalStartDate(formatDateForInput(value.startDate))\n      setLocalEndDate(formatDateForInput(value.endDate))\n\n      // Automatically open start date picker if no dates are set\n      if (!value.startDate && !value.endDate) {\n        setTimeout(() => {\n          try {\n            startDateInputRef.current?.showPicker()\n          } catch (err) {\n            // fallback\n          }\n        }, 100)\n      }\n    }\n  }, [isOpen, value.startDate, value.endDate])\n\n  // Handle click outside to close\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (\n        triggerRef.current &&\n        !triggerRef.current.contains(target) &&\n        dropdownRef.current &&\n        !dropdownRef.current.contains(target)\n      ) {\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [isOpen, handleSaveAndClose])\n\n  // Handle escape key\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation()\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, handleSaveAndClose])\n\n  const handleStartDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalStartDate(newValue)\n\n    const newStartDate = parseDateInput(newValue)\n    const currentEndDate = parseDateInput(localEndDate)\n\n    // Validate: startDate cannot be after endDate\n    if (newStartDate && currentEndDate) {\n      const start = new Date(newStartDate)\n      const end = new Date(currentEndDate)\n      if (start > end) {\n        // If start is after end, set end to same as start\n        setLocalEndDate(newValue)\n      }\n    }\n\n    // Automatically open end date picker after start date is selected\n    if (newStartDate) {\n      setTimeout(() => {\n        try {\n          endDateInputRef.current?.showPicker()\n        } catch (err) {\n          // fallback\n        }\n      }, 100)\n    }\n  }\n\n  const handleEndDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalEndDate(newValue)\n\n    const newEndDate = parseDateInput(newValue)\n    const currentStartDate = parseDateInput(localStartDate)\n\n    let finalStart = currentStartDate\n    let finalEnd = newEndDate\n\n    // Validate: endDate cannot be before startDate\n    if (newEndDate && currentStartDate) {\n      const start = new Date(currentStartDate)\n      const end = new Date(newEndDate)\n      if (end < start) {\n        // If end is before start, set start to same as end\n        setLocalStartDate(newValue)\n        finalStart = newEndDate\n      }\n    }\n\n    onChange({ startDate: finalStart, endDate: finalEnd })\n  }\n\n  const handleClear = () => {\n    setLocalStartDate('')\n    setLocalEndDate('')\n    onChange({ startDate: null, endDate: null })\n    setIsOpen(false)\n  }\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!disabled) {\n      if (isOpen) {\n        handleSaveAndClose()\n      } else {\n        setIsOpen(true)\n      }\n    }\n  }\n\n  // Format the display string\n  const displayStart = isOpen ? parseDateInput(localStartDate) : value.startDate\n  const displayEnd = isOpen ? parseDateInput(localEndDate) : value.endDate\n\n  const startDisplay = formatDateForDisplay(displayStart, displayFormat)\n  const endDisplay = formatDateForDisplay(displayEnd, displayFormat)\n  const formattedRange =\n    startDisplay && endDisplay\n      ? `${startDisplay} - ${endDisplay}`\n      : startDisplay || endDisplay || ''\n\n  // Get position for dropdown\n  const getDropdownPosition = () => {\n    if (!triggerRef.current) return { top: 0, left: 0 }\n    const rect = triggerRef.current.getBoundingClientRect()\n    return {\n      top: rect.bottom + 4,\n      left: align === 'left' ? rect.left : rect.right,\n    }\n  }\n\n  const renderTrigger = () => {\n    if (hasValue) {\n      if (valueTrigger) {\n        return valueTrigger(value, formattedRange)\n      }\n      return (\n        <span className={clsx('date-value', pt?.valueDisplay?.className)} {...pt?.valueDisplay}>\n          {formattedRange}\n        </span>\n      )\n    }\n\n    if (emptyTrigger) {\n      return emptyTrigger\n    }\n\n    return <Styled.DefaultEmptyTrigger icon={'calendar_add_on'} />\n  }\n\n  const position = getDropdownPosition()\n\n  return (\n    <Styled.Container\n      {...pt?.root}\n      className={clsx(BLOCK_DIALOG_CLOSE_CLASS, className, pt?.root?.className)}\n    >\n      <Styled.Trigger\n        ref={triggerRef}\n        onClick={handleToggle}\n        disabled={disabled}\n        type=\"button\"\n        {...pt?.trigger}\n        className={clsx(hasValue ? 'has-value' : 'empty', pt?.trigger?.className)}\n      >\n        {renderTrigger()}\n      </Styled.Trigger>\n\n      {isOpen &&\n        createPortal(\n          <Styled.Dropdown\n            ref={dropdownRef}\n            style={{\n              top: position.top,\n              left: align === 'left' ? position.left : 'auto',\n              right: align === 'right' ? window.innerWidth - position.left : 'auto',\n              ...pt?.dropdown?.style,\n            }}\n            onMouseDown={(e) => e.stopPropagation()}\n            {...pt?.dropdown}\n            className={clsx(BLOCK_DIALOG_CLOSE_CLASS, align, pt?.dropdown?.className)}\n          >\n            <Styled.DropdownContent className={pt?.content?.className} {...pt?.content}>\n              <Styled.CloseButton\n                icon=\"close\"\n                variant=\"text\"\n                onClick={handleSaveAndClose}\n                {...pt?.closeButton}\n              />\n              <Styled.DateField\n                className={pt?.startDate?.field?.className}\n                {...pt?.startDate?.field}\n              >\n                <label {...pt?.startDate?.label}>Start date</label>\n                <Styled.DateInput\n                  ref={startDateInputRef}\n                  type=\"date\"\n                  value={localStartDate}\n                  onChange={handleStartDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={minDate ? format(minDate, 'yyyy-MM-dd') : undefined}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.startDate?.input}\n                />\n              </Styled.DateField>\n\n              <Styled.DateField className={pt?.endDate?.field?.className} {...pt?.endDate?.field}>\n                <label {...pt?.endDate?.label}>End date</label>\n                <Styled.DateInput\n                  ref={endDateInputRef}\n                  type=\"date\"\n                  value={localEndDate}\n                  onChange={handleEndDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={localStartDate || (minDate ? format(minDate, 'yyyy-MM-dd') : undefined)}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.endDate?.input}\n                />\n              </Styled.DateField>\n\n              {hasValue && (\n                <Styled.ClearButton onClick={handleClear} variant=\"text\" {...pt?.clearButton}>\n                  Clear dates\n                </Styled.ClearButton>\n              )}\n            </Styled.DropdownContent>\n          </Styled.Dropdown>,\n          document.body,\n        )}\n    </Styled.Container>\n  )\n}\n"],"names":["formatDateForInput","dateStr","date","parseISO","isValid","format","formatDateForDisplay","formatStr","parseDateInput","value","DateRangePicker","onChange","emptyTrigger","valueTrigger","align","disabled","className","displayFormat","minDate","maxDate","pt","isOpen","setIsOpen","useState","localStartDate","setLocalStartDate","localEndDate","setLocalEndDate","triggerRef","useRef","dropdownRef","startDateInputRef","endDateInputRef","hasValue","handleSaveAndClose","useCallback","start","end","useEffect","handleClickOutside","e","target","handleKeyDown","handleStartDateChange","newValue","newStartDate","currentEndDate","handleEndDateChange","newEndDate","currentStartDate","finalStart","finalEnd","handleClear","handleToggle","displayStart","displayEnd","startDisplay","endDisplay","formattedRange","getDropdownPosition","rect","renderTrigger","jsx","clsx","Styled.DefaultEmptyTrigger","position","jsxs","Styled.Container","BLOCK_DIALOG_CLOSE_CLASS","Styled.Trigger","createPortal","Styled.Dropdown","Styled.DropdownContent","Styled.CloseButton","Styled.DateField","Styled.DateInput","Styled.ClearButton"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.es.js","sources":["../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {\n  FC,\n  useState,\n  useRef,\n  useEffect,\n  ReactNode,\n  useCallback,\n  HTMLAttributes,\n  ButtonHTMLAttributes,\n  LabelHTMLAttributes,\n  InputHTMLAttributes,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parseISO } from 'date-fns'\nimport { formatUTCDate } from '../../util/formatUTCDate'\nimport * as Styled from './DateRangePicker.styled'\nimport clsx from 'clsx'\nimport { BLOCK_DIALOG_CLOSE_CLASS } from '../LinksManager/CellEditingDialog'\nimport { ButtonProps } from '@ynput/ayon-react-components'\n\nexport interface DateRangePickerPassthrough {\n  root?: Partial<HTMLAttributes<HTMLDivElement>>\n  trigger?: Partial<ButtonHTMLAttributes<HTMLButtonElement>>\n  dropdown?: Partial<HTMLAttributes<HTMLDivElement>>\n  content?: Partial<HTMLAttributes<HTMLDivElement>>\n  startDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  endDate?: Partial<{\n    field?: Partial<HTMLAttributes<HTMLDivElement>>\n    label?: Partial<LabelHTMLAttributes<HTMLLabelElement>>\n    input?: Partial<InputHTMLAttributes<HTMLInputElement>>\n  }>\n  clearButton?: Partial<ButtonProps>\n  closeButton?: Partial<ButtonProps>\n  valueDisplay?: Partial<HTMLAttributes<HTMLSpanElement>>\n}\n\nexport interface DateRange {\n  startDate: string | null\n  endDate: string | null\n}\n\nexport interface DateRangePickerProps {\n  /** Current date range value */\n  value: DateRange\n  /** Callback when date range changes */\n  onChange: (range: DateRange) => void\n  /** Custom trigger button when no dates are set */\n  emptyTrigger?: ReactNode\n  /** Custom trigger button when dates are set */\n  valueTrigger?: (range: DateRange, formattedRange: string) => ReactNode\n  /** Alignment of the dropdown relative to trigger */\n  align?: 'left' | 'right'\n  /** Whether the picker is disabled */\n  disabled?: boolean\n  /** Additional class name for the container */\n  className?: string\n  /** Format for displaying dates (default: 'MMM d') */\n  displayFormat?: string\n  /** Minimum selectable date */\n  minDate?: Date\n  /** Maximum selectable date */\n  maxDate?: Date\n  /** Passthrough props for internal components */\n  pt?: DateRangePickerPassthrough\n}\n\nconst formatDateForInput = (dateStr: string | null): string => {\n  if (!dateStr) return ''\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return formatUTCDate(date, 'yyyy-MM-dd')\n    }\n  } catch {\n    return ''\n  }\n  return ''\n}\n\nconst formatDateForDisplay = (dateStr: string | null, formatStr: string): string | null => {\n  if (!dateStr) return null\n  try {\n    const date = parseISO(dateStr)\n    if (isValid(date)) {\n      return formatUTCDate(date, formatStr)\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nconst parseDateInput = (value: string): string | null => {\n  if (!value) return null\n  try {\n    const [y, m, d] = value.split('-').map(Number)\n    if (y && m && d) {\n      return new Date(Date.UTC(y, m - 1, d)).toISOString()\n    }\n  } catch {\n    return null\n  }\n  return null\n}\n\nexport const DateRangePicker: FC<DateRangePickerProps> = ({\n  value,\n  onChange,\n  emptyTrigger,\n  valueTrigger,\n  align = 'left',\n  disabled = false,\n  className,\n  displayFormat = 'MMM d',\n  minDate,\n  maxDate,\n  pt,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [localStartDate, setLocalStartDate] = useState('')\n  const [localEndDate, setLocalEndDate] = useState('')\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const startDateInputRef = useRef<HTMLInputElement>(null)\n  const endDateInputRef = useRef<HTMLInputElement>(null)\n\n  const hasValue = value.startDate || value.endDate\n\n  const handleSaveAndClose = useCallback(() => {\n    const start = parseDateInput(localStartDate)\n    const end = parseDateInput(localEndDate)\n    if (start !== value.startDate || end !== value.endDate) {\n      onChange({ startDate: start, endDate: end })\n    }\n    setIsOpen(false)\n  }, [localStartDate, localEndDate, value.startDate, value.endDate, onChange])\n\n  useEffect(() => {\n    if (isOpen) {\n      setLocalStartDate(formatDateForInput(value.startDate))\n      setLocalEndDate(formatDateForInput(value.endDate))\n\n      // Automatically open start date picker if no dates are set\n      if (!value.startDate && !value.endDate) {\n        setTimeout(() => {\n          try {\n            startDateInputRef.current?.showPicker()\n          } catch (err) {\n            // fallback\n          }\n        }, 100)\n      }\n    }\n  }, [isOpen, value.startDate, value.endDate])\n\n  // Handle click outside to close\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (\n        triggerRef.current &&\n        !triggerRef.current.contains(target) &&\n        dropdownRef.current &&\n        !dropdownRef.current.contains(target)\n      ) {\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [isOpen, handleSaveAndClose])\n\n  // Handle escape key\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation()\n        handleSaveAndClose()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, handleSaveAndClose])\n\n  const handleStartDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalStartDate(newValue)\n\n    const newStartDate = parseDateInput(newValue)\n    const currentEndDate = parseDateInput(localEndDate)\n\n    // Validate: startDate cannot be after endDate\n    if (newStartDate && currentEndDate) {\n      const start = new Date(newStartDate)\n      const end = new Date(currentEndDate)\n      if (start > end) {\n        // If start is after end, set end to same as start\n        setLocalEndDate(newValue)\n      }\n    }\n\n    // Automatically open end date picker after start date is selected\n    if (newStartDate) {\n      setTimeout(() => {\n        try {\n          endDateInputRef.current?.showPicker()\n        } catch (err) {\n          // fallback\n        }\n      }, 100)\n    }\n  }\n\n  const handleEndDateChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    setLocalEndDate(newValue)\n\n    const newEndDate = parseDateInput(newValue)\n    const currentStartDate = parseDateInput(localStartDate)\n\n    let finalStart = currentStartDate\n    let finalEnd = newEndDate\n\n    // Validate: endDate cannot be before startDate\n    if (newEndDate && currentStartDate) {\n      const start = new Date(currentStartDate)\n      const end = new Date(newEndDate)\n      if (end < start) {\n        // If end is before start, set start to same as end\n        setLocalStartDate(newValue)\n        finalStart = newEndDate\n      }\n    }\n\n    onChange({ startDate: finalStart, endDate: finalEnd })\n  }\n\n  const handleClear = () => {\n    setLocalStartDate('')\n    setLocalEndDate('')\n    onChange({ startDate: null, endDate: null })\n    setIsOpen(false)\n  }\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!disabled) {\n      if (isOpen) {\n        handleSaveAndClose()\n      } else {\n        setIsOpen(true)\n      }\n    }\n  }\n\n  // Format the display string\n  const displayStart = isOpen ? parseDateInput(localStartDate) : value.startDate\n  const displayEnd = isOpen ? parseDateInput(localEndDate) : value.endDate\n\n  const startDisplay = formatDateForDisplay(displayStart, displayFormat)\n  const endDisplay = formatDateForDisplay(displayEnd, displayFormat)\n  const formattedRange =\n    startDisplay && endDisplay\n      ? `${startDisplay} - ${endDisplay}`\n      : startDisplay || endDisplay || ''\n\n  // Get position for dropdown\n  const getDropdownPosition = () => {\n    if (!triggerRef.current) return { top: 0, left: 0 }\n    const rect = triggerRef.current.getBoundingClientRect()\n    return {\n      top: rect.bottom + 4,\n      left: align === 'left' ? rect.left : rect.right,\n    }\n  }\n\n  const renderTrigger = () => {\n    if (hasValue) {\n      if (valueTrigger) {\n        return valueTrigger(value, formattedRange)\n      }\n      return (\n        <span className={clsx('date-value', pt?.valueDisplay?.className)} {...pt?.valueDisplay}>\n          {formattedRange}\n        </span>\n      )\n    }\n\n    if (emptyTrigger) {\n      return emptyTrigger\n    }\n\n    return <Styled.DefaultEmptyTrigger icon={'calendar_add_on'} />\n  }\n\n  const position = getDropdownPosition()\n\n  return (\n    <Styled.Container\n      {...pt?.root}\n      className={clsx(BLOCK_DIALOG_CLOSE_CLASS, className, pt?.root?.className)}\n    >\n      <Styled.Trigger\n        ref={triggerRef}\n        onClick={handleToggle}\n        disabled={disabled}\n        type=\"button\"\n        {...pt?.trigger}\n        className={clsx(hasValue ? 'has-value' : 'empty', pt?.trigger?.className)}\n      >\n        {renderTrigger()}\n      </Styled.Trigger>\n\n      {isOpen &&\n        createPortal(\n          <Styled.Dropdown\n            ref={dropdownRef}\n            style={{\n              top: position.top,\n              left: align === 'left' ? position.left : 'auto',\n              right: align === 'right' ? window.innerWidth - position.left : 'auto',\n              ...pt?.dropdown?.style,\n            }}\n            onMouseDown={(e) => e.stopPropagation()}\n            {...pt?.dropdown}\n            className={clsx(BLOCK_DIALOG_CLOSE_CLASS, align, pt?.dropdown?.className)}\n          >\n            <Styled.DropdownContent className={pt?.content?.className} {...pt?.content}>\n              <Styled.CloseButton\n                icon=\"close\"\n                variant=\"text\"\n                onClick={handleSaveAndClose}\n                {...pt?.closeButton}\n              />\n              <Styled.DateField\n                className={pt?.startDate?.field?.className}\n                {...pt?.startDate?.field}\n              >\n                <label {...pt?.startDate?.label}>Start date</label>\n                <Styled.DateInput\n                  ref={startDateInputRef}\n                  type=\"date\"\n                  value={localStartDate}\n                  onChange={handleStartDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={minDate ? format(minDate, 'yyyy-MM-dd') : undefined}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.startDate?.input}\n                />\n              </Styled.DateField>\n\n              <Styled.DateField className={pt?.endDate?.field?.className} {...pt?.endDate?.field}>\n                <label {...pt?.endDate?.label}>End date</label>\n                <Styled.DateInput\n                  ref={endDateInputRef}\n                  type=\"date\"\n                  value={localEndDate}\n                  onChange={handleEndDateChange}\n                  max={maxDate ? format(maxDate, 'yyyy-MM-dd') : undefined}\n                  min={localStartDate || (minDate ? format(minDate, 'yyyy-MM-dd') : undefined)}\n                  onClick={(e: any) => {\n                    try {\n                      e.currentTarget.showPicker()\n                    } catch (err) {\n                      // fallback for older browsers\n                    }\n                  }}\n                  {...pt?.endDate?.input}\n                />\n              </Styled.DateField>\n\n              {hasValue && (\n                <Styled.ClearButton onClick={handleClear} variant=\"text\" {...pt?.clearButton}>\n                  Clear dates\n                </Styled.ClearButton>\n              )}\n            </Styled.DropdownContent>\n          </Styled.Dropdown>,\n          document.body,\n        )}\n    </Styled.Container>\n  )\n}\n"],"names":["formatDateForInput","dateStr","date","parseISO","isValid","formatUTCDate","formatDateForDisplay","formatStr","parseDateInput","value","y","m","d","DateRangePicker","onChange","emptyTrigger","valueTrigger","align","disabled","className","displayFormat","minDate","maxDate","pt","isOpen","setIsOpen","useState","localStartDate","setLocalStartDate","localEndDate","setLocalEndDate","triggerRef","useRef","dropdownRef","startDateInputRef","endDateInputRef","hasValue","handleSaveAndClose","useCallback","start","end","useEffect","handleClickOutside","e","target","handleKeyDown","handleStartDateChange","newValue","newStartDate","currentEndDate","handleEndDateChange","newEndDate","currentStartDate","finalStart","finalEnd","handleClear","handleToggle","displayStart","displayEnd","startDisplay","endDisplay","formattedRange","getDropdownPosition","rect","renderTrigger","jsx","clsx","Styled.DefaultEmptyTrigger","position","jsxs","Styled.Container","BLOCK_DIALOG_CLOSE_CLASS","Styled.Trigger","createPortal","Styled.Dropdown","Styled.DropdownContent","Styled.CloseButton","Styled.DateField","Styled.DateInput","format","Styled.ClearButton"],"mappings":"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"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),p=require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");const x=require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const a=require("@ynput/ayon-react-components"),g=require("../../../../node_modules/@uiw/react-textarea-code-editor/esm/index.cjs.js");require("lodash");const m=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const y=({projectName:n,entityType:i,entityIds:s,visible:t,onHide:l})=>{const{data:r={},isLoading:o,isError:u,error:c}=x.useGetEntityQuery({projectName:n,entityType:i,entityId:s?.[0]},{skip:!t});u&&p.toast.error(`Unable to load detail. ${c}`);const q=d.useMemo(()=>{try{return JSON.stringify(r,null,2)}catch{return String(r)}},[r]);return!t||Array.isArray(r)&&r.length<1?null:e.jsxRuntimeExports.jsxs(a.Dialog,{isOpen:!0,onClose:l,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:[e.jsxRuntimeExports.jsx("style",{children:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),p=require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");const x=require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const a=require("@ynput/ayon-react-components"),g=require("../../../../node_modules/@uiw/react-textarea-code-editor/esm/index.cjs.js");require("lodash");const m=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const y=({projectName:n,entityType:i,entityIds:s,visible:t,onHide:l})=>{const{data:r={},isLoading:o,isError:u,error:c}=x.useGetEntityQuery({projectName:n,entityType:i,entityId:s?.[0]},{skip:!t});u&&p.toast.error(`Unable to load detail. ${c}`);const q=d.useMemo(()=>{try{return JSON.stringify(r,null,2)}catch{return String(r)}},[r]);return!t||Array.isArray(r)&&r.length<1?null:e.jsxRuntimeExports.jsxs(a.Dialog,{isOpen:!0,onClose:l,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:[e.jsxRuntimeExports.jsx("style",{children:`
         .details-dialog__code { position: relative; }
         .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }
         .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds?.[0] },\n    { skip: !visible },\n  )\n\n  // Show error toast if the query errored\n  if (isError) {\n    toast.error(`Unable to load detail. ${error}`)\n  }\n\n  // Raw pretty JSON for copying and highlighting\n  const rawJson = useMemo(() => {\n    try {\n      return JSON.stringify(data, null, 2)\n    } catch {\n      return String(data)\n    }\n  }, [data])\n\n  // Keep the early return after hooks to ensure hooks are called on every render in the same order\n  if (!visible || (Array.isArray(data) ? data.length < 1 : false)) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <style>{`\n        .details-dialog__code { position: relative; }\n        .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n        .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n        .w-tc-editor .token.property { color: #c9a5f7 !important; }\n        .w-tc-editor .token.string { color: #6bc985 !important; }\n        .w-tc-editor .token.number { color: #e5a66b !important; }\n        .w-tc-editor .token.boolean { color: #e5a66b !important; }\n        .w-tc-editor .token.null { color: #7a8a99 !important; }\n        .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n        .w-tc-editor .token.operator { color: #b0bec5 !important; }\n        .details-dialog__code .w-tc-editor textarea { display: none !important; }\n      `}</style>\n      <div className=\"details-dialog__code\">\n        {isLoading || isError ? (\n          <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n        ) : (\n          <>\n            <div\n              role=\"button\"\n              aria-label=\"Copy JSON\"\n              onClick={() => copyToClipboard(rawJson)}\n              className=\"details-dialog__copy\"\n            >\n              <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n            </div>\n            <CodeEditor\n              wrap={'off'}\n              value={rawJson}\n              language=\"json\"\n              placeholder=\"Please enter JS code.\"\n              readOnly\n              data-color-mode={'dark'}\n            />\n          </>\n        )}\n      </div>\n    </Dialog>\n  )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":"2sKAeO,MAAMA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CACxB,KAAM,CACJ,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,IAAY,CAAC,CAAA,EAC9D,CAAE,KAAM,CAACC,CAAA,CAAQ,EAIfI,GACFG,EAAAA,MAAM,MAAM,0BAA0BF,CAAK,EAAE,EAI/C,MAAMG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,GAAI,CACF,OAAO,KAAK,UAAUP,EAAM,KAAM,CAAC,CACrC,MAAQ,CACN,OAAO,OAAOA,CAAI,CACpB,CACF,EAAG,CAACA,CAAI,CAAC,EAGT,MAAI,CAACF,GAAY,MAAM,QAAQE,CAAI,GAAIA,EAAK,OAAS,EAAmB,KAGtEQ,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,OAAQ,GACR,QAASV,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAA,EAChB,OAAQ,GAAGH,CAAU,UAErB,SAAA,CAAAc,wBAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAYN,EACFA,wBAAC,MAAA,CAAI,UAAU,uBACZ,SAAAT,GAAaC,EACZQ,wBAAC,MAAA,CAAK,SAAAT,EAAY,aAAe,UAAA,CAAW,EAE5CO,yBAAAG,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,SACL,aAAW,YACX,QAAS,IAAME,EAAAA,gBAAgBN,CAAO,EACtC,UAAU,uBAEV,SAAAI,EAAAA,kBAAAA,IAACG,OAAA,CAAK,KAAM,eAAgB,eAAa,mBAAA,CAAoB,CAAA,CAAA,EAE/DH,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CACC,KAAM,MACN,MAAOR,EACP,SAAS,OACT,YAAY,wBACZ,SAAQ,GACR,kBAAiB,MAAA,CAAA,CACnB,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds?.[0] },\n    { skip: !visible },\n  )\n\n  // Show error toast if the query errored\n  if (isError) {\n    toast.error(`Unable to load detail. ${error}`)\n  }\n\n  // Raw pretty JSON for copying and highlighting\n  const rawJson = useMemo(() => {\n    try {\n      return JSON.stringify(data, null, 2)\n    } catch {\n      return String(data)\n    }\n  }, [data])\n\n  // Keep the early return after hooks to ensure hooks are called on every render in the same order\n  if (!visible || (Array.isArray(data) ? data.length < 1 : false)) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <style>{`\n        .details-dialog__code { position: relative; }\n        .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n        .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n        .w-tc-editor .token.property { color: #c9a5f7 !important; }\n        .w-tc-editor .token.string { color: #6bc985 !important; }\n        .w-tc-editor .token.number { color: #e5a66b !important; }\n        .w-tc-editor .token.boolean { color: #e5a66b !important; }\n        .w-tc-editor .token.null { color: #7a8a99 !important; }\n        .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n        .w-tc-editor .token.operator { color: #b0bec5 !important; }\n        .details-dialog__code .w-tc-editor textarea { display: none !important; }\n      `}</style>\n      <div className=\"details-dialog__code\">\n        {isLoading || isError ? (\n          <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n        ) : (\n          <>\n            <div\n              role=\"button\"\n              aria-label=\"Copy JSON\"\n              onClick={() => copyToClipboard(rawJson)}\n              className=\"details-dialog__copy\"\n            >\n              <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n            </div>\n            <CodeEditor\n              wrap={'off'}\n              value={rawJson}\n              language=\"json\"\n              placeholder=\"Please enter JS code.\"\n              readOnly\n              data-color-mode={'dark'}\n            />\n          </>\n        )}\n      </div>\n    </Dialog>\n  )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":"2wKAeO,MAAMA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CACxB,KAAM,CACJ,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,IAAY,CAAC,CAAA,EAC9D,CAAE,KAAM,CAACC,CAAA,CAAQ,EAIfI,GACFG,EAAAA,MAAM,MAAM,0BAA0BF,CAAK,EAAE,EAI/C,MAAMG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,GAAI,CACF,OAAO,KAAK,UAAUP,EAAM,KAAM,CAAC,CACrC,MAAQ,CACN,OAAO,OAAOA,CAAI,CACpB,CACF,EAAG,CAACA,CAAI,CAAC,EAGT,MAAI,CAACF,GAAY,MAAM,QAAQE,CAAI,GAAIA,EAAK,OAAS,EAAmB,KAGtEQ,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,OAAQ,GACR,QAASV,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAA,EAChB,OAAQ,GAAGH,CAAU,UAErB,SAAA,CAAAc,wBAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAYN,EACFA,wBAAC,MAAA,CAAI,UAAU,uBACZ,SAAAT,GAAaC,EACZQ,wBAAC,MAAA,CAAK,SAAAT,EAAY,aAAe,UAAA,CAAW,EAE5CO,yBAAAG,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,SACL,aAAW,YACX,QAAS,IAAME,EAAAA,gBAAgBN,CAAO,EACtC,UAAU,uBAEV,SAAAI,EAAAA,kBAAAA,IAACG,OAAA,CAAK,KAAM,eAAgB,eAAa,mBAAA,CAAoB,CAAA,CAAA,EAE/DH,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CACC,KAAM,MACN,MAAOR,EACP,SAAS,OACT,YAAY,wBACZ,SAAQ,GACR,kBAAiB,MAAA,CAAA,CACnB,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js

@@ -64,6 +64,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
 import "../../api/queries/links/getLinks.es.js";
@@ -99,7 +100,7 @@ import "lodash";
 import { copyToClipboard as x } from "../../util/copyToClipboard.es.js";
 import "uuid";
 import "../../util/pubsub.es.js";
-const st = ({
+const gt = ({
   projectName: a,
   entityType: r,
   entityIds: l,
@@ -173,6 +174,6 @@ const st = ({
   );
 };
 export {
-  st as DetailsDialog
+  gt as DetailsDialog
 };
 //# sourceMappingURL=DetailsDialog.es.js.map