@new-black/lyra 1.0.29 → 1.0.31

package/dist/lyra25.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra25.js","sources":["../src/components/inputs/date-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  ElementRef,\n  ForwardedRef,\n  KeyboardEventHandler,\n  useCallback,\n  useContext,\n  useRef,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  DateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerContext,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateRangePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  RangeCalendar,\n  RangeCalendarStateContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { Separator } from \"../../separator\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DateRangePickerProps<T extends DateValue> = Omit<\n  AriaDateRangePickerProps<T>,\n  \"className\"\n> &\n  Omit<VariantProps<typeof sharedInputStyles>, \"hasStartSlot\" | \"hasEndSlot\"> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const { wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\n    <AriaDateRangePicker\n      {...props}\n      granularity={granularity}\n      className={(renderProps) =>\n        wrapper({\n          className,\n          isDisabled: renderProps.isDisabled,\n        })\n      }\n      isInvalid={isInvalid}\n      ref={ref}\n    >\n      {({ isDisabled, state }) => (\n        <>\n          <Group>\n            <DateRangePickerInputs\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value?.end && state.value?.start && !isDisabled) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n            />\n          </Group>\n          <Popover disablePadding className=\"group\">\n            <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n              <PopoverCalendarGrid />\n            </RangeCalendar>\n          </Popover>\n        </>\n      )}\n    </AriaDateRangePicker>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n        isRequired={isRequired}\n      />\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","wrapper","sharedInputStyles","jsx","AriaDateRangePicker","renderProps","isDisabled","state","jsxs","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"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"}
+{"version":3,"file":"lyra25.js","sources":["../src/components/inputs/date-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  ElementRef,\n  ForwardedRef,\n  KeyboardEventHandler,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Button as AriaButton,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  DateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerContext,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateRangePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  RangeCalendar,\n  RangeCalendarStateContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { Separator } from \"../../separator\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DateRangePickerProps<T extends DateValue> = Omit<\n  AriaDateRangePickerProps<T>,\n  \"className\"\n> &\n  Omit<VariantProps<typeof sharedInputStyles>, \"hasStartSlot\" | \"hasEndSlot\"> &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n  };\n\nexport type { DateValue };\n\nconst _DateRangePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DateRangePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDateRangePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DateRangePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDateRangePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <Group>\n              <DateRangePickerInputs\n                description={description}\n                fullWidth={fullWidth}\n                errorMessage={errorMessage}\n                hideHintLabel={hideHintLabel}\n                hideInputFooter={hideInputFooter}\n                hideInputHeader={hideInputHeader}\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                label={label}\n                startSlot={startSlot}\n                onKeyDown={(e) => {\n                  if (e.key === \"Escape\" && state.value?.end && state.value?.start && !isDisabled) {\n                    e.preventDefault();\n                    state.setValue(null);\n                  }\n                }}\n              />\n            </Group>\n            <Popover disablePadding className=\"group\">\n              <RangeCalendar visibleDuration={{ months: 2 }} pageBehavior={\"single\"}>\n                <PopoverCalendarGrid />\n              </RangeCalendar>\n            </Popover>\n          </>\n        )}\n      </AriaDateRangePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nconst PopoverCalendarGrid = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const {\n    anchorDate,\n    focusedDate,\n    focusNextPage,\n    focusPreviousPage,\n    setFocusedDate,\n    visibleRange,\n  } = useContext(RangeCalendarStateContext);\n\n  const getNextMonth = (month: number) => (month === 12 ? 1 : month + 1);\n  const getPreviousMonth = (month: number) => (month === 1 ? 12 : month - 1);\n\n  /**\n   * Visible range logic from react-aria\n   * - when setting a focused date before the current start range, the focused date is set to the end of the visible range\n   * - when setting a focused date after the current end range, the focused date is set to the start of the visible range\n   */\n  const onStartMonthChange = useCallback(\n    (value: number) => {\n      if (value === visibleRange.start.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.start.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth = value < visibleRange.start.month ? getNextMonth(value) : value;\n        const newFocusedDate = visibleRange.start.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.start],\n  );\n\n  const onStartYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value + 1,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        // when going in the future the focused date should be in December so the visible range starts where we want\n        if (value > visibleRange.start.year) {\n          const newFocusedDate = visibleRange.start.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the past we need to make sure the focused date is in the next month so the visible range starts where we want\n        const newMonth =\n          value < visibleRange.start.year\n            ? getNextMonth(visibleRange.start.month)\n            : visibleRange.start.month;\n        const newFocusedDate = visibleRange.start.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end.year, visibleRange.start],\n  );\n\n  const onEndMonthChange = useCallback(\n    (value: number): void => {\n      if (value === visibleRange.end.month - 1) {\n        focusPreviousPage();\n      } else if (value === visibleRange.end.month + 1) {\n        focusNextPage();\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth = value > visibleRange.end.month ? getPreviousMonth(value) : value;\n        const newFocusedDate = visibleRange.end.copy().set({\n          month: newMonth,\n          day: focusedDate.day,\n        });\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusNextPage, focusPreviousPage, focusedDate.day, setFocusedDate, visibleRange.end],\n  );\n\n  const onEndYearChange = useCallback(\n    (value: number): void => {\n      // handle Dec-Jan visible range separately\n      if (visibleRange.start.year !== visibleRange.end.year) {\n        // when going in the past the focused date should be in January so the visible range starts where we want\n        if (value < visibleRange.end.year) {\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value,\n            day: focusedDate.day,\n            month: 1,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n        if (value > visibleRange.end.year) {\n          // when going in the future the focused date should be in December so the visible range starts where we want\n          const newFocusedDate = visibleRange.end.copy().set({\n            year: value - 1,\n            day: focusedDate.day,\n            month: 12,\n          });\n\n          setFocusedDate(newFocusedDate);\n        }\n      } else {\n        // when going in the future we need to make sure the focused date is in the previous month so the visible range starts where we want\n        const newMonth =\n          value > visibleRange.end.year\n            ? getPreviousMonth(visibleRange.end.month)\n            : visibleRange.end.month;\n        const newFocusedDate = visibleRange.end.copy().set({\n          year: value,\n          day: focusedDate.day,\n          month: newMonth,\n        });\n\n        setFocusedDate(newFocusedDate);\n      }\n    },\n    [focusedDate.day, setFocusedDate, visibleRange.end, visibleRange.start.year],\n  );\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-3 p-3 sm:flex-row\">\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <AriaButton slot=\"previous\" className={buttons()}>\n              <SvgIcon name=\"chevron-left\" />\n            </AriaButton>\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.start.month}\n                isDisabled={!!anchorDate}\n                onChange={onStartMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.start.year}\n                isDisabled={!!anchorDate}\n                onChange={onStartYearChange}\n              />\n            </div>\n            <div className=\"w-6\" />\n          </div>\n          <CalendarGrid className=\"w-full text-center\">\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n\n        <Separator orientation=\"vertical\" className=\"hidden h-[unset] self-stretch sm:block\" />\n        <Separator className=\"sm:hidden\" />\n\n        <div className=\"flex flex-col gap-3\">\n          <div className=\"flex justify-between gap-1\">\n            <div className=\"w-6\" />\n            <div className=\"flex gap-1\">\n              <MonthPicker\n                value={visibleRange.end.month}\n                isDisabled={!!anchorDate}\n                onChange={onEndMonthChange}\n              />\n              <YearPicker\n                value={visibleRange.end.year}\n                isDisabled={!!anchorDate}\n                onChange={onEndYearChange}\n              />\n            </div>\n            <AriaButton slot=\"next\" className={buttons()}>\n              <SvgIcon name=\"chevron-right\" />\n            </AriaButton>\n          </div>\n          <CalendarGrid className=\"w-full text-center\" offset={{ months: 1 }}>\n            <DatePickerCalendarGridHeader />\n            <DateRangePickerCalendarGridBody />\n          </CalendarGrid>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport const DateRangePicker = fixedForwardRef(_DateRangePicker);\n//@ts-ignore\nDateRangePicker.displayName = \"DateRangePicker\";\ntype DateRangePickerInputsProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n  };\n\nconst DateRangePickerInputs = ({\n  description,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DateRangePickerInputsProps) => {\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  const { clear } = useDictionary();\n  const { setValue, value } = useContext(DateRangePickerStateContext);\n\n  const calendarButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()} slot=\"start\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.start : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <span\n          aria-hidden=\"true\"\n          className={\n            !!value?.start && !!value.end && !isDisabled ? \"text-primary\" : \"text-tertiary\"\n          }\n        >\n          &nbsp;–&nbsp;\n        </span>\n\n        <DateInput className={input()} slot=\"end\">\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value?.end : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        {/* We reverse the order so we can go back to the date input by pressing the left arrow when the calendar button is focused. \n        Otherwise the clear button would be focused instead and it would move the focus back to the calendar button */}\n        <div className=\"ms-auto flex flex-row-reverse gap-2\">\n          <AriaButton\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n            ref={calendarButtonRef}\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n\n          {!isDisabled && value?.end && value?.start ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                onFocus={(e) => {\n                  e.preventDefault();\n                  // when filling in a full value in the input this button gets focus automatically, we move focus the calendar button instead\n                  calendarButtonRef?.current?.focus();\n                }}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n        </div>\n      </Group>\n      {hasInputFooter ? (\n        <InputFooter description={description} errorMessage={errorMessage} />\n      ) : null}\n    </>\n  );\n};\n\nconst DateRangePickerCalendarGridBody = () => {\n  const { rangeBodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isSelectionEnd,\n            isSelectionStart,\n            isUnavailable,\n          }) =>\n            rangeBodyCell({\n              isSelected,\n              isSelectionStart,\n              isSelectionEnd,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DateRangePicker","className","description","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DateRangePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDateRangePicker","renderProps","isDisabled","state","Fragment","Group","DateRangePickerInputs","e","_a","_b","Popover","RangeCalendar","PopoverCalendarGrid","buttons","datePickerHeaderStyles","anchorDate","focusedDate","focusNextPage","focusPreviousPage","setFocusedDate","visibleRange","useContext","RangeCalendarStateContext","getNextMonth","month","getPreviousMonth","onStartMonthChange","useCallback","value","newMonth","newFocusedDate","onStartYearChange","onEndMonthChange","onEndYearChange","AriaButton","SvgIcon","MonthPicker","YearPicker","CalendarGrid","DatePickerCalendarGridHeader","DateRangePickerCalendarGridBody","Separator","DateRangePicker","fixedForwardRef","onKeyDown","hasInputFooter","shouldRenderInputFooter","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","setValue","DateRangePickerStateContext","calendarButtonRef","useRef","InputHeader","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","isFocusVisible","Tooltip","InputFooter","rangeBodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isSelectionEnd","isSelectionStart","isUnavailable"],"mappings":"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"}

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),d=require("react"),T=require("./lyra89.cjs"),_=require("./lyra93.cjs"),S=require("./lyra95.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra65.cjs"),c=require("./lyra73.cjs");require("./lyra74.cjs");const x=require("./lyra611.cjs"),k=require("./lyra612.cjs"),I=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var F;const[i,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:p,uploadLimitMessage:M}=S.useDictionary(),{dropAreaLayout:h,dropzone:N,fileInformation:L,iconAndTitleLayout:g,layout:w,multipleFilesLayout:z}=I.fileInputStyles({}),O=d.useCallback(l=>{o(s=>[...s??[],...l??[]]),a==null||a([...i??[],...l],s=>{o(r=>r==null?void 0:r.filter(m=>!(s!=null&&s.find(b=>b.path===m.path))))})},[i,a]),E=k.useOnDrop({onFilesRead:O,files:i,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(i==null?void 0:i.length),[i==null?void 0:i.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var l;return n&&e.uploadLimit?M.replace("{value}",(l=e.uploadLimit)==null?void 0:l.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,M]),A=d.useCallback(l=>{var s;return u||e.acceptedFileTypes&&((s=e.acceptedFileTypes)==null?void 0:s.every(m=>!l.has(m)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return t.jsxRuntimeExports.jsxs("div",{className:w({className:e.className}),style:e.style,ref:y,children:[t.jsxRuntimeExports.jsxs("div",{className:h(),children:[e.label?t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(i!=null&&i[0])?t.jsxRuntimeExports.jsx(f,{fileName:i[0].path??"File",fileSize:x.convertBytes(i[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):t.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async l=>{const s=await Promise.all(l.items.map(r=>r.getFile()));E(s)},className:({isDropTarget:l})=>N({isDropTarget:l,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[t.jsxRuntimeExports.jsxs("div",{className:g(),children:[t.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),t.jsxRuntimeExports.jsx(c.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),t.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:l=>{const s=l?Array.from(l):[];E(s)},acceptedFileTypes:e.acceptedFileTypes,children:t.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?t.jsxRuntimeExports.jsxs("div",{className:L(),children:[t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${p}: ${(F=e.acceptedFileTypes)==null?void 0:F.map(l=>{var s;return(s=U[l])==null?void 0:s.toUpperCase()}).join(", ").toString()} `:void 0}),t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),i&&e.allowMultiple?t.jsxRuntimeExports.jsx("div",{className:z(),children:i.map((l,s)=>t.jsxRuntimeExports.jsx(f,{fileName:l.path??`File${s}`,fileSize:x.convertBytes(l.size),onRemove:()=>{i.length>1?(o(r=>r==null?void 0:r.filter((m,b)=>b!==s)),a==null||a(i.filter((r,m)=>m!==s))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},s))}):null,e.name?t.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:i?JSON.stringify(i):""}):null]})},J=_.fixedForwardRef(P),f=({disabled:a,fileName:e,fileSize:y,onRemove:i})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=I.uploadedItemStyles({}),{remove:R}=S.useDictionary();return t.jsxRuntimeExports.jsxs("div",{className:v(),children:[t.jsxRuntimeExports.jsxs("div",{className:o(),children:[t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),t.jsxRuntimeExports.jsxs("div",{className:j(),children:[t.jsxRuntimeExports.jsxs("span",{className:"flex",children:[t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"flex-1 truncate font-semibold",children:e.substring(0,e.lastIndexOf("."))}),t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.substring(e.lastIndexOf("."),e.length)})]}),t.jsxRuntimeExports.jsx(c.Text,{color:"secondary",variant:"body-small",children:y})]})]}),t.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:i,tooltip:R,isDisabled:a,children:t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),d=require("react"),T=require("./lyra89.cjs"),_=require("./lyra93.cjs"),f=require("./lyra95.cjs"),q=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");const $=require("./lyra19.cjs");require("./lyra20.cjs");const D=require("./lyra65.cjs"),c=require("./lyra73.cjs");require("./lyra74.cjs");const x=require("./lyra612.cjs"),k=require("./lyra613.cjs"),I=require("./lyra28.cjs"),P=({onChange:a,...e},y)=>{var F;const[i,o]=d.useState(),{browseFiles:j,dragAndDropInputMessage:v,maximumFileSize:R,supportedFormats:p,uploadLimitMessage:M}=f.useDictionary(),{dropAreaLayout:h,dropzone:N,fileInformation:L,iconAndTitleLayout:g,layout:w,multipleFilesLayout:z}=I.fileInputStyles({}),O=d.useCallback(s=>{o(l=>[...l??[],...s??[]]),a==null||a([...i??[],...s],l=>{o(r=>r==null?void 0:r.filter(m=>!(l!=null&&l.find(b=>b.path===m.path))))})},[i,a]),E=k.useOnDrop({onFilesRead:O,files:i,readAsDataUrl:e.readAsDataUrl,skipFileRead:e.skipFileRead,uploadLimit:e.allowMultiple?e.uploadLimit:1,maxFileSize:e.maxFileSize,acceptedFileTypes:e.acceptedFileTypes}),n=d.useMemo(()=>e.allowMultiple&&!!e.uploadLimit&&e.uploadLimit===(i==null?void 0:i.length),[i==null?void 0:i.length,e.allowMultiple,e.uploadLimit]),u=d.useMemo(()=>e.isDisabled||n,[n,e.isDisabled]),B=d.useMemo(()=>{var s;return n&&e.uploadLimit?M.replace("{value}",(s=e.uploadLimit)==null?void 0:s.toString()):e.errorMessage},[n,e.errorMessage,e.uploadLimit,M]),A=d.useCallback(s=>{var l;return u||e.acceptedFileTypes&&((l=e.acceptedFileTypes)==null?void 0:l.every(m=>!s.has(m)))?"cancel":"copy"},[u,e.acceptedFileTypes]),U=d.useMemo(()=>e.additionalMimeTypes?{...x.CommonMimeTypes,...e.additionalMimeTypes}:x.CommonMimeTypes,[e.additionalMimeTypes]);return t.jsxRuntimeExports.jsxs("div",{className:w({className:e.className}),style:e.style,ref:y,children:[t.jsxRuntimeExports.jsxs("div",{className:h(),children:[e.label?t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.label}):null,!e.allowMultiple&&(i!=null&&i[0])?t.jsxRuntimeExports.jsx(S,{fileName:i[0].path??i[0].name??"File",fileSize:x.convertBytes(i[0].size),onRemove:()=>{o(void 0),a==null||a(void 0)},disabled:e.isDisabled}):t.jsxRuntimeExports.jsxs(T.DropZone,{onDrop:async s=>{const l=await Promise.all(s.items.map(r=>r.getFile()));E(l)},className:({isDropTarget:s})=>N({isDropTarget:s,error:!!e.errorMessage&&!n}),getDropOperation:A,...e,children:[t.jsxRuntimeExports.jsxs("div",{className:g(),children:[t.jsxRuntimeExports.jsx($.IconBadge,{name:e.errorMessage&&!n?"alert-error":"upload",size:"md",variant:u?"gray":e.errorMessage&&!n?"red":"blue"}),t.jsxRuntimeExports.jsx(c.Text,{slot:"label",variant:"body-medium",color:u?"tertiary":"primary",children:B??e.title??v})]}),t.jsxRuntimeExports.jsx(T.FileTrigger,{allowsMultiple:e.allowMultiple,onSelect:s=>{const l=s?Array.from(s):[];E(l)},acceptedFileTypes:e.acceptedFileTypes,children:t.jsxRuntimeExports.jsx(q.Button,{variant:"secondary",isDisabled:u,children:j})})]}),e.maxFileSize||e.acceptedFileTypes?t.jsxRuntimeExports.jsxs("div",{className:L(),children:[t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.acceptedFileTypes?`${p}: ${(F=e.acceptedFileTypes)==null?void 0:F.map(s=>{var l;return(l=U[s])==null?void 0:l.toUpperCase()}).join(", ").toString()} `:void 0}),t.jsxRuntimeExports.jsx(c.Text,{color:e.errorMessage&&!n?"error":"secondary",variant:"body-small",children:e.maxFileSize?`${R}: ${x.convertBytes(e.maxFileSize)}`:void 0})]}):null]}),i&&e.allowMultiple?t.jsxRuntimeExports.jsx("div",{className:z(),children:i.map((s,l)=>t.jsxRuntimeExports.jsx(S,{fileName:s.path??s.name??`File${l}`,fileSize:x.convertBytes(s.size),onRemove:()=>{i.length>1?(o(r=>r==null?void 0:r.filter((m,b)=>b!==l)),a==null||a(i.filter((r,m)=>m!==l))):(o(void 0),a==null||a(void 0))},disabled:e.isDisabled},l))}):null,e.name?t.jsxRuntimeExports.jsx("input",{hidden:!0,name:e.name,readOnly:!0,value:i?JSON.stringify(i):""}):null]})},J=_.fixedForwardRef(P),S=({disabled:a,fileName:e,fileSize:y,onRemove:i})=>{const{fileInformation:o,fileInformationRows:j,layout:v}=I.uploadedItemStyles({}),{remove:R}=f.useDictionary();return t.jsxRuntimeExports.jsxs("div",{className:v(),children:[t.jsxRuntimeExports.jsxs("div",{className:o(),children:[t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"document-light",className:"h-8 w-8 text-tertiary"}),t.jsxRuntimeExports.jsxs("div",{className:j(),children:[t.jsxRuntimeExports.jsxs("span",{className:"flex",children:[t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"flex-1 truncate font-semibold",children:e.substring(0,e.lastIndexOf("."))}),t.jsxRuntimeExports.jsx(c.Text,{variant:"body-medium",className:"font-semibold",children:e.substring(e.lastIndexOf("."),e.length)})]}),t.jsxRuntimeExports.jsx(c.Text,{color:"secondary",variant:"body-small",children:y})]})]}),t.jsxRuntimeExports.jsx(q.Button,{variant:"icon",onPress:i,tooltip:R,isDisabled:a,children:t.jsxRuntimeExports.jsx(D.SvgIcon,{name:"delete"})})]})};exports.FileInput=J;

package/dist/lyra27.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.cjs","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <span className=\"flex\">\n            <Text variant=\"body-medium\" className=\"flex-1 truncate font-semibold\">\n              {fileName.substring(0, fileName.lastIndexOf(\".\"))}\n            </Text>\n            <Text variant=\"body-medium\" className=\"font-semibold\">\n              {fileName.substring(fileName.lastIndexOf(\".\"), fileName.length)}\n            </Text>\n          </span>\n\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}
+{"version":3,"file":"lyra27.cjs","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? files[0].name ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? file.name ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <span className=\"flex\">\n            <Text variant=\"body-medium\" className=\"flex-1 truncate font-semibold\">\n              {fileName.substring(0, fileName.lastIndexOf(\".\"))}\n            </Text>\n            <Text variant=\"body-medium\" className=\"font-semibold\">\n              {fileName.substring(fileName.lastIndexOf(\".\"), fileName.length)}\n            </Text>\n          </span>\n\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"mhBAiBMA,EAAa,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAyBC,IAAsC,OAChG,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAA4C,SAAA,EAEhE,CACJ,YAAAC,EACA,wBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,mBAAAC,GACEC,EAAc,cAAA,EAEZ,CACJ,eAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,OAAAC,EACA,oBAAAC,CAAA,EACEC,EAAAA,gBAAgB,CAAA,CAAE,EAEhBC,EAAcC,EAAA,YACjBC,GAAkD,CACxCjB,EAACkB,GAAS,CAAC,GAAIA,GAAQ,CAAA,EAAK,GAAID,GAA0B,CAAG,CAAA,CAAC,EAE5DrB,GAAA,MAAAA,EAAA,CAAC,GAAIG,GAAS,CAAA,EAAK,GAAGkB,CAAsB,EAAIE,GAAiB,CAC1EnB,EAAUoB,GACRA,GAAA,YAAAA,EAAc,OACXC,GACC,EAACF,GAAA,MAAAA,EAAc,KAAMG,GAAgBA,EAAY,OAASD,EAAY,OAC1E,CACF,EAEJ,EACA,CAACtB,EAAOH,CAAQ,CAAA,EAGZ2B,EAAeC,EAAAA,UAAU,CAC7B,YAAAT,EACA,MAAAhB,EACA,cAAeF,EAAM,cACrB,aAAcA,EAAM,aACpB,YAAcA,EAAM,cAAoBA,EAAM,YAAV,EACpC,YAAaA,EAAM,YACnB,kBAAmBA,EAAM,iBAAA,CAC1B,EAEK4B,EAAuBC,EAAA,QAC3B,IAAM7B,EAAM,eAAiB,CAAC,CAACA,EAAM,aAAeA,EAAM,eAAgBE,GAAA,YAAAA,EAAO,QACjF,CAACA,GAAA,YAAAA,EAAO,OAAQF,EAAM,cAAeA,EAAM,WAAW,CAAA,EAGlD8B,EAAaD,EAAA,QACjB,IAAM7B,EAAM,YAAc4B,EAC1B,CAACA,EAAsB5B,EAAM,UAAU,CAAA,EAGnC+B,EAAeF,EAAA,QACnB,IAAA,OACE,OAAAD,GAA0B5B,EAAM,YAC5BS,EAAmB,QAAQ,WAAWuB,EAAAhC,EAAM,cAAN,YAAAgC,EAAmB,UAAU,EACnEhC,EAAM,cACZ,CAAC4B,EAAsB5B,EAAM,aAAcA,EAAM,YAAaS,CAAkB,CAAA,EAG5EwB,EAAwBd,EAAA,YAC3Be,GAAqB,OACpB,OAAIJ,GAIA9B,EAAM,qBACYgC,EAAAhC,EAAM,oBAAN,YAAAgC,EAAyB,MAC1CG,GAAqB,CAACD,EAAM,IAAIC,CAAgB,IAL5C,SAWF,MACT,EACA,CAACL,EAAY9B,EAAM,iBAAiB,CAAA,EAGhCoC,EAAYP,EAAA,QAChB,IACE7B,EAAM,oBACF,CAAE,GAAGqC,EAAiB,gBAAA,GAAGrC,EAAM,mBAAA,EAC/BqC,EAAA,gBACN,CAACrC,EAAM,mBAAmB,CAAA,EAG5B,OACGsC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWvB,EAAO,CAAE,UAAWf,EAAM,SAAW,CAAA,EAAG,MAAOA,EAAM,MAAO,IAAAC,EAC1E,SAAA,CAACqC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW3B,EAAA,EACb,SAAA,CAAMX,EAAA,8BACJuC,EAAK,KAAA,CAAA,QAAQ,cAAc,UAAU,gBACnC,SAAMvC,EAAA,KAAA,CACT,EACE,KAEH,CAACA,EAAM,gBAAiBE,GAAA,MAAAA,EAAQ,IAC/BsC,EAAA,kBAAA,IAACC,EAAA,CACC,SAAUvC,EAAM,CAAC,EAAE,MAAQA,EAAM,CAAC,EAAE,MAAQ,OAC5C,SAAUwC,EAAAA,aAAaxC,EAAM,CAAC,EAAE,IAAI,EACpC,SAAU,IAAM,CACdC,EAAS,MAAS,EAClBJ,GAAA,MAAAA,EAAW,OACb,EACA,SAAUC,EAAM,UAAA,CAAA,EAGlBsC,EAAA,kBAAA,KAACK,EAAA,SAAA,CACC,OAAQ,MAAOC,GAAiB,CACxB1C,MAAAA,EAAQ,MAAM,QAAQ,IACzB0C,EAAE,MAAyB,IAAKC,GAASA,EAAK,SAAS,CAAA,EAG1DnB,EAAaxB,CAAK,CACpB,EACA,UAAW,CAAC,CAAE,aAAA4C,KACZlC,EAAS,CAAE,aAAAkC,EAAc,MAAO,CAAC,CAAC9C,EAAM,cAAgB,CAAC4B,EAAsB,EAEjF,iBAAkBK,EACjB,GAAGjC,EAEJ,SAAA,CAACsC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWxB,EAAA,EACd,SAAA,CAAA0B,EAAA,kBAAA,IAACO,EAAA,UAAA,CACC,KAAM/C,EAAM,cAAgB,CAAC4B,EAAuB,cAAgB,SACpE,KAAK,KACL,QACEE,EAAa,OAAS9B,EAAM,cAAgB,CAAC4B,EAAuB,MAAQ,MAAA,CAEhF,EACCY,EAAA,kBAAA,IAAAD,EAAA,KAAA,CAAK,KAAK,QAAQ,QAAQ,cAAc,MAAOT,EAAa,WAAa,UACvE,SAAgBC,GAAA/B,EAAM,OAASM,EAClC,CAAA,EACF,EAEAkC,EAAA,kBAAA,IAACQ,EAAA,YAAA,CACC,eAAgBhD,EAAM,cACtB,SAAW4C,GAAM,CACf,MAAM1C,EAAQ0C,EAAI,MAAM,KAAKA,CAAC,EAAI,GAClClB,EAAaxB,CAAK,CACpB,EACA,kBAAmBF,EAAM,kBAEzB,SAACwC,EAAAA,kBAAAA,IAAAS,EAAAA,OAAA,CAAO,QAAQ,YAAY,WAAAnB,EACzB,SACHzB,EAAA,CAAA,CACF,CAAA,CAAA,CACF,EAGDL,EAAM,aAAeA,EAAM,2CACzB,MAAI,CAAA,UAAWa,EACd,EAAA,SAAA,CAAA2B,EAAA,kBAAA,IAACD,EAAA,KAAA,CACC,MAAOvC,EAAM,cAAgB,CAAC4B,EAAuB,QAAU,YAC/D,QAAQ,aAEP,SAAA5B,EAAM,kBACH,GAAGQ,CAAgB,MAAKwB,EAAAhC,EAAM,oBAAN,YAAAgC,EACpB,IAAKkB,GAAA,OAAa,OAAAlB,EAAAI,EAAUc,CAAQ,IAAlB,YAAAlB,EAAqB,gBACxC,KAAK,MACL,UAAU,IACb,MAAA,CACN,EAEAQ,EAAA,kBAAA,IAACD,EAAA,KAAA,CACC,MAAOvC,EAAM,cAAgB,CAAC4B,EAAuB,QAAU,YAC/D,QAAQ,aAEP,SAAA5B,EAAM,YACH,GAAGO,CAAe,KAAKmC,EAAa,aAAA1C,EAAM,WAAW,CAAC,GACtD,MAAA,CACN,CAAA,CAAA,CACF,EACE,IAAA,EACN,EAECE,GAASF,EAAM,cACdwC,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWxB,EAAoB,EACjC,SAAMd,EAAA,IAAI,CAACiD,EAAMC,IAChBZ,EAAA,kBAAA,IAACC,EAAA,CAEC,SAAUU,EAAK,MAAQA,EAAK,MAAQ,OAAOC,CAAG,GAC9C,SAAUV,EAAAA,aAAaS,EAAK,IAAI,EAChC,SAAU,IAAM,CACVjD,EAAM,OAAS,GACRC,EAACkB,GAASA,GAAA,YAAAA,EAAM,OAAO,CAACgC,EAAGC,IAAYA,IAAYF,EAAI,EAChErD,GAAA,MAAAA,EAAWG,EAAM,OAAO,CAACmD,EAAGC,IAAYA,IAAYF,CAAG,KAEvDjD,EAAS,MAAS,EAClBJ,GAAA,MAAAA,EAAW,QAEf,EACA,SAAUC,EAAM,UAAA,EAZXoD,CAAA,CAcR,EACH,EACE,KAEHpD,EAAM,KACLwC,EAAAA,kBAAAA,IAAC,SAAM,OAAM,GAAC,KAAMxC,EAAM,KAAM,SAAQ,GAAC,MAAOE,EAAQ,KAAK,UAAUA,CAAK,EAAI,EAAI,CAAA,EAClF,IACN,CAAA,CAAA,CAEJ,EAEaqD,EAAYC,kBAAgB1D,CAAU,EAG7C2C,EAAe,CAAC,CAAE,SAAAgB,EAAU,SAAAC,EAAU,SAAAC,EAAU,SAAAC,KAAkC,CACtF,KAAM,CAAE,gBAAA/C,EAAiB,oBAAAgD,EAAqB,OAAA9C,GAAW+C,EAAAA,mBAAmB,CAAA,CAAE,EACxE,CAAE,OAAAC,GAAWrD,EAAAA,gBAEnB,OACG4B,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWvB,EAAA,EACd,SAAA,CAACuB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWzB,EAAA,EACd,SAAA,CAAA2B,EAAA,kBAAA,IAACwB,EAAQ,QAAA,CAAA,KAAK,iBAAiB,UAAU,wBAAwB,EAEhE1B,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWuB,EAAA,EACd,SAAA,CAACvB,EAAAA,kBAAAA,KAAA,OAAA,CAAK,UAAU,OACd,SAAA,CAAAE,EAAA,kBAAA,IAACD,EAAK,KAAA,CAAA,QAAQ,cAAc,UAAU,gCACnC,SAAAmB,EAAS,UAAU,EAAGA,EAAS,YAAY,GAAG,CAAC,EAClD,EACClB,EAAA,kBAAA,IAAAD,EAAA,KAAA,CAAK,QAAQ,cAAc,UAAU,gBACnC,SAAAmB,EAAS,UAAUA,EAAS,YAAY,GAAG,EAAGA,EAAS,MAAM,EAChE,CAAA,EACF,0BAECnB,EAAAA,KAAK,CAAA,MAAM,YAAY,QAAQ,aAC7B,SACHoB,EAAA,CAAA,EACF,CAAA,EACF,EAECnB,EAAA,kBAAA,IAAAS,EAAA,OAAA,CAAO,QAAQ,OAAO,QAASW,EAAU,QAASG,EAAQ,WAAYN,EACrE,SAAAjB,wBAACwB,EAAAA,QAAQ,CAAA,KAAK,QAAS,CAAA,EACzB,CACF,CAAA,CAAA,CAEJ"}

package/dist/lyra27.js

@@ -12,15 +12,15 @@ import "./lyra20.js";
 import { SvgIcon as N } from "./lyra65.js";
 import { Text as o } from "./lyra73.js";
 import "./lyra74.js";
-import { CommonMimeTypes as h, convertBytes as j } from "./lyra611.js";
-import { useOnDrop as q } from "./lyra612.js";
+import { CommonMimeTypes as h, convertBytes as j } from "./lyra612.js";
+import { useOnDrop as q } from "./lyra613.js";
 import { fileInputStyles as G, uploadedItemStyles as H } from "./lyra28.js";
 const K = ({ onChange: s, ...e }, y) => {
   var D;
-  const [l, m] = _(), {
+  const [l, r] = _(), {
     browseFiles: x,
-    dragAndDropInputMessage: f,
-    maximumFileSize: v,
+    dragAndDropInputMessage: v,
+    maximumFileSize: b,
     supportedFormats: w,
     uploadLimitMessage: F
   } = I(), {
@@ -31,11 +31,11 @@ const K = ({ onChange: s, ...e }, y) => {
     layout: O,
     multipleFilesLayout: A
   } = G({}), U = S(
-    (t) => {
-      m((a) => [...a ?? [], ...t ?? []]), s == null || s([...l ?? [], ...t], (a) => {
-        m(
+    (a) => {
+      r((t) => [...t ?? [], ...a ?? []]), s == null || s([...l ?? [], ...a], (t) => {
+        r(
           (d) => d == null ? void 0 : d.filter(
-            (c) => !(a != null && a.find((b) => b.path === c.path))
+            (c) => !(t != null && t.find((f) => f.path === c.path))
           )
         );
       });
@@ -49,23 +49,23 @@ const K = ({ onChange: s, ...e }, y) => {
     uploadLimit: e.allowMultiple ? e.uploadLimit : 1,
     maxFileSize: e.maxFileSize,
     acceptedFileTypes: e.acceptedFileTypes
-  }), r = u(
+  }), m = u(
     () => e.allowMultiple && !!e.uploadLimit && e.uploadLimit === (l == null ? void 0 : l.length),
     [l == null ? void 0 : l.length, e.allowMultiple, e.uploadLimit]
   ), n = u(
-    () => e.isDisabled || r,
-    [r, e.isDisabled]
+    () => e.isDisabled || m,
+    [m, e.isDisabled]
   ), k = u(
     () => {
-      var t;
-      return r && e.uploadLimit ? F.replace("{value}", (t = e.uploadLimit) == null ? void 0 : t.toString()) : e.errorMessage;
+      var a;
+      return m && e.uploadLimit ? F.replace("{value}", (a = e.uploadLimit) == null ? void 0 : a.toString()) : e.errorMessage;
     },
-    [r, e.errorMessage, e.uploadLimit, F]
+    [m, e.errorMessage, e.uploadLimit, F]
   ), p = S(
-    (t) => {
-      var a;
-      return n || e.acceptedFileTypes && ((a = e.acceptedFileTypes) == null ? void 0 : a.every(
-        (c) => !t.has(c)
+    (a) => {
+      var t;
+      return n || e.acceptedFileTypes && ((t = e.acceptedFileTypes) == null ? void 0 : t.every(
+        (c) => !a.has(c)
       )) ? "cancel" : "copy";
     },
     [n, e.acceptedFileTypes]
@@ -79,23 +79,23 @@ const K = ({ onChange: s, ...e }, y) => {
       !e.allowMultiple && (l != null && l[0]) ? /* @__PURE__ */ i.jsx(
         T,
         {
-          fileName: l[0].path ?? "File",
+          fileName: l[0].path ?? l[0].name ?? "File",
           fileSize: j(l[0].size),
           onRemove: () => {
-            m(void 0), s == null || s(void 0);
+            r(void 0), s == null || s(void 0);
           },
           disabled: e.isDisabled
         }
       ) : /* @__PURE__ */ i.jsxs(
         P,
         {
-          onDrop: async (t) => {
-            const a = await Promise.all(
-              t.items.map((d) => d.getFile())
+          onDrop: async (a) => {
+            const t = await Promise.all(
+              a.items.map((d) => d.getFile())
             );
-            M(a);
+            M(t);
           },
-          className: ({ isDropTarget: t }) => $({ isDropTarget: t, error: !!e.errorMessage && !r }),
+          className: ({ isDropTarget: a }) => $({ isDropTarget: a, error: !!e.errorMessage && !m }),
           getDropOperation: p,
           ...e,
           children: [
@@ -103,20 +103,20 @@ const K = ({ onChange: s, ...e }, y) => {
               /* @__PURE__ */ i.jsx(
                 Z,
                 {
-                  name: e.errorMessage && !r ? "alert-error" : "upload",
+                  name: e.errorMessage && !m ? "alert-error" : "upload",
                   size: "md",
-                  variant: n ? "gray" : e.errorMessage && !r ? "red" : "blue"
+                  variant: n ? "gray" : e.errorMessage && !m ? "red" : "blue"
                 }
               ),
-              /* @__PURE__ */ i.jsx(o, { slot: "label", variant: "body-medium", color: n ? "tertiary" : "primary", children: k ?? e.title ?? f })
+              /* @__PURE__ */ i.jsx(o, { slot: "label", variant: "body-medium", color: n ? "tertiary" : "primary", children: k ?? e.title ?? v })
             ] }),
             /* @__PURE__ */ i.jsx(
               E,
               {
                 allowsMultiple: e.allowMultiple,
-                onSelect: (t) => {
-                  const a = t ? Array.from(t) : [];
-                  M(a);
+                onSelect: (a) => {
+                  const t = a ? Array.from(a) : [];
+                  M(t);
                 },
                 acceptedFileTypes: e.acceptedFileTypes,
                 children: /* @__PURE__ */ i.jsx(L, { variant: "secondary", isDisabled: n, children: x })
@@ -129,42 +129,42 @@ const K = ({ onChange: s, ...e }, y) => {
         /* @__PURE__ */ i.jsx(
           o,
           {
-            color: e.errorMessage && !r ? "error" : "secondary",
+            color: e.errorMessage && !m ? "error" : "secondary",
             variant: "body-small",
-            children: e.acceptedFileTypes ? `${w}: ${(D = e.acceptedFileTypes) == null ? void 0 : D.map((t) => {
-              var a;
-              return (a = B[t]) == null ? void 0 : a.toUpperCase();
+            children: e.acceptedFileTypes ? `${w}: ${(D = e.acceptedFileTypes) == null ? void 0 : D.map((a) => {
+              var t;
+              return (t = B[a]) == null ? void 0 : t.toUpperCase();
             }).join(", ").toString()} ` : void 0
           }
         ),
         /* @__PURE__ */ i.jsx(
           o,
           {
-            color: e.errorMessage && !r ? "error" : "secondary",
+            color: e.errorMessage && !m ? "error" : "secondary",
             variant: "body-small",
-            children: e.maxFileSize ? `${v}: ${j(e.maxFileSize)}` : void 0
+            children: e.maxFileSize ? `${b}: ${j(e.maxFileSize)}` : void 0
           }
         )
       ] }) : null
     ] }),
-    l && e.allowMultiple ? /* @__PURE__ */ i.jsx("div", { className: A(), children: l.map((t, a) => /* @__PURE__ */ i.jsx(
+    l && e.allowMultiple ? /* @__PURE__ */ i.jsx("div", { className: A(), children: l.map((a, t) => /* @__PURE__ */ i.jsx(
       T,
       {
-        fileName: t.path ?? `File${a}`,
-        fileSize: j(t.size),
+        fileName: a.path ?? a.name ?? `File${t}`,
+        fileSize: j(a.size),
         onRemove: () => {
-          l.length > 1 ? (m((d) => d == null ? void 0 : d.filter((c, b) => b !== a)), s == null || s(l.filter((d, c) => c !== a))) : (m(void 0), s == null || s(void 0));
+          l.length > 1 ? (r((d) => d == null ? void 0 : d.filter((c, f) => f !== t)), s == null || s(l.filter((d, c) => c !== t))) : (r(void 0), s == null || s(void 0));
         },
         disabled: e.isDisabled
       },
-      a
+      t
     )) }) : null,
     e.name ? /* @__PURE__ */ i.jsx("input", { hidden: !0, name: e.name, readOnly: !0, value: l ? JSON.stringify(l) : "" }) : null
   ] });
 }, ne = J(K), T = ({ disabled: s, fileName: e, fileSize: y, onRemove: l }) => {
-  const { fileInformation: m, fileInformationRows: x, layout: f } = H({}), { remove: v } = I();
-  return /* @__PURE__ */ i.jsxs("div", { className: f(), children: [
-    /* @__PURE__ */ i.jsxs("div", { className: m(), children: [
+  const { fileInformation: r, fileInformationRows: x, layout: v } = H({}), { remove: b } = I();
+  return /* @__PURE__ */ i.jsxs("div", { className: v(), children: [
+    /* @__PURE__ */ i.jsxs("div", { className: r(), children: [
       /* @__PURE__ */ i.jsx(N, { name: "document-light", className: "h-8 w-8 text-tertiary" }),
       /* @__PURE__ */ i.jsxs("div", { className: x(), children: [
         /* @__PURE__ */ i.jsxs("span", { className: "flex", children: [
@@ -174,7 +174,7 @@ const K = ({ onChange: s, ...e }, y) => {
         /* @__PURE__ */ i.jsx(o, { color: "secondary", variant: "body-small", children: y })
       ] })
     ] }),
-    /* @__PURE__ */ i.jsx(L, { variant: "icon", onPress: l, tooltip: v, isDisabled: s, children: /* @__PURE__ */ i.jsx(N, { name: "delete" }) })
+    /* @__PURE__ */ i.jsx(L, { variant: "icon", onPress: l, tooltip: b, isDisabled: s, children: /* @__PURE__ */ i.jsx(N, { name: "delete" }) })
   ] });
 };
 export {

package/dist/lyra27.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra27.js","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <span className=\"flex\">\n            <Text variant=\"body-medium\" className=\"flex-1 truncate font-semibold\">\n              {fileName.substring(0, fileName.lastIndexOf(\".\"))}\n            </Text>\n            <Text variant=\"body-medium\" className=\"font-semibold\">\n              {fileName.substring(fileName.lastIndexOf(\".\"), fileName.length)}\n            </Text>\n          </span>\n\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}
+{"version":3,"file":"lyra27.js","sources":["../src/components/inputs/file-input/file-input.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useMemo, useState } from \"react\";\nimport { DragTypes, DropZone, FileDropItem, FileTrigger } from \"react-aria-components\";\n\nimport { DropEvent } from \"@react-types/shared\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Button } from \"../../button\";\nimport { IconBadge } from \"../../icon-badge\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\n\nimport { FileInputProps, FileInputUploadItem, UploadedItemProps } from \"./file-input.types\";\nimport { CommonMimeTypes, convertBytes } from \"./file-input-utils\";\nimport { useOnDrop } from \"./use-on-drop\";\nimport { fileInputStyles, uploadedItemStyles } from \".\";\n\nconst _FileInput = ({ onChange, ...props }: FileInputProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const [files, setFiles] = useState<FileInputUploadItem[] | undefined>();\n\n  const {\n    browseFiles,\n    dragAndDropInputMessage,\n    maximumFileSize,\n    supportedFormats,\n    uploadLimitMessage,\n  } = useDictionary();\n\n  const {\n    dropAreaLayout,\n    dropzone,\n    fileInformation,\n    iconAndTitleLayout,\n    layout,\n    multipleFilesLayout,\n  } = fileInputStyles({});\n\n  const onFilesRead = useCallback(\n    (filesFromCurrentUpload: FileInputUploadItem[]) => {\n      setFiles((prev) => [...(prev ?? []), ...(filesFromCurrentUpload ?? [])]);\n\n      onChange?.([...(files ?? []), ...filesFromCurrentUpload], (filesToClear) => {\n        setFiles((currentFiles) =>\n          currentFiles?.filter(\n            (currentFile) =>\n              !filesToClear?.find((fileToClear) => fileToClear.path === currentFile.path),\n          ),\n        );\n      });\n    },\n    [files, onChange],\n  );\n\n  const handleOnDrop = useOnDrop({\n    onFilesRead,\n    files,\n    readAsDataUrl: props.readAsDataUrl,\n    skipFileRead: props.skipFileRead,\n    uploadLimit: !props.allowMultiple ? 1 : props.uploadLimit,\n    maxFileSize: props.maxFileSize,\n    acceptedFileTypes: props.acceptedFileTypes,\n  });\n\n  const isUploadLimitReached = useMemo(\n    () => props.allowMultiple && !!props.uploadLimit && props.uploadLimit === files?.length,\n    [files?.length, props.allowMultiple, props.uploadLimit],\n  );\n\n  const isDisabled = useMemo(\n    () => props.isDisabled || isUploadLimitReached,\n    [isUploadLimitReached, props.isDisabled],\n  );\n\n  const errorMessage = useMemo(\n    () =>\n      isUploadLimitReached && !!props.uploadLimit\n        ? uploadLimitMessage.replace(\"{value}\", props.uploadLimit?.toString())\n        : props.errorMessage,\n    [isUploadLimitReached, props.errorMessage, props.uploadLimit, uploadLimitMessage],\n  );\n\n  const evaluateDropOperation = useCallback(\n    (types: DragTypes) => {\n      if (isDisabled) {\n        return \"cancel\";\n      }\n\n      if (props.acceptedFileTypes) {\n        const invalidDrop = props.acceptedFileTypes?.every(\n          (acceptedFileType) => !types.has(acceptedFileType),\n        );\n\n        return invalidDrop ? \"cancel\" : \"copy\";\n      }\n\n      return \"copy\";\n    },\n    [isDisabled, props.acceptedFileTypes],\n  );\n\n  const mimeTypes = useMemo(\n    () =>\n      props.additionalMimeTypes\n        ? { ...CommonMimeTypes, ...props.additionalMimeTypes }\n        : CommonMimeTypes,\n    [props.additionalMimeTypes],\n  );\n\n  return (\n    <div className={layout({ className: props.className })} style={props.style} ref={ref}>\n      <div className={dropAreaLayout()}>\n        {props.label ? (\n          <Text variant=\"body-medium\" className=\"font-semibold\">\n            {props.label}\n          </Text>\n        ) : null}\n\n        {!props.allowMultiple && files?.[0] ? (\n          <UploadedItem\n            fileName={files[0].path ?? files[0].name ?? \"File\"}\n            fileSize={convertBytes(files[0].size)}\n            onRemove={() => {\n              setFiles(undefined);\n              onChange?.(undefined);\n            }}\n            disabled={props.isDisabled}\n          />\n        ) : (\n          <DropZone\n            onDrop={async (e: DropEvent) => {\n              const files = await Promise.all(\n                (e.items as FileDropItem[]).map((item) => item.getFile()),\n              );\n\n              handleOnDrop(files);\n            }}\n            className={({ isDropTarget }) =>\n              dropzone({ isDropTarget, error: !!props.errorMessage && !isUploadLimitReached })\n            }\n            getDropOperation={evaluateDropOperation}\n            {...props}\n          >\n            <div className={iconAndTitleLayout()}>\n              <IconBadge\n                name={props.errorMessage && !isUploadLimitReached ? \"alert-error\" : \"upload\"}\n                size=\"md\"\n                variant={\n                  isDisabled ? \"gray\" : props.errorMessage && !isUploadLimitReached ? \"red\" : \"blue\"\n                }\n              />\n              <Text slot=\"label\" variant=\"body-medium\" color={isDisabled ? \"tertiary\" : \"primary\"}>\n                {errorMessage ?? props.title ?? dragAndDropInputMessage}\n              </Text>\n            </div>\n\n            <FileTrigger\n              allowsMultiple={props.allowMultiple}\n              onSelect={(e) => {\n                const files = e ? Array.from(e) : [];\n                handleOnDrop(files);\n              }}\n              acceptedFileTypes={props.acceptedFileTypes}\n            >\n              <Button variant=\"secondary\" isDisabled={isDisabled}>\n                {browseFiles}\n              </Button>\n            </FileTrigger>\n          </DropZone>\n        )}\n\n        {props.maxFileSize || props.acceptedFileTypes ? (\n          <div className={fileInformation()}>\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.acceptedFileTypes\n                ? `${supportedFormats}: ${props.acceptedFileTypes\n                    ?.map((mimeType) => mimeTypes[mimeType]?.toUpperCase())\n                    .join(\", \")\n                    .toString()} `\n                : undefined}\n            </Text>\n\n            <Text\n              color={props.errorMessage && !isUploadLimitReached ? \"error\" : \"secondary\"}\n              variant=\"body-small\"\n            >\n              {props.maxFileSize\n                ? `${maximumFileSize}: ${convertBytes(props.maxFileSize)}`\n                : undefined}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n\n      {files && props.allowMultiple ? (\n        <div className={multipleFilesLayout()}>\n          {files.map((file, idx) => (\n            <UploadedItem\n              key={idx}\n              fileName={file.path ?? file.name ?? `File${idx}`}\n              fileSize={convertBytes(file.size)}\n              onRemove={() => {\n                if (files.length > 1) {\n                  setFiles((prev) => prev?.filter((_, fileIdx) => fileIdx !== idx));\n                  onChange?.(files.filter((_, fileIdx) => fileIdx !== idx));\n                } else {\n                  setFiles(undefined);\n                  onChange?.(undefined);\n                }\n              }}\n              disabled={props.isDisabled}\n            />\n          ))}\n        </div>\n      ) : null}\n\n      {props.name ? (\n        <input hidden name={props.name} readOnly value={files ? JSON.stringify(files) : \"\"} />\n      ) : null}\n    </div>\n  );\n};\n\nexport const FileInput = fixedForwardRef(_FileInput);\n// @ts-ignore\n\nconst UploadedItem = ({ disabled, fileName, fileSize, onRemove }: UploadedItemProps) => {\n  const { fileInformation, fileInformationRows, layout } = uploadedItemStyles({});\n  const { remove } = useDictionary();\n\n  return (\n    <div className={layout()}>\n      <div className={fileInformation()}>\n        <SvgIcon name=\"document-light\" className=\"h-8 w-8 text-tertiary\" />\n\n        <div className={fileInformationRows()}>\n          <span className=\"flex\">\n            <Text variant=\"body-medium\" className=\"flex-1 truncate font-semibold\">\n              {fileName.substring(0, fileName.lastIndexOf(\".\"))}\n            </Text>\n            <Text variant=\"body-medium\" className=\"font-semibold\">\n              {fileName.substring(fileName.lastIndexOf(\".\"), fileName.length)}\n            </Text>\n          </span>\n\n          <Text color=\"secondary\" variant=\"body-small\">\n            {fileSize}\n          </Text>\n        </div>\n      </div>\n\n      <Button variant=\"icon\" onPress={onRemove} tooltip={remove} isDisabled={disabled}>\n        <SvgIcon name=\"delete\" />\n      </Button>\n    </div>\n  );\n};\n"],"names":["_FileInput","onChange","props","ref","files","setFiles","useState","browseFiles","dragAndDropInputMessage","maximumFileSize","supportedFormats","uploadLimitMessage","useDictionary","dropAreaLayout","dropzone","fileInformation","iconAndTitleLayout","layout","multipleFilesLayout","fileInputStyles","onFilesRead","useCallback","filesFromCurrentUpload","prev","filesToClear","currentFiles","currentFile","fileToClear","handleOnDrop","useOnDrop","isUploadLimitReached","useMemo","isDisabled","errorMessage","_a","evaluateDropOperation","types","acceptedFileType","mimeTypes","CommonMimeTypes","jsxs","Text","jsx","UploadedItem","convertBytes","DropZone","e","item","isDropTarget","IconBadge","FileTrigger","Button","mimeType","file","idx","_","fileIdx","FileInput","fixedForwardRef","disabled","fileName","fileSize","onRemove","fileInformationRows","uploadedItemStyles","remove","SvgIcon"],"mappings":"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"}

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),s=require("./lyra89.cjs"),A=require("./lyra450.cjs"),B=require("./lyra91.cjs"),D=require("./lyra93.cjs"),H=require("./lyra95.cjs"),u=require("./lyra65.cjs"),a=require("./lyra75.cjs"),L=require("./lyra38.cjs"),P=require("./lyra39.cjs"),_=require("./lyra40.cjs"),G=({className:d,description:x,errorMessage:c,hideHintLabel:m=!1,hideInputFooter:p=!1,hideInputHeader:j=!1,hideStepper:i=!1,label:R,onChange:b,startSlot:t,value:y,...n},E)=>{const{decrement:q,increment:F}=H.useDictionary(),{decrementAriaLabel:f=q,fullWidth:h,incrementAriaLabel:N=F,isInvalid:v,isReadOnly:r,isRequired:o}=n,{input:I,inputField:g,wrapper:w}=_.sharedInputStyles({fullWidth:h,hasStartSlot:!!t,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(s.NumberField,{className:w({className:d}),isInvalid:v,value:y,onChange:b,...n,ref:E,children:({isDisabled:l})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(L.InputHeader,{label:R,isRequired:o,hideHintLabel:m,hideInputHeader:j}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:O,isFocusWithin:S,isHovered:T,isInvalid:M})=>B.twMerge(g({isFocused:S,isHovered:T,isDisabled:O||r,isInvalid:M})),children:[t,e.jsxRuntimeExports.jsx(s.Input,{className:I({className:A.clsx(!!t&&"ps-1",!i&&"pe-1")}),required:o,disabled:l,readOnly:r,style:{fontFamily:"var(--input-font-family)"}}),!i&&!l&&!r?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(a.Tooltip,{tooltip:f,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"decrement",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(u.SvgIcon,{name:"minus"})})}),e.jsxRuntimeExports.jsx(a.Tooltip,{tooltip:N,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"increment",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(u.SvgIcon,{name:"plus"})})})]}):null]}),e.jsxRuntimeExports.jsx(P.InputFooter,{description:x,errorMessage:c,hideInputFooter:p})]})})},W=D.fixedForwardRef(G);exports.NumberField=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),E=require("react"),s=require("./lyra89.cjs"),L=require("./lyra450.cjs"),$=require("./lyra91.cjs"),k=require("./lyra93.cjs"),z=require("./lyra95.cjs"),q=require("./lyra65.cjs"),y=require("./lyra75.cjs"),C=require("./lyra38.cjs"),J=require("./lyra39.cjs"),K=require("./lyra40.cjs"),F=require("./lyra610.cjs"),Q=({className:N,description:r,errorMessage:n,hideHintLabel:i=!1,hideInputFooter:u=!1,hideInputHeader:a=!1,hideStepper:x=!1,label:t,onChange:b,outerEndSlot:c,outerStartSlot:d,startSlot:o,value:f,...m},v)=>{const{decrement:I,increment:g}=z.useDictionary(),{decrementAriaLabel:w=I,fullWidth:O,incrementAriaLabel:T=g,isInvalid:S,isReadOnly:l,isRequired:p}=m,j=E.useMemo(()=>F.shouldRenderInputHeader({hideHintLabel:i,hideInputHeader:a,label:t}),[i,a,t]),M=E.useMemo(()=>F.shouldRenderInputFooter({description:r,errorMessage:n,hideInputFooter:u}),[r,n,u]),{input:A,inputField:B,outerSlot:R,outerSlotsWrapper:D,wrapper:P}=K.sharedInputStyles({fullWidth:O,hasStartSlot:!!o,hasEndSlot:!0,hasInputHeader:j,hasLabel:!!t});return e.jsxRuntimeExports.jsxs("div",{className:D(),children:[d?e.jsxRuntimeExports.jsx("div",{className:R(),children:d}):null,e.jsxRuntimeExports.jsx(s.NumberField,{className:P({className:N}),isInvalid:S,value:f,onChange:b,...m,ref:v,children:({isDisabled:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j?e.jsxRuntimeExports.jsx(C.InputHeader,{label:t,isRequired:p,hideHintLabel:i}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:W,isFocusWithin:_,isHovered:G,isInvalid:H})=>$.twMerge(B({isFocused:_,isHovered:G,isDisabled:W||l,isInvalid:H})),children:[o,e.jsxRuntimeExports.jsx(s.Input,{className:A({className:L.clsx(!!o&&"ps-1",!x&&"pe-1")}),required:p,disabled:h,readOnly:l,style:{fontFamily:"var(--input-font-family)"}}),!x&&!h&&!l?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:w,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"decrement",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"minus"})})}),e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:T,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"increment",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"plus"})})})]}):null]}),M?e.jsxRuntimeExports.jsx(J.InputFooter,{description:r,errorMessage:n}):null]})}),c?e.jsxRuntimeExports.jsx("div",{className:R(),children:c}):null]})},U=k.fixedForwardRef(Q);exports.NumberField=U;