@consta/uikit 5.29.2 → 5.31.0

package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeYearRange.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeYearRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYearRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","handleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYearRange } from '../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYearRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      dropdownClassName,\n      dropdownRef,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      dropdownViewportRef,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\n\n    const handleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n      rangeIndex: fieldFocused,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -10));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: () => {\n        setFieldFocused(undefined);\n        setCalendarVisible.off();\n      },\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYearRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"year\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          className={dropdownClassName}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={handleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeYearRange.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeYearRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYearRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","dropdownViewportRef","dropdownContainer","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","rangeIndex","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","handleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYearRange } from '../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYearRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      dropdownClassName,\n      dropdownRef,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      dropdownViewportRef,\n      dropdownContainer,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<0 | 1 | undefined>();\n\n    const startFocused = fieldFocused === 0;\n    const endFocused = fieldFocused === 1;\n\n    const handleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n      rangeIndex: fieldFocused,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(0);\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused(1);\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -10));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: () => {\n        setFieldFocused(undefined);\n        setCalendarVisible.off();\n      },\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYearRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"year\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          viewportRef={dropdownViewportRef}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          className={dropdownClassName}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={handleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n          container={dropdownContainer}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/types.d.ts

@@ -96,6 +96,7 @@ export type DatePickerProps<TYPE extends DatePickerPropType = 'date'> = PropsWit
     dropdownOpen?: boolean;
     ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
     dropdownViewportRef?: React.RefObject<HTMLElement>;
+    dropdownContainer?: Element;
 }, HTMLDivElement>;
 export type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(props: DatePickerProps<TYPE>) => React.ReactNode | null;
 export type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (props: Omit<DatePickerProps<TYPE>, 'type'>) => React.ReactNode | null;

package/__internal__/src/components/DatePicker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["dateTimePropViewDefault","datePickerPropType","datePickerPropTypeDefault","datePickerPropDateTimeViewDefault","datePickerErrorTypes","datePickerPropDropdownForm","datePickerPropDropdownFormDefault"],"sources":["../../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { Locale } from 'date-fns';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  DateTimePropDisableDates,\n  DateTimePropView,\n  dateTimePropViewDefault,\n  TimeOptions,\n} from '../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '../TextField/TextField';\n\nexport const datePickerPropType = [\n  'date',\n  'date-range',\n  'date-time',\n  'date-time-range',\n  'time',\n  'year',\n  'year-range',\n  'month',\n  'month-range',\n] as const;\n\nexport type DatePickerPropType = typeof datePickerPropType[number];\nexport const datePickerPropTypeDefault = datePickerPropType[0];\n\nexport type DatePickerPropDateTimeView = DateTimePropView;\nexport const datePickerPropDateTimeViewDefault = dateTimePropViewDefault;\n\ntype Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';\ntype Time = 'time' | 'date-time' | 'date-time-range';\n\nexport const datePickerErrorTypes = [\n  'outOfRange',\n  'invalidInputAttempt',\n  'startDateIsGreaterThanEndDate',\n  'invalidTimeByTimeOptions',\n] as const;\n\nexport type DatePickerPropValue<TYPE extends DatePickerPropType> =\n  | (TYPE extends Range ? DateRange : Date)\n  | null;\n\nexport type DatePickerPropPlaceholder<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (\n  value: DatePickerPropValue<TYPE>,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;\n  },\n) => void;\n\nexport const datePickerPropDropdownForm = [\n  'default',\n  'brick',\n  'round',\n] as const;\nexport type DatePickerPropDropdownForm =\n  typeof datePickerPropDropdownForm[number];\nexport const datePickerPropDropdownFormDefault = datePickerPropDropdownForm[0];\n\ntype DatePickerPropInputRef<TYPE> = TYPE extends Range\n  ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?]\n  : React.Ref<HTMLInputElement>;\n\ntype DatePickerPropSide<TYPE> = TYPE extends Range\n  ?\n      | [(string | IconComponent)?, (string | IconComponent)?]\n      | string\n      | IconComponent\n  : string | IconComponent;\n\ntype DatePickerPropOnFocus<TYPE> = TYPE extends Range\n  ?\n      | [\n          React.FocusEventHandler<HTMLElement>?,\n          React.FocusEventHandler<HTMLElement>?,\n        ]\n      | React.FocusEventHandler<HTMLElement>\n  : React.FocusEventHandler<HTMLElement>;\n\ntype DatePickerPropName<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerAdditionalControlRenderFn = (props: {\n  currentVisibleDate?: Date;\n}) => React.ReactNode | React.ReactNode[];\n\nexport type DatePickerAdditionalControlRenderProp =\n  | React.ReactNode\n  | DatePickerAdditionalControlRenderFn;\n\nexport type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      type?: TYPE;\n      value?: DatePickerPropValue<TYPE>;\n      onChange?: DatePickerPropOnChange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n      events?: Date[];\n      dateTimeView?: DatePickerPropDateTimeView;\n      locale?: Locale;\n      children?: never;\n      onError?: DatePickerPropOnError;\n      id?: string;\n      name?: DatePickerPropName<TYPE>;\n      disabled?: boolean;\n      disableDates?: DateTimePropDisableDates;\n      dropdownClassName?: string;\n      dropdownRef?: React.Ref<HTMLDivElement>;\n      size?: TextFieldPropSize;\n      view?: TextFieldPropView;\n      form?: TextFieldPropForm;\n      status?: TextFieldPropStatus;\n      onFocus?: DatePickerPropOnFocus<TYPE>;\n      onBlur?: DatePickerPropOnFocus<TYPE>;\n      autoFocus?: boolean;\n      placeholder?: DatePickerPropPlaceholder<TYPE>;\n      readOnly?: boolean;\n      required?: boolean;\n      tabIndex?: number;\n      inputRef?: DatePickerPropInputRef<TYPE>;\n      ariaLabel?: string;\n      iconSize?: IconPropSize;\n      format?: string;\n      separator?: string;\n      dropdownForm?: DatePickerPropDropdownForm;\n      leftSide?: DatePickerPropSide<TYPE>;\n      rightSide?: DatePickerPropSide<TYPE>;\n      label?: string;\n      labelIcon?: IconComponent;\n      caption?: string;\n      labelPosition?: 'top' | 'left';\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      currentVisibleDate?: Date;\n      timeOptions?: TYPE extends Time ? TimeOptions : never;\n      /**\n       * @deprecated Use timeOptions instead.\n       * TODO: major - удалить при мажорном релизе все свойства multiplicity*, оставив только работу с timeOptions.\n       */\n      multiplicitySeconds?: TYPE extends Time ? number : never;\n      /**\n       * @deprecated Use timeOptions instead.\n       * TODO: major - удалить при мажорном релизе все свойства multiplicity*, оставив только работу с timeOptions.\n       */\n      multiplicityMinutes?: TYPE extends Time ? number : never;\n      /**\n       * @deprecated Use timeOptions instead.\n       * TODO: major - удалить при мажорном релизе все свойства multiplicity*, оставив только работу с timeOptions.\n       */\n      multiplicityHours?: TYPE extends Time ? number : never;\n      isMobile?: number;\n      withClearButton?: boolean;\n      onDropdownOpen?: (isOpen: boolean) => void;\n      dropdownOpen?: boolean;\n      ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n      dropdownViewportRef?: React.RefObject<HTMLElement>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(\n  props: DatePickerProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (\n  props: Omit<DatePickerProps<TYPE>, 'type'>,\n) => React.ReactNode | null;\n\nexport type DatePickerPropOnError = (\n  props:\n    | {\n        type: typeof datePickerErrorTypes[0];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n        date: Date;\n      }\n    | {\n        type: typeof datePickerErrorTypes[1];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n      }\n    | {\n        type: typeof datePickerErrorTypes[2];\n        date: [Date, Date];\n      }\n    | {\n        type: typeof datePickerErrorTypes[3];\n        stringValue: string;\n        date: Date;\n        HH?: string;\n        mm?: string;\n        ss?: string;\n      },\n) => void;\n"],"mappings":"AAKA,OAGEA,uBAHF,2BAaA,MAAO,IAAMC,mBAAkB,CAAG,CAChC,MADgC,CAEhC,YAFgC,CAGhC,WAHgC,CAIhC,iBAJgC,CAKhC,MALgC,CAMhC,MANgC,CAOhC,YAPgC,CAQhC,OARgC,CAShC,aATgC,CAA3B,CAaP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAGP,MAAO,IAAME,kCAAiC,CAAGH,uBAA1C,CAKP,MAAO,IAAMI,qBAAoB,CAAG,CAClC,YADkC,CAElC,qBAFkC,CAGlC,+BAHkC,CAIlC,0BAJkC,CAA7B,CAsBP,MAAO,IAAMC,2BAA0B,CAAG,CACxC,SADwC,CAExC,OAFwC,CAGxC,OAHwC,CAAnC,CAOP,MAAO,IAAMC,kCAAiC,CAAGD,0BAA0B,CAAC,CAAD,CAApE"}
+{"version":3,"file":"types.js","names":["dateTimePropViewDefault","datePickerPropType","datePickerPropTypeDefault","datePickerPropDateTimeViewDefault","datePickerErrorTypes","datePickerPropDropdownForm","datePickerPropDropdownFormDefault"],"sources":["../../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { Locale } from 'date-fns';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  DateTimePropDisableDates,\n  DateTimePropView,\n  dateTimePropViewDefault,\n  TimeOptions,\n} from '../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '../TextField/TextField';\n\nexport const datePickerPropType = [\n  'date',\n  'date-range',\n  'date-time',\n  'date-time-range',\n  'time',\n  'year',\n  'year-range',\n  'month',\n  'month-range',\n] as const;\n\nexport type DatePickerPropType = typeof datePickerPropType[number];\nexport const datePickerPropTypeDefault = datePickerPropType[0];\n\nexport type DatePickerPropDateTimeView = DateTimePropView;\nexport const datePickerPropDateTimeViewDefault = dateTimePropViewDefault;\n\ntype Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';\ntype Time = 'time' | 'date-time' | 'date-time-range';\n\nexport const datePickerErrorTypes = [\n  'outOfRange',\n  'invalidInputAttempt',\n  'startDateIsGreaterThanEndDate',\n  'invalidTimeByTimeOptions',\n] as const;\n\nexport type DatePickerPropValue<TYPE extends DatePickerPropType> =\n  | (TYPE extends Range ? DateRange : Date)\n  | null;\n\nexport type DatePickerPropPlaceholder<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (\n  value: DatePickerPropValue<TYPE>,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;\n  },\n) => void;\n\nexport const datePickerPropDropdownForm = [\n  'default',\n  'brick',\n  'round',\n] as const;\nexport type DatePickerPropDropdownForm =\n  typeof datePickerPropDropdownForm[number];\nexport const datePickerPropDropdownFormDefault = datePickerPropDropdownForm[0];\n\ntype DatePickerPropInputRef<TYPE> = TYPE extends Range\n  ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?]\n  : React.Ref<HTMLInputElement>;\n\ntype DatePickerPropSide<TYPE> = TYPE extends Range\n  ?\n      | [(string | IconComponent)?, (string | IconComponent)?]\n      | string\n      | IconComponent\n  : string | IconComponent;\n\ntype DatePickerPropOnFocus<TYPE> = TYPE extends Range\n  ?\n      | [\n          React.FocusEventHandler<HTMLElement>?,\n          React.FocusEventHandler<HTMLElement>?,\n        ]\n      | React.FocusEventHandler<HTMLElement>\n  : React.FocusEventHandler<HTMLElement>;\n\ntype DatePickerPropName<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerAdditionalControlRenderFn = (props: {\n  currentVisibleDate?: Date;\n}) => React.ReactNode | React.ReactNode[];\n\nexport type DatePickerAdditionalControlRenderProp =\n  | React.ReactNode\n  | DatePickerAdditionalControlRenderFn;\n\nexport type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      type?: TYPE;\n      value?: DatePickerPropValue<TYPE>;\n      onChange?: DatePickerPropOnChange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n      events?: Date[];\n      dateTimeView?: DatePickerPropDateTimeView;\n      locale?: Locale;\n      children?: never;\n      onError?: DatePickerPropOnError;\n      id?: string;\n      name?: DatePickerPropName<TYPE>;\n      disabled?: boolean;\n      disableDates?: DateTimePropDisableDates;\n      dropdownClassName?: string;\n      dropdownRef?: React.Ref<HTMLDivElement>;\n      size?: TextFieldPropSize;\n      view?: TextFieldPropView;\n      form?: TextFieldPropForm;\n      status?: TextFieldPropStatus;\n      onFocus?: DatePickerPropOnFocus<TYPE>;\n      onBlur?: DatePickerPropOnFocus<TYPE>;\n      autoFocus?: boolean;\n      placeholder?: DatePickerPropPlaceholder<TYPE>;\n      readOnly?: boolean;\n      required?: boolean;\n      tabIndex?: number;\n      inputRef?: DatePickerPropInputRef<TYPE>;\n      ariaLabel?: string;\n      iconSize?: IconPropSize;\n      format?: string;\n      separator?: string;\n      dropdownForm?: DatePickerPropDropdownForm;\n      leftSide?: DatePickerPropSide<TYPE>;\n      rightSide?: DatePickerPropSide<TYPE>;\n      label?: string;\n      labelIcon?: IconComponent;\n      caption?: string;\n      labelPosition?: 'top' | 'left';\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      currentVisibleDate?: Date;\n      timeOptions?: TYPE extends Time ? TimeOptions : never;\n      /**\n       * @deprecated Use timeOptions instead.\n       * TODO: major - удалить при мажорном релизе все свойства multiplicity*, оставив только работу с timeOptions.\n       */\n      multiplicitySeconds?: TYPE extends Time ? number : never;\n      /**\n       * @deprecated Use timeOptions instead.\n       * TODO: major - удалить при мажорном релизе все свойства multiplicity*, оставив только работу с timeOptions.\n       */\n      multiplicityMinutes?: TYPE extends Time ? number : never;\n      /**\n       * @deprecated Use timeOptions instead.\n       * TODO: major - удалить при мажорном релизе все свойства multiplicity*, оставив только работу с timeOptions.\n       */\n      multiplicityHours?: TYPE extends Time ? number : never;\n      isMobile?: number;\n      withClearButton?: boolean;\n      onDropdownOpen?: (isOpen: boolean) => void;\n      dropdownOpen?: boolean;\n      ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n      dropdownViewportRef?: React.RefObject<HTMLElement>;\n      dropdownContainer?: Element;\n    },\n    HTMLDivElement\n  >;\n\nexport type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(\n  props: DatePickerProps<TYPE>,\n) => React.ReactNode | null;\n\nexport type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (\n  props: Omit<DatePickerProps<TYPE>, 'type'>,\n) => React.ReactNode | null;\n\nexport type DatePickerPropOnError = (\n  props:\n    | {\n        type: typeof datePickerErrorTypes[0];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n        date: Date;\n      }\n    | {\n        type: typeof datePickerErrorTypes[1];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n      }\n    | {\n        type: typeof datePickerErrorTypes[2];\n        date: [Date, Date];\n      }\n    | {\n        type: typeof datePickerErrorTypes[3];\n        stringValue: string;\n        date: Date;\n        HH?: string;\n        mm?: string;\n        ss?: string;\n      },\n) => void;\n"],"mappings":"AAKA,OAGEA,uBAHF,2BAaA,MAAO,IAAMC,mBAAkB,CAAG,CAChC,MADgC,CAEhC,YAFgC,CAGhC,WAHgC,CAIhC,iBAJgC,CAKhC,MALgC,CAMhC,MANgC,CAOhC,YAPgC,CAQhC,OARgC,CAShC,aATgC,CAA3B,CAaP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAGP,MAAO,IAAME,kCAAiC,CAAGH,uBAA1C,CAKP,MAAO,IAAMI,qBAAoB,CAAG,CAClC,YADkC,CAElC,qBAFkC,CAGlC,+BAHkC,CAIlC,0BAJkC,CAA7B,CAsBP,MAAO,IAAMC,2BAA0B,CAAG,CACxC,SADwC,CAExC,OAFwC,CAGxC,OAHwC,CAAnC,CAOP,MAAO,IAAMC,kCAAiC,CAAGD,0BAA0B,CAAC,CAAD,CAApE"}

package/__internal__/src/components/FileCanary/FileCanary.d.ts

@@ -0,0 +1 @@
+export declare const File: import("./types").FileComponent;

package/__internal__/src/components/FileCanary/FileCanary.js

@@ -0,0 +1,2 @@
+import{defaultConfig}from"./config";import{fileGenerator}from"./fileCanaryGenerator";export var File=fileGenerator(defaultConfig);
+//# sourceMappingURL=FileCanary.js.map

package/__internal__/src/components/FileCanary/FileCanary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileCanary.js","names":["defaultConfig","fileGenerator","File"],"sources":["../../../../../src/components/FileCanary/FileCanary.tsx"],"sourcesContent":["import { defaultConfig } from './config';\nimport { fileGenerator } from './fileCanaryGenerator';\n\nexport const File = fileGenerator(defaultConfig);\n"],"mappings":"AAAA,OAASA,aAAT,gBACA,OAASC,aAAT,6BAEA,MAAO,IAAMC,KAAI,CAAGD,aAAa,CAACD,aAAD,CAA1B"}

package/__internal__/src/components/FileCanary/FileCanaryBase/FileCanaryBase.css

@@ -0,0 +1 @@
+.canary--FileBase{--file-color-unknown:var(--file-color-unknown-override,#70788b);--file-color-code:var(--file-color-code-override,#70788b);--file-color-font:var(--file-color-font-override,#70788b);--file-color-disk:var(--file-color-disk-override,#70788b);--file-color-executive:var(--file-color-executive-override,#70788b);--file-color-config:var(--file-color-config-override,#70788b);--file-color-database:var(--file-color-database-override,#70788b);--file-color-presentation:var(--file-color-presentation-override,#f56b00);--file-color-table:var(--file-color-table-override,#6fb80a);--file-color-document:var(--file-color-document-override,#016bdc);--file-color-pdf:var(--file-color-pdf-override,#c62828);--file-color-audio:var(--file-color-audio-override,#e92064);--file-color-image:var(--file-color-image-override,#7448dd);--file-color-video:var(--file-color-video-override,#2044d5);--file-color-mail:var(--file-color-mail-override,#2196f3);--file-color-scheme:var(--file-color-scheme-override,#0088a3);--file-color-archive:var(--file-color-archive-override,#9010d1);--file-extension-font-size:8px;--file-extension-bg-color:rgba(0,0,0,.5);--file-extension-letter-spacing:-0.125em;--file-border-radius:var(--control-radius);--file-typo-color:#fff;align-items:center;border:none;border-radius:var(--file-border-radius);color:var(--file-typo-color);display:flex;flex-direction:column;height:var(--file-height);outline:none;overflow:hidden;padding:0;width:var(--file-width)}.canary--FileBase_size_s{--file-icon-container-padding:4px 4px 3px 4px;--file-width:24px;--file-height:32px}.canary--FileBase_size_m{--file-icon-container-padding:3px 3px 2px 3px;--file-width:30px;--file-height:40px}.canary--FileBase-IconContainer{height:-moz-fit-content;height:fit-content;padding:var(--file-icon-container-padding)}.canary--FileBase-Extension,.canary--FileBase-IconContainer{align-items:center;display:flex;justify-content:center;width:100%}.canary--FileBase-Extension{background-color:var(--file-extension-bg-color);flex:1;font-family:Silkscreen,sans-serif;font-size:var(--file-extension-font-size);letter-spacing:var(--file-extension-letter-spacing);min-height:0;text-transform:uppercase}

package/__internal__/src/components/FileCanary/FileCanaryBase/FileCanaryBase.d.ts

@@ -0,0 +1,4 @@
+import './FileCanaryBase.css';
+import { FileBaseComponent } from '../types';
+export declare const cnFileCanaryBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileBase: FileBaseComponent;

package/__internal__/src/components/FileCanary/FileCanaryBase/FileCanaryBase.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon","extension","color","className","as"];import"./FileCanaryBase.css";import React,{forwardRef}from"react";import{cnCanary}from"../../../utils/bem";export var cnFileCanaryBase=cnCanary("FileBase");var FileBaseRender=function(a,b){var c=a.size,d=a.icon,e=a.extension,f=a.color,g=a.className,h=a.as,i=void 0===h?"div":h,j=_objectWithoutProperties(a,_excluded);return React.createElement(i,Object.assign({className:cnFileCanaryBase({size:c},[g]),style:{backgroundColor:f},ref:b},j),React.createElement("div",{className:cnFileCanaryBase("IconContainer")},React.createElement(d,{size:c,className:cnFileCanaryBase("Icon")})),React.createElement("div",{className:cnFileCanaryBase("Extension")},e))};export var FileBase=forwardRef(FileBaseRender);
+//# sourceMappingURL=FileCanaryBase.js.map

package/__internal__/src/components/FileCanary/FileCanaryBase/FileCanaryBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileCanaryBase.js","names":["React","forwardRef","cnCanary","cnFileCanaryBase","FileBaseRender","ref","size","Icon","icon","extension","color","className","as","Tag","otherProps","backgroundColor","FileBase"],"sources":["../../../../../../src/components/FileCanary/FileCanaryBase/FileCanaryBase.tsx"],"sourcesContent":["import './FileCanaryBase.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnCanary } from '##/utils/bem';\n\nimport { FileBaseComponent, FileBaseProps } from '../types';\n\nexport const cnFileCanaryBase = cnCanary('FileBase');\n\nconst FileBaseRender = (\n  {\n    size,\n    icon: Icon,\n    extension,\n    color,\n    className,\n    as: Tag = 'div',\n    ...otherProps\n  }: FileBaseProps,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <Tag\n      className={cnFileCanaryBase({ size }, [className])}\n      style={{ backgroundColor: color }}\n      ref={ref}\n      {...otherProps}\n    >\n      <div className={cnFileCanaryBase('IconContainer')}>\n        <Icon size={size} className={cnFileCanaryBase('Icon')} />\n      </div>\n      <div className={cnFileCanaryBase('Extension')}>{extension}</div>\n    </Tag>\n  );\n};\n\nexport const FileBase = forwardRef(FileBaseRender) as FileBaseComponent;\n"],"mappings":"wJAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,0BAIA,MAAO,IAAMC,iBAAgB,CAAGD,QAAQ,CAAC,UAAD,CAAjC,CAEP,GAAME,eAAc,CAAG,WAUrBC,CAVqB,CAWlB,IATDC,EASC,GATDA,IASC,CARKC,CAQL,GARDC,IAQC,CAPDC,CAOC,GAPDA,SAOC,CANDC,CAMC,GANDA,KAMC,CALDC,CAKC,GALDA,SAKC,KAJDC,EAIC,CAJGC,CAIH,YAJS,KAIT,GAHEC,CAGF,uCACH,MACE,qBAAC,CAAD,gBACE,SAAS,CAAEX,gBAAgB,CAAC,CAAEG,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACK,CAAD,CAAX,CAD7B,CAEE,KAAK,CAAE,CAAEI,eAAe,CAAEL,CAAnB,CAFT,CAGE,GAAG,CAAEL,CAHP,EAIMS,CAJN,EAME,2BAAK,SAAS,CAAEX,gBAAgB,CAAC,eAAD,CAAhC,EACE,oBAAC,CAAD,EAAM,IAAI,CAAEG,CAAZ,CAAkB,SAAS,CAAEH,gBAAgB,CAAC,MAAD,CAA7C,EADF,CANF,CASE,2BAAK,SAAS,CAAEA,gBAAgB,CAAC,WAAD,CAAhC,EAAgDM,CAAhD,CATF,CAYH,CAzBD,CA2BA,MAAO,IAAMO,SAAQ,CAAGf,UAAU,CAACG,cAAD,CAA3B"}

package/__internal__/src/components/FileCanary/config.d.ts

@@ -0,0 +1,2 @@
+import { FileConfig } from './types';
+export declare const defaultConfig: FileConfig;

package/__internal__/src/components/FileCanary/config.js

@@ -0,0 +1,2 @@
+import{IconFileAnimation}from"@consta/icons/IconFileAnimation";import{IconFileArchive}from"@consta/icons/IconFileArchive";import{IconFileAudio}from"@consta/icons/IconFileAudio";import{IconFileCode}from"@consta/icons/IconFileCode";import{IconFileConfig}from"@consta/icons/IconFileConfig";import{IconFileDatabase}from"@consta/icons/IconFileDatabase";import{IconFileDisk}from"@consta/icons/IconFileDisk";import{IconFileDocument}from"@consta/icons/IconFileDocument";import{IconFileFont}from"@consta/icons/IconFileFont";import{IconFileImage}from"@consta/icons/IconFileImage";import{IconFileMail}from"@consta/icons/IconFileMail";import{IconFilePDF}from"@consta/icons/IconFilePDF";import{IconFilePresentation}from"@consta/icons/IconFilePresentation";import{IconFileProgram}from"@consta/icons/IconFileProgram";import{IconFileScheme}from"@consta/icons/IconFileScheme";import{IconFileTable}from"@consta/icons/IconFileTable";import{IconFileTransparent}from"@consta/icons/IconFileTransparent";import{IconFileVector}from"@consta/icons/IconFileVector";import{IconFileVideo}from"@consta/icons/IconFileVideo";export var defaultConfig={asp:{color:"var(--file-color-code)",icon:IconFileCode},aspx:{color:"var(--file-color-code)",icon:IconFileCode},cer:{color:"var(--file-color-code)",icon:IconFileCode},cmf:{color:"var(--file-color-code)",icon:IconFileCode},cgi:{color:"var(--file-color-code)",icon:IconFileCode},pl:{color:"var(--file-color-code)",icon:IconFileCode},css:{color:"var(--file-color-code)",icon:IconFileCode},htm:{color:"var(--file-color-code)",icon:IconFileCode},html:{color:"var(--file-color-code)",icon:IconFileCode},js:{color:"var(--file-color-code)",icon:IconFileCode},jsp:{color:"var(--file-color-code)",icon:IconFileCode},part:{color:"var(--file-color-code)",icon:IconFileCode},php:{color:"var(--file-color-code)",icon:IconFileCode},py:{color:"var(--file-color-code)",icon:IconFileCode},rss:{color:"var(--file-color-code)",icon:IconFileCode},fnt:{color:"var(--file-color-font)",icon:IconFileFont},fon:{color:"var(--file-color-font)",icon:IconFileFont},otf:{color:"var(--file-color-font)",icon:IconFileFont},ttf:{color:"var(--file-color-font)",icon:IconFileFont},bin:{color:"var(--file-color-disk)",icon:IconFileDisk},dmg:{color:"var(--file-color-disk)",icon:IconFileDisk},iso:{color:"var(--file-color-disk)",icon:IconFileDisk},toast:{color:"var(--file-color-disk)",icon:IconFileDisk},vcd:{color:"var(--file-color-disk)",icon:IconFileDisk},bat:{color:"var(--file-color-executive)",icon:IconFileProgram},com:{color:"var(--file-color-executive)",icon:IconFileProgram},exe:{color:"var(--file-color-executive)",icon:IconFileProgram},msi:{color:"var(--file-color-executive)",icon:IconFileProgram},sh:{color:"var(--file-color-executive)",icon:IconFileProgram},wsf:{color:"var(--file-color-executive)",icon:IconFileProgram},conf:{color:"var(--file-color-config)",icon:IconFileConfig},ini:{color:"var(--file-color-config)",icon:IconFileConfig},sql:{color:"var(--file-color-database)",icon:IconFileDatabase},db:{color:"var(--file-color-database)",icon:IconFileDatabase},dbf:{color:"var(--file-color-database)",icon:IconFileDatabase},mdb:{color:"var(--file-color-database)",icon:IconFileDatabase},pptx:{color:"var(--file-color-presentation)",icon:IconFilePresentation},ppt:{color:"var(--file-color-presentation)",icon:IconFilePresentation},key:{color:"var(--file-color-presentation)",icon:IconFilePresentation},odp:{color:"var(--file-color-presentation)",icon:IconFilePresentation},pps:{color:"var(--file-color-presentation)",icon:IconFilePresentation},xlsx:{color:"var(--file-color-table)",icon:IconFileTable},xsl:{color:"var(--file-color-table)",icon:IconFileTable},csv:{color:"var(--file-color-table)",icon:IconFileTable},xml:{color:"var(--file-color-table)",icon:IconFileTable},docx:{color:"var(--file-color-document)",icon:IconFileDocument},doc:{color:"var(--file-color-document)",icon:IconFileDocument},log:{color:"var(--file-color-document)",icon:IconFileDocument},sav:{color:"var(--file-color-document)",icon:IconFileDocument},odt:{color:"var(--file-color-document)",icon:IconFileDocument},rtf:{color:"var(--file-color-document)",icon:IconFileDocument},tex:{color:"var(--file-color-document)",icon:IconFileDocument},txt:{color:"var(--file-color-document)",icon:IconFileDocument},wpd:{color:"var(--file-color-document)",icon:IconFileDocument},pdf:{color:"var(--file-color-pdf)",icon:IconFilePDF},aif:{color:"var(--file-color-audio)",icon:IconFileAudio},cda:{color:"var(--file-color-audio)",icon:IconFileAudio},midi:{color:"var(--file-color-audio)",icon:IconFileAudio},mp3:{color:"var(--file-color-audio)",icon:IconFileAudio},mpa:{color:"var(--file-color-audio)",icon:IconFileAudio},ogg:{color:"var(--file-color-audio)",icon:IconFileAudio},wav:{color:"var(--file-color-audio)",icon:IconFileAudio},wma:{color:"var(--file-color-audio)",icon:IconFileAudio},wpl:{color:"var(--file-color-audio)",icon:IconFileAudio},bmp:{color:"var(--file-color-image)",icon:IconFileImage},ico:{color:"var(--file-color-image)",icon:IconFileImage},jpg:{color:"var(--file-color-image)",icon:IconFileImage},jpeg:{color:"var(--file-color-image)",icon:IconFileImage},psd:{color:"var(--file-color-image)",icon:IconFileImage},scr:{color:"var(--file-color-image)",icon:IconFileImage},tif:{color:"var(--file-color-image)",icon:IconFileImage},tiff:{color:"var(--file-color-image)",icon:IconFileImage},webp:{color:"var(--file-color-image)",icon:IconFileImage},ai:{color:"var(--file-color-image)",icon:IconFileVector},ps:{color:"var(--file-color-image)",icon:IconFileVector},svg:{color:"var(--file-color-image)",icon:IconFileVector},png:{color:"var(--file-color-image)",icon:IconFileTransparent},gif:{color:"var(--file-color-image)",icon:IconFileAnimation},"3g2":{color:"var(--file-color-video)",icon:IconFileVideo},"3gp":{color:"var(--file-color-video)",icon:IconFileVideo},avi:{color:"var(--file-color-video)",icon:IconFileVideo},flv:{color:"var(--file-color-video)",icon:IconFileVideo},h264:{color:"var(--file-color-video)",icon:IconFileVideo},m4v:{color:"var(--file-color-video)",icon:IconFileVideo},mkv:{color:"var(--file-color-video)",icon:IconFileVideo},mov:{color:"var(--file-color-video)",icon:IconFileVideo},mp4:{color:"var(--file-color-video)",icon:IconFileVideo},mpg:{color:"var(--file-color-video)",icon:IconFileVideo},mpeg:{color:"var(--file-color-video)",icon:IconFileVideo},rm:{color:"var(--file-color-video)",icon:IconFileVideo},swf:{color:"var(--file-color-video)",icon:IconFileVideo},vob:{color:"var(--file-color-video)",icon:IconFileVideo},webm:{color:"var(--file-color-video)",icon:IconFileVideo},wmv:{color:"var(--file-color-video)",icon:IconFileVideo},email:{color:"var(--file-color-mail)",icon:IconFileMail},eml:{color:"var(--file-color-mail)",icon:IconFileMail},emlx:{color:"var(--file-color-mail)",icon:IconFileMail},msg:{color:"var(--file-color-mail)",icon:IconFileMail},oft:{color:"var(--file-color-mail)",icon:IconFileMail},ost:{color:"var(--file-color-mail)",icon:IconFileMail},pst:{color:"var(--file-color-mail)",icon:IconFileMail},vcf:{color:"var(--file-color-mail)",icon:IconFileMail},vsd:{color:"var(--file-color-scheme)",icon:IconFileScheme},"7z":{color:"var(--file-color-archive)",icon:IconFileArchive},arj:{color:"var(--file-color-archive)",icon:IconFileArchive},deb:{color:"var(--file-color-archive)",icon:IconFileArchive},pkg:{color:"var(--file-color-archive)",icon:IconFileArchive},rar:{color:"var(--file-color-archive)",icon:IconFileArchive},rpm:{color:"var(--file-color-archive)",icon:IconFileArchive},targz:{color:"var(--file-color-archive)",icon:IconFileArchive},z:{color:"var(--file-color-archive)",icon:IconFileArchive},zip:{color:"var(--file-color-archive)",icon:IconFileArchive},tar:{color:"var(--file-color-archive)",icon:IconFileArchive}};
+//# sourceMappingURL=config.js.map

package/__internal__/src/components/FileCanary/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["IconFileAnimation","IconFileArchive","IconFileAudio","IconFileCode","IconFileConfig","IconFileDatabase","IconFileDisk","IconFileDocument","IconFileFont","IconFileImage","IconFileMail","IconFilePDF","IconFilePresentation","IconFileProgram","IconFileScheme","IconFileTable","IconFileTransparent","IconFileVector","IconFileVideo","defaultConfig","color","icon"],"sources":["../../../../../src/components/FileCanary/config.ts"],"sourcesContent":["import { IconFileAnimation } from '@consta/icons/IconFileAnimation';\nimport { IconFileArchive } from '@consta/icons/IconFileArchive';\nimport { IconFileAudio } from '@consta/icons/IconFileAudio';\nimport { IconFileCode } from '@consta/icons/IconFileCode';\nimport { IconFileConfig } from '@consta/icons/IconFileConfig';\nimport { IconFileDatabase } from '@consta/icons/IconFileDatabase';\nimport { IconFileDisk } from '@consta/icons/IconFileDisk';\nimport { IconFileDocument } from '@consta/icons/IconFileDocument';\nimport { IconFileFont } from '@consta/icons/IconFileFont';\nimport { IconFileImage } from '@consta/icons/IconFileImage';\nimport { IconFileMail } from '@consta/icons/IconFileMail';\nimport { IconFilePDF } from '@consta/icons/IconFilePDF';\nimport { IconFilePresentation } from '@consta/icons/IconFilePresentation';\nimport { IconFileProgram } from '@consta/icons/IconFileProgram';\nimport { IconFileScheme } from '@consta/icons/IconFileScheme';\nimport { IconFileTable } from '@consta/icons/IconFileTable';\nimport { IconFileTransparent } from '@consta/icons/IconFileTransparent';\nimport { IconFileVector } from '@consta/icons/IconFileVector';\nimport { IconFileVideo } from '@consta/icons/IconFileVideo';\n\nimport { FileConfig } from './types';\n\nexport const defaultConfig: FileConfig = {\n  // code\n  'asp': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'aspx': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'cer': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'cmf': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'cgi': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'pl': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'css': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'htm': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'html': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'js': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'jsp': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'part': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'php': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'py': { color: 'var(--file-color-code)', icon: IconFileCode },\n  'rss': { color: 'var(--file-color-code)', icon: IconFileCode },\n\n  // font\n  'fnt': { color: 'var(--file-color-font)', icon: IconFileFont },\n  'fon': { color: 'var(--file-color-font)', icon: IconFileFont },\n  'otf': { color: 'var(--file-color-font)', icon: IconFileFont },\n  'ttf': { color: 'var(--file-color-font)', icon: IconFileFont },\n\n  // disk\n  'bin': { color: 'var(--file-color-disk)', icon: IconFileDisk },\n  'dmg': { color: 'var(--file-color-disk)', icon: IconFileDisk },\n  'iso': { color: 'var(--file-color-disk)', icon: IconFileDisk },\n  'toast': { color: 'var(--file-color-disk)', icon: IconFileDisk },\n  'vcd': { color: 'var(--file-color-disk)', icon: IconFileDisk },\n\n  // executive\n  'bat': { color: 'var(--file-color-executive)', icon: IconFileProgram },\n  'com': { color: 'var(--file-color-executive)', icon: IconFileProgram },\n  'exe': { color: 'var(--file-color-executive)', icon: IconFileProgram },\n  'msi': { color: 'var(--file-color-executive)', icon: IconFileProgram },\n  'sh': { color: 'var(--file-color-executive)', icon: IconFileProgram },\n  'wsf': { color: 'var(--file-color-executive)', icon: IconFileProgram },\n\n  // config\n  'conf': { color: 'var(--file-color-config)', icon: IconFileConfig },\n  'ini': { color: 'var(--file-color-config)', icon: IconFileConfig },\n\n  // database\n  'sql': { color: 'var(--file-color-database)', icon: IconFileDatabase },\n  'db': { color: 'var(--file-color-database)', icon: IconFileDatabase },\n  'dbf': { color: 'var(--file-color-database)', icon: IconFileDatabase },\n  'mdb': { color: 'var(--file-color-database)', icon: IconFileDatabase },\n\n  // presentation\n  'pptx': {\n    color: 'var(--file-color-presentation)',\n    icon: IconFilePresentation,\n  },\n  'ppt': {\n    color: 'var(--file-color-presentation)',\n    icon: IconFilePresentation,\n  },\n  'key': {\n    color: 'var(--file-color-presentation)',\n    icon: IconFilePresentation,\n  },\n  'odp': {\n    color: 'var(--file-color-presentation)',\n    icon: IconFilePresentation,\n  },\n  'pps': {\n    color: 'var(--file-color-presentation)',\n    icon: IconFilePresentation,\n  },\n\n  // table\n  'xlsx': { color: 'var(--file-color-table)', icon: IconFileTable },\n  'xsl': { color: 'var(--file-color-table)', icon: IconFileTable },\n  'csv': { color: 'var(--file-color-table)', icon: IconFileTable },\n  'xml': { color: 'var(--file-color-table)', icon: IconFileTable },\n\n  // document\n  'docx': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'doc': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'log': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'sav': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'odt': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'rtf': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'tex': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'txt': { color: 'var(--file-color-document)', icon: IconFileDocument },\n  'wpd': { color: 'var(--file-color-document)', icon: IconFileDocument },\n\n  // pdf\n  'pdf': { color: 'var(--file-color-pdf)', icon: IconFilePDF },\n\n  // audio\n  'aif': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'cda': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'midi': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'mp3': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'mpa': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'ogg': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'wav': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'wma': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n  'wpl': { color: 'var(--file-color-audio)', icon: IconFileAudio },\n\n  // image\n  'bmp': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'ico': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'jpg': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'jpeg': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'psd': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'scr': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'tif': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'tiff': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'webp': { color: 'var(--file-color-image)', icon: IconFileImage },\n  'ai': { color: 'var(--file-color-image)', icon: IconFileVector },\n  'ps': { color: 'var(--file-color-image)', icon: IconFileVector },\n  'svg': { color: 'var(--file-color-image)', icon: IconFileVector },\n  'png': { color: 'var(--file-color-image)', icon: IconFileTransparent },\n  'gif': { color: 'var(--file-color-image)', icon: IconFileAnimation },\n\n  // video\n  '3g2': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  '3gp': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'avi': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'flv': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'h264': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'm4v': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'mkv': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'mov': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'mp4': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'mpg': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'mpeg': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'rm': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'swf': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'vob': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'webm': { color: 'var(--file-color-video)', icon: IconFileVideo },\n  'wmv': { color: 'var(--file-color-video)', icon: IconFileVideo },\n\n  // mail\n  'email': { color: 'var(--file-color-mail)', icon: IconFileMail },\n  'eml': { color: 'var(--file-color-mail)', icon: IconFileMail },\n  'emlx': { color: 'var(--file-color-mail)', icon: IconFileMail },\n  'msg': { color: 'var(--file-color-mail)', icon: IconFileMail },\n  'oft': { color: 'var(--file-color-mail)', icon: IconFileMail },\n  'ost': { color: 'var(--file-color-mail)', icon: IconFileMail },\n  'pst': { color: 'var(--file-color-mail)', icon: IconFileMail },\n  'vcf': { color: 'var(--file-color-mail)', icon: IconFileMail },\n\n  // scheme\n  'vsd': { color: 'var(--file-color-scheme)', icon: IconFileScheme },\n\n  // archive\n  '7z': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'arj': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'deb': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'pkg': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'rar': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'rpm': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'targz': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'z': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'zip': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n  'tar': { color: 'var(--file-color-archive)', icon: IconFileArchive },\n};\n"],"mappings":"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"}

package/__internal__/src/components/FileCanary/fileCanaryGenerator.d.ts

@@ -0,0 +1,2 @@
+import { FileComponent, FileConfig } from './types';
+export declare function fileGenerator(config: FileConfig): FileComponent;

package/__internal__/src/components/FileCanary/fileCanaryGenerator.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","extension","className","as"];import{IconFileUnknown}from"@consta/icons/IconFileUnknown";import React,{forwardRef}from"react";import{FileBase}from"./FileCanaryBase/FileCanaryBase";import{filePropSizeDefault}from"./types";var UNKNOWN_EXTENSION_CONFIG={color:"var(--file-color-unknown)",icon:IconFileUnknown};export function fileGenerator(a){return forwardRef(function FileRender(b,c){var d,e=b.size,f=void 0===e?filePropSizeDefault:e,g=b.extension,h=b.className,i=b.as,j=void 0===i?"div":i,k=_objectWithoutProperties(b,_excluded),l=null!==(d=a[g])&&void 0!==d?d:UNKNOWN_EXTENSION_CONFIG;return React.createElement(FileBase,Object.assign({},k,{size:f,icon:l.icon,extension:g,color:l.color,className:h,ref:c,as:j}))})}
+//# sourceMappingURL=fileCanaryGenerator.js.map

package/__internal__/src/components/FileCanary/fileCanaryGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileCanaryGenerator.js","names":["IconFileUnknown","React","forwardRef","FileBase","filePropSizeDefault","UNKNOWN_EXTENSION_CONFIG","color","icon","fileGenerator","config","FileRender","ref","size","extension","className","as","Tag","otherProps","fileConfig"],"sources":["../../../../../src/components/FileCanary/fileCanaryGenerator.tsx"],"sourcesContent":["import { IconFileUnknown } from '@consta/icons/IconFileUnknown';\nimport React, { forwardRef } from 'react';\n\nimport { FileBase } from './FileCanaryBase/FileCanaryBase';\nimport {\n  FileComponent,\n  FileConfig,\n  FileProps,\n  filePropSizeDefault,\n  FileTypeConfig,\n} from './types';\n\nconst UNKNOWN_EXTENSION_CONFIG: FileTypeConfig = {\n  color: 'var(--file-color-unknown)',\n  icon: IconFileUnknown,\n};\n\nexport function fileGenerator(config: FileConfig) {\n  const FileRender = (\n    {\n      size = filePropSizeDefault,\n      extension,\n      className,\n      as: Tag = 'div',\n      ...otherProps\n    }: FileProps,\n    ref: React.ForwardedRef<HTMLDivElement>,\n  ) => {\n    const fileConfig = config[extension] ?? UNKNOWN_EXTENSION_CONFIG;\n\n    return (\n      <FileBase\n        {...otherProps}\n        size={size}\n        icon={fileConfig.icon}\n        extension={extension}\n        color={fileConfig.color}\n        className={className}\n        ref={ref}\n        as={Tag}\n      />\n    );\n  };\n  return forwardRef(FileRender) as FileComponent;\n}\n"],"mappings":"yIAAA,OAASA,eAAT,KAAgC,+BAAhC,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,uCACA,OAIEC,mBAJF,eAQA,GAAMC,yBAAwC,CAAG,CAC/CC,KAAK,CAAE,2BADwC,CAE/CC,IAAI,CAAEP,eAFyC,CAAjD,CAKA,MAAO,SAASQ,cAAT,CAAuBC,CAAvB,CAA2C,CA0BhD,MAAOP,WAAU,CAzBE,QAAbQ,WAAa,GAQjBC,CARiB,CASd,WAPDC,IAOC,CAPDA,CAOC,YAPMR,mBAON,GANDS,CAMC,GANDA,SAMC,CALDC,CAKC,GALDA,SAKC,KAJDC,EAIC,CAJGC,CAIH,YAJS,KAIT,GAHEC,CAGF,uCACGC,CAAU,WAAGT,CAAM,CAACI,CAAD,CAAT,gBAAwBR,wBADrC,CAGH,MACE,qBAAC,QAAD,kBACMY,CADN,EAEE,IAAI,CAAEL,CAFR,CAGE,IAAI,CAAEM,CAAU,CAACX,IAHnB,CAIE,SAAS,CAAEM,CAJb,CAKE,KAAK,CAAEK,CAAU,CAACZ,KALpB,CAME,SAAS,CAAEQ,CANb,CAOE,GAAG,CAAEH,CAPP,CAQE,EAAE,CAAEK,CARN,GAWH,CACgB,CAClB"}

package/__internal__/src/components/FileCanary/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FileCanary';
+export type { FileProps, FileConfig, FileTypeConfig } from './types';
+export { defaultConfig } from './config';
+export { fileGenerator } from './fileCanaryGenerator';

package/__internal__/src/components/FileCanary/index.js

@@ -0,0 +1,2 @@
+export*from"./FileCanary";export{defaultConfig}from"./config";export{fileGenerator}from"./fileCanaryGenerator";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/FileCanary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["defaultConfig","fileGenerator"],"sources":["../../../../../src/components/FileCanary/index.ts"],"sourcesContent":["export * from './FileCanary';\nexport type { FileProps, FileConfig, FileTypeConfig } from './types';\nexport { defaultConfig } from './config';\nexport { fileGenerator } from './fileCanaryGenerator';\n"],"mappings":"AAAA,0BAEA,OAASA,aAAT,gBACA,OAASC,aAAT"}

package/__internal__/src/components/FileCanary/types.d.ts

@@ -0,0 +1,25 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { AsTags } from '../../utils/types/AsTags';
+import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
+export declare const filePropSize: readonly ["s", "m"];
+export type FilePropSize = typeof filePropSize[number];
+export declare const filePropSizeDefault: FilePropSize;
+export type FileTypeConfig = {
+    color: string;
+    icon: IconComponent;
+};
+export type FileConfig = Record<string, FileTypeConfig>;
+export type FileBaseProps<As extends AsTags = 'div'> = PropsWithAsAttributes<{
+    size: FilePropSize;
+    icon: IconComponent;
+    extension: string;
+    color: string;
+    className?: string;
+}, As>;
+export type FileBaseComponent = <As extends AsTags = 'div'>(props: FileBaseProps<As>) => React.ReactElement;
+export type FileProps<As extends AsTags = 'div'> = PropsWithAsAttributes<{
+    size?: FilePropSize;
+    extension: string;
+    className?: string;
+}, As>;
+export type FileComponent = <As extends AsTags = 'div'>(props: FileProps<As>) => React.ReactElement;

package/__internal__/src/components/FileCanary/types.js

@@ -0,0 +1,2 @@
+export var filePropSize=["s","m"];export var filePropSizeDefault=filePropSize[1];
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/FileCanary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["filePropSize","filePropSizeDefault"],"sources":["../../../../../src/components/FileCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { AsTags } from '##/utils/types/AsTags';\nimport { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';\n\nexport const filePropSize = ['s', 'm'] as const;\nexport type FilePropSize = typeof filePropSize[number];\nexport const filePropSizeDefault: FilePropSize = filePropSize[1];\n\nexport type FileTypeConfig = {\n  color: string;\n  icon: IconComponent;\n};\n\nexport type FileConfig = Record<string, FileTypeConfig>;\n\nexport type FileBaseProps<As extends AsTags = 'div'> = PropsWithAsAttributes<\n  {\n    size: FilePropSize;\n    icon: IconComponent;\n    extension: string;\n    color: string;\n    className?: string;\n  },\n  As\n>;\n\nexport type FileBaseComponent = <As extends AsTags = 'div'>(\n  props: FileBaseProps<As>,\n) => React.ReactElement;\n\nexport type FileProps<As extends AsTags = 'div'> = PropsWithAsAttributes<\n  {\n    size?: FilePropSize;\n    extension: string;\n    className?: string;\n  },\n  As\n>;\n\nexport type FileComponent = <As extends AsTags = 'div'>(\n  props: FileProps<As>,\n) => React.ReactElement;\n"],"mappings":"AAKA,MAAO,IAAMA,aAAY,CAAG,CAAC,GAAD,CAAM,GAAN,CAArB,CAEP,MAAO,IAAMC,oBAAiC,CAAGD,YAAY,CAAC,CAAD,CAAtD"}

package/__internal__/src/components/FlatSelect/FlatSelect.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","disabled","value","isLoading","listRef","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","iconClear","input","inputValue","inputDefaultValue","inputRef","size","view","bordered","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","onCreate","onInput","multiple","groups","onOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","autoFocus","footer","listClassName","anchorRef","iconLeft","direction","spareDirection","possibleDirections"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./FlatSelect.css";import React,{forwardRef}from"react";import{FieldInput}from"../FieldComponents";import{useForkRef}from"../../hooks/useForkRef";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{useSendToAtom,withCtx}from"../../utils/state";import{withDefault}from"./defaultProps";import{FlatSelectControlLayout}from"./FlatSelectControlLayout";import{FlatSelectFooter}from"./FlatSelectFooter";import{FlatSelectList}from"./FlatSelectList";import{FlatSelectRoot}from"./FlatSelectRoot";import{useFlatSelect}from"./useFlatSelect";import{useRenderItem}from"./useRenderItem";export var cnFlatSelect=cn("FlatSelect");var FlatSelectRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.disabled,g=c.value,h=c.isLoading,i=c.listRef,j=c.renderItem,k=c.getGroupLabel,l=c.labelForCreate,m=c.labelForEmptyItems,n=c.virtualScroll,o=c.onScrollToBottom,p=c.style,q=c.className,r=c.placeholder,s=c.iconClear,t=c.input,u=c.inputValue,v=c.inputDefaultValue,w=c.inputRef,x=c.size,y=c.view,z=c.bordered,A=c.getGroupKey,B=c.getItemDisabled,C=c.getItemGroupKey,D=c.getItemKey,E=c.getItemLabel,F=c.items,G=c.onChange,H=c.onCreate,I=c.onInput,J=c.multiple,K=c.groups,L=c.onOpen,M=c.ignoreOutsideClicksRefs,N=c.clearButton,O=c.selectAll,P=c.selectAllLabel,Q=c.autoFocus,R=c.footer,S=c.listClassName,T=c.anchorRef,U=c.iconLeft,V=c.direction,W=c.spareDirection,X=c.possibleDirections,Y=_objectWithoutProperties(c,_excluded),Z=useFlatSelect({propsAtom:d}),$=Z.getOptionActions,_=Z.openAtom,aa=Z.visibleItemsAtom,ba=Z.inputFocusAtom,ca=Z.handleInputFocus,da=Z.handleInputBlur,ea=Z.inputRef,fa=Z.handleInputChange,ga=Z.clearValue,ha=Z.optionsRefs,ia=Z.disabledAtom,ja=Z.listRef,ka=Z.clearButtonAtom,la=Z.highlightedIndexAtom,ma=Z.getItemKeyAtom,na=Z.valueAtom,oa=Z.onChangeAll,pa=Z.onChange,qa=Z.inputValueAtom,ra=Z.hasItemsAtom,sa=Z.groupsCounterAtom,ta=Z.dropdownZIndexAtom,ua=Z.rootRef,va=useRenderItem({getItemLabel:E,getItemDisabled:B,multiple:J,disabled:f,size:x,renderItem:j}),wa=!t||T||z?"clear":y,xa=!!T||z,ya=useForkRef([ea,w]);return React.createElement(FlatSelectRoot,Object.assign({},Y,{ref:useForkRef([b,ua]),className:cnFlatSelect({view:wa,bordered:"clear"===wa?xa:void 0,form:xa?e:void 0,size:x},[q]),style:_objectSpread(_objectSpread({},p),{},_defineProperty({},"--flat-select-control-height","var(--control-height-".concat(x,")"))),anchorRef:T,openAtom:_,tabIndex:0,direction:V,spareDirection:W,possibleDirections:X}),t&&React.createElement("div",{className:cnFlatSelect("Input",{border:"clear"===wa?xa:void 0,form:xa?e:void 0},["clear"===wa?cnMixSpace({pV:"2xs",pH:"s"}):void 0])},React.createElement(FlatSelectControlLayout,{form:e,disabled:f,separator:!0,onClear:ga,focusAtom:ba,iconClear:s,leftSide:U&&React.createElement(U,{size:"s"}),clearButtonAtom:ka,size:x,view:wa,valueAtom:qa},React.createElement(FieldInput,{onFocus:ca,onBlur:da,ref:ya,onChange:fa,value:u,defaultValue:v,disabled:f,placeholder:r}))),React.createElement(FlatSelectList,{className:cnFlatSelect("List",{borderTop:"clear"!==wa||t?void 0:xa,borderHorizontal:"clear"===wa?xa:void 0,borderBottom:"clear"!==wa||R?void 0:xa,formTop:xa&&!t?e:void 0,formBottom:xa&&!R?e:void 0},[S]),view:wa,size:x,form:e,valueAtom:na,getItemKeyAtom:ma,openAtom:_,getOptionActions:$,listRef:useForkRef([ja,i]),renderItem:va,getGroupLabel:k,visibleItemsAtom:aa,labelForCreate:l,isLoading:h,labelForEmptyItems:m,itemsRefs:ha,virtualScroll:n,onScrollToBottom:o,highlightedIndexAtom:la,onChangeAll:oa,onChange:pa,inputValueAtom:qa,hasItemsAtom:ra,groupsCounterAtom:sa,dropdownZIndexAtom:ta,selectAllLabel:P,disabledAtom:ia}),R&&React.createElement(FlatSelectFooter,{view:wa,bordered:xa,form:e,footer:R}))};export var FlatSelect=withCtx(forwardRef(FlatSelectRender));
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","disabled","value","isLoading","listRef","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","iconClear","input","inputValue","inputDefaultValue","inputRef","size","view","bordered","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","onCreate","onInput","multiple","groups","onOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","autoFocus","footer","listClassName","anchorRef","iconLeft","direction","spareDirection","possibleDirections","container"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./FlatSelect.css";import React,{forwardRef}from"react";import{FieldInput}from"../FieldComponents";import{useForkRef}from"../../hooks/useForkRef";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{useSendToAtom,withCtx}from"../../utils/state";import{withDefault}from"./defaultProps";import{FlatSelectControlLayout}from"./FlatSelectControlLayout";import{FlatSelectFooter}from"./FlatSelectFooter";import{FlatSelectList}from"./FlatSelectList";import{FlatSelectRoot}from"./FlatSelectRoot";import{useFlatSelect}from"./useFlatSelect";import{useRenderItem}from"./useRenderItem";export var cnFlatSelect=cn("FlatSelect");var FlatSelectRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.disabled,g=c.value,h=c.isLoading,i=c.listRef,j=c.renderItem,k=c.getGroupLabel,l=c.labelForCreate,m=c.labelForEmptyItems,n=c.virtualScroll,o=c.onScrollToBottom,p=c.style,q=c.className,r=c.placeholder,s=c.iconClear,t=c.input,u=c.inputValue,v=c.inputDefaultValue,w=c.inputRef,x=c.size,y=c.view,z=c.bordered,A=c.getGroupKey,B=c.getItemDisabled,C=c.getItemGroupKey,D=c.getItemKey,E=c.getItemLabel,F=c.items,G=c.onChange,H=c.onCreate,I=c.onInput,J=c.multiple,K=c.groups,L=c.onOpen,M=c.ignoreOutsideClicksRefs,N=c.clearButton,O=c.selectAll,P=c.selectAllLabel,Q=c.autoFocus,R=c.footer,S=c.listClassName,T=c.anchorRef,U=c.iconLeft,V=c.direction,W=c.spareDirection,X=c.possibleDirections,Y=c.container,Z=_objectWithoutProperties(c,_excluded),$=useFlatSelect({propsAtom:d}),_=$.getOptionActions,aa=$.openAtom,ba=$.visibleItemsAtom,ca=$.inputFocusAtom,da=$.handleInputFocus,ea=$.handleInputBlur,fa=$.inputRef,ga=$.handleInputChange,ha=$.clearValue,ia=$.optionsRefs,ja=$.disabledAtom,ka=$.listRef,la=$.clearButtonAtom,ma=$.highlightedIndexAtom,na=$.getItemKeyAtom,oa=$.valueAtom,pa=$.onChangeAll,qa=$.onChange,ra=$.inputValueAtom,sa=$.hasItemsAtom,ta=$.groupsCounterAtom,ua=$.dropdownZIndexAtom,va=$.rootRef,wa=useRenderItem({getItemLabel:E,getItemDisabled:B,multiple:J,disabled:f,size:x,renderItem:j}),xa=!t||T||z?"clear":y,ya=!!T||z,za=useForkRef([fa,w]);return React.createElement(FlatSelectRoot,Object.assign({},Z,{ref:useForkRef([b,va]),className:cnFlatSelect({view:xa,bordered:"clear"===xa?ya:void 0,form:ya?e:void 0,size:x},[q]),style:_objectSpread(_objectSpread({},p),{},_defineProperty({},"--flat-select-control-height","var(--control-height-".concat(x,")"))),anchorRef:T,openAtom:aa,tabIndex:0,direction:V,spareDirection:W,possibleDirections:X,container:Y}),t&&React.createElement("div",{className:cnFlatSelect("Input",{border:"clear"===xa?ya:void 0,form:ya?e:void 0},["clear"===xa?cnMixSpace({pV:"2xs",pH:"s"}):void 0])},React.createElement(FlatSelectControlLayout,{form:e,disabled:f,separator:!0,onClear:ha,focusAtom:ca,iconClear:s,leftSide:U&&React.createElement(U,{size:"s"}),clearButtonAtom:la,size:x,view:xa,valueAtom:ra},React.createElement(FieldInput,{onFocus:da,onBlur:ea,ref:za,onChange:ga,value:u,defaultValue:v,disabled:f,placeholder:r}))),React.createElement(FlatSelectList,{className:cnFlatSelect("List",{borderTop:"clear"!==xa||t?void 0:ya,borderHorizontal:"clear"===xa?ya:void 0,borderBottom:"clear"!==xa||R?void 0:ya,formTop:ya&&!t?e:void 0,formBottom:ya&&!R?e:void 0},[S]),view:xa,size:x,form:e,valueAtom:oa,getItemKeyAtom:na,openAtom:aa,getOptionActions:_,listRef:useForkRef([ka,i]),renderItem:wa,getGroupLabel:k,visibleItemsAtom:ba,labelForCreate:l,isLoading:h,labelForEmptyItems:m,itemsRefs:ia,virtualScroll:n,onScrollToBottom:o,highlightedIndexAtom:ma,onChangeAll:pa,onChange:qa,inputValueAtom:ra,hasItemsAtom:sa,groupsCounterAtom:ta,dropdownZIndexAtom:ua,selectAllLabel:P,disabledAtom:ja}),R&&React.createElement(FlatSelectFooter,{view:xa,bordered:ya,form:e,footer:R}))};export var FlatSelect=withCtx(forwardRef(FlatSelectRender));
 //# sourceMappingURL=FlatSelect.js.map

package/__internal__/src/components/FlatSelect/FlatSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatSelect.js","names":["React","forwardRef","FieldInput","useForkRef","cnMixSpace","cn","useSendToAtom","withCtx","withDefault","FlatSelectControlLayout","FlatSelectFooter","FlatSelectList","FlatSelectRoot","useFlatSelect","useRenderItem","cnFlatSelect","FlatSelectRender","p","ref","props","propsAtom","form","disabled","value","isLoading","listRefProp","listRef","renderItemProp","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","size","viewProp","view","borderedProp","bordered","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","onCreateProp","onCreate","onInput","multiple","groups","onOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","autoFocus","footer","listClassName","anchorRef","IconLeft","iconLeft","direction","spareDirection","possibleDirections","otherProps","getOptionActions","openAtom","visibleItemsAtom","inputFocusAtom","handleInputFocus","handleInputBlur","handleInputChange","clearValue","optionsRefs","disabledAtom","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","inputValueAtom","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","rootRef","fieldInputRef","border","pV","pH","borderTop","borderHorizontal","borderBottom","formTop","formBottom","FlatSelect"],"sources":["../../../../../src/components/FlatSelect/FlatSelect.tsx"],"sourcesContent":["import './FlatSelect.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { FieldInput } from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { useSendToAtom, withCtx } from '##/utils/state';\n\nimport { withDefault } from './defaultProps';\nimport { FlatSelectControlLayout } from './FlatSelectControlLayout';\nimport { FlatSelectFooter } from './FlatSelectFooter';\nimport { FlatSelectList } from './FlatSelectList';\nimport { FlatSelectRoot } from './FlatSelectRoot';\nimport {\n  FlatSelectComponent,\n  FlatSelectGroupDefault,\n  FlatSelectItemDefault,\n  FlatSelectProps,\n} from './types';\nimport { useFlatSelect } from './useFlatSelect';\nimport { useRenderItem } from './useRenderItem';\n\nexport const cnFlatSelect = cn('FlatSelect');\n\nconst FlatSelectRender = (\n  p: FlatSelectProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const props = withDefault(p);\n  const propsAtom = useSendToAtom(props);\n\n  const {\n    form,\n    disabled,\n    value,\n    isLoading,\n    listRef: listRefProp,\n    renderItem: renderItemProp,\n    getGroupLabel,\n    labelForCreate,\n    labelForEmptyItems,\n    virtualScroll,\n    onScrollToBottom,\n    style,\n    className,\n    placeholder,\n    iconClear,\n    input,\n    inputValue,\n    inputDefaultValue,\n    inputRef: inputRefProp,\n    size,\n    view: viewProp,\n    bordered: borderedProp,\n    getGroupKey,\n    getItemDisabled,\n    getItemGroupKey,\n    getItemKey,\n    getItemLabel,\n    items,\n    onChange: onChangeProp,\n    onCreate: onCreateProp,\n    onInput,\n    multiple,\n    groups,\n    onOpen,\n    ignoreOutsideClicksRefs,\n    clearButton,\n    selectAll,\n    selectAllLabel,\n    autoFocus,\n    footer,\n    listClassName,\n    anchorRef,\n    iconLeft: IconLeft,\n    direction,\n    spareDirection,\n    possibleDirections,\n    ...otherProps\n  } = props;\n\n  const {\n    getOptionActions,\n    openAtom,\n    visibleItemsAtom,\n    inputFocusAtom,\n    handleInputFocus,\n    handleInputBlur,\n    inputRef,\n    handleInputChange,\n    clearValue,\n    optionsRefs,\n    disabledAtom,\n    listRef,\n    clearButtonAtom,\n    highlightedIndexAtom,\n    getItemKeyAtom,\n    valueAtom,\n    onChangeAll,\n    onChange,\n    inputValueAtom,\n    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    rootRef,\n  } = useFlatSelect<FlatSelectItemDefault, FlatSelectGroupDefault, false>({\n    propsAtom,\n  });\n\n  const renderItem = useRenderItem({\n    getItemLabel,\n    getItemDisabled,\n    multiple,\n    disabled,\n    size,\n    renderItem: renderItemProp,\n  });\n\n  const view = !input || anchorRef || borderedProp ? 'clear' : viewProp;\n  const bordered = anchorRef ? true : borderedProp;\n  const fieldInputRef = useForkRef([inputRef, inputRefProp]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <FlatSelectRoot\n      {...otherProps}\n      ref={useForkRef([ref, rootRef])}\n      className={cnFlatSelect(\n        {\n          view,\n          bordered: view === 'clear' ? bordered : undefined,\n          form: bordered ? form : undefined,\n          size,\n        },\n        [className],\n      )}\n      style={{\n        ...style,\n        ['--flat-select-control-height' as string]: `var(--control-height-${size})`,\n      }}\n      anchorRef={anchorRef}\n      openAtom={openAtom}\n      tabIndex={0}\n      direction={direction}\n      spareDirection={spareDirection}\n      possibleDirections={possibleDirections}\n    >\n      {input && (\n        <div\n          className={cnFlatSelect(\n            'Input',\n            {\n              border: view === 'clear' ? bordered : undefined,\n              form: bordered ? form : undefined,\n            },\n            [view === 'clear' ? cnMixSpace({ pV: '2xs', pH: 's' }) : undefined],\n          )}\n        >\n          <FlatSelectControlLayout\n            form={form}\n            disabled={disabled}\n            separator\n            onClear={clearValue}\n            focusAtom={inputFocusAtom}\n            iconClear={iconClear}\n            leftSide={IconLeft && <IconLeft size=\"s\" />}\n            clearButtonAtom={clearButtonAtom}\n            size={size}\n            view={view}\n            valueAtom={inputValueAtom}\n          >\n            <FieldInput\n              onFocus={handleInputFocus}\n              onBlur={handleInputBlur}\n              ref={fieldInputRef}\n              onChange={handleInputChange}\n              value={inputValue}\n              defaultValue={inputDefaultValue}\n              disabled={disabled}\n              placeholder={placeholder}\n            />\n          </FlatSelectControlLayout>\n        </div>\n      )}\n      <FlatSelectList\n        className={cnFlatSelect(\n          'List',\n          {\n            borderTop: view === 'clear' && !input ? bordered : undefined,\n            borderHorizontal: view === 'clear' ? bordered : undefined,\n            borderBottom: view === 'clear' && !footer ? bordered : undefined,\n            formTop: bordered && !input ? form : undefined,\n            formBottom: bordered && !footer ? form : undefined,\n          },\n          [listClassName],\n        )}\n        view={view}\n        size={size}\n        form={form}\n        valueAtom={valueAtom}\n        getItemKeyAtom={getItemKeyAtom}\n        openAtom={openAtom}\n        getOptionActions={getOptionActions}\n        listRef={useForkRef([listRef, listRefProp])}\n        renderItem={renderItem}\n        getGroupLabel={getGroupLabel}\n        visibleItemsAtom={visibleItemsAtom}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        highlightedIndexAtom={highlightedIndexAtom}\n        onChangeAll={onChangeAll}\n        onChange={onChange}\n        inputValueAtom={inputValueAtom}\n        hasItemsAtom={hasItemsAtom}\n        groupsCounterAtom={groupsCounterAtom}\n        dropdownZIndexAtom={dropdownZIndexAtom}\n        selectAllLabel={selectAllLabel}\n        disabledAtom={disabledAtom}\n      />\n      {footer && (\n        <FlatSelectFooter\n          view={view}\n          bordered={bordered}\n          form={form}\n          footer={footer}\n        />\n      )}\n    </FlatSelectRoot>\n  );\n};\n\nexport const FlatSelect = withCtx(\n  forwardRef(FlatSelectRender),\n) as FlatSelectComponent;\n"],"mappings":"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"}
+{"version":3,"file":"FlatSelect.js","names":["React","forwardRef","FieldInput","useForkRef","cnMixSpace","cn","useSendToAtom","withCtx","withDefault","FlatSelectControlLayout","FlatSelectFooter","FlatSelectList","FlatSelectRoot","useFlatSelect","useRenderItem","cnFlatSelect","FlatSelectRender","p","ref","props","propsAtom","form","disabled","value","isLoading","listRefProp","listRef","renderItemProp","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","size","viewProp","view","borderedProp","bordered","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","onCreateProp","onCreate","onInput","multiple","groups","onOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","autoFocus","footer","listClassName","anchorRef","IconLeft","iconLeft","direction","spareDirection","possibleDirections","container","otherProps","getOptionActions","openAtom","visibleItemsAtom","inputFocusAtom","handleInputFocus","handleInputBlur","handleInputChange","clearValue","optionsRefs","disabledAtom","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","inputValueAtom","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","rootRef","fieldInputRef","border","pV","pH","borderTop","borderHorizontal","borderBottom","formTop","formBottom","FlatSelect"],"sources":["../../../../../src/components/FlatSelect/FlatSelect.tsx"],"sourcesContent":["import './FlatSelect.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { FieldInput } from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { useSendToAtom, withCtx } from '##/utils/state';\n\nimport { withDefault } from './defaultProps';\nimport { FlatSelectControlLayout } from './FlatSelectControlLayout';\nimport { FlatSelectFooter } from './FlatSelectFooter';\nimport { FlatSelectList } from './FlatSelectList';\nimport { FlatSelectRoot } from './FlatSelectRoot';\nimport {\n  FlatSelectComponent,\n  FlatSelectGroupDefault,\n  FlatSelectItemDefault,\n  FlatSelectProps,\n} from './types';\nimport { useFlatSelect } from './useFlatSelect';\nimport { useRenderItem } from './useRenderItem';\n\nexport const cnFlatSelect = cn('FlatSelect');\n\nconst FlatSelectRender = (\n  p: FlatSelectProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const props = withDefault(p);\n  const propsAtom = useSendToAtom(props);\n\n  const {\n    form,\n    disabled,\n    value,\n    isLoading,\n    listRef: listRefProp,\n    renderItem: renderItemProp,\n    getGroupLabel,\n    labelForCreate,\n    labelForEmptyItems,\n    virtualScroll,\n    onScrollToBottom,\n    style,\n    className,\n    placeholder,\n    iconClear,\n    input,\n    inputValue,\n    inputDefaultValue,\n    inputRef: inputRefProp,\n    size,\n    view: viewProp,\n    bordered: borderedProp,\n    getGroupKey,\n    getItemDisabled,\n    getItemGroupKey,\n    getItemKey,\n    getItemLabel,\n    items,\n    onChange: onChangeProp,\n    onCreate: onCreateProp,\n    onInput,\n    multiple,\n    groups,\n    onOpen,\n    ignoreOutsideClicksRefs,\n    clearButton,\n    selectAll,\n    selectAllLabel,\n    autoFocus,\n    footer,\n    listClassName,\n    anchorRef,\n    iconLeft: IconLeft,\n    direction,\n    spareDirection,\n    possibleDirections,\n    container,\n    ...otherProps\n  } = props;\n\n  const {\n    getOptionActions,\n    openAtom,\n    visibleItemsAtom,\n    inputFocusAtom,\n    handleInputFocus,\n    handleInputBlur,\n    inputRef,\n    handleInputChange,\n    clearValue,\n    optionsRefs,\n    disabledAtom,\n    listRef,\n    clearButtonAtom,\n    highlightedIndexAtom,\n    getItemKeyAtom,\n    valueAtom,\n    onChangeAll,\n    onChange,\n    inputValueAtom,\n    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    rootRef,\n  } = useFlatSelect<FlatSelectItemDefault, FlatSelectGroupDefault, false>({\n    propsAtom,\n  });\n\n  const renderItem = useRenderItem({\n    getItemLabel,\n    getItemDisabled,\n    multiple,\n    disabled,\n    size,\n    renderItem: renderItemProp,\n  });\n\n  const view = !input || anchorRef || borderedProp ? 'clear' : viewProp;\n  const bordered = anchorRef ? true : borderedProp;\n  const fieldInputRef = useForkRef([inputRef, inputRefProp]);\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <FlatSelectRoot\n      {...otherProps}\n      ref={useForkRef([ref, rootRef])}\n      className={cnFlatSelect(\n        {\n          view,\n          bordered: view === 'clear' ? bordered : undefined,\n          form: bordered ? form : undefined,\n          size,\n        },\n        [className],\n      )}\n      style={{\n        ...style,\n        ['--flat-select-control-height' as string]: `var(--control-height-${size})`,\n      }}\n      anchorRef={anchorRef}\n      openAtom={openAtom}\n      tabIndex={0}\n      direction={direction}\n      spareDirection={spareDirection}\n      possibleDirections={possibleDirections}\n      container={container}\n    >\n      {input && (\n        <div\n          className={cnFlatSelect(\n            'Input',\n            {\n              border: view === 'clear' ? bordered : undefined,\n              form: bordered ? form : undefined,\n            },\n            [view === 'clear' ? cnMixSpace({ pV: '2xs', pH: 's' }) : undefined],\n          )}\n        >\n          <FlatSelectControlLayout\n            form={form}\n            disabled={disabled}\n            separator\n            onClear={clearValue}\n            focusAtom={inputFocusAtom}\n            iconClear={iconClear}\n            leftSide={IconLeft && <IconLeft size=\"s\" />}\n            clearButtonAtom={clearButtonAtom}\n            size={size}\n            view={view}\n            valueAtom={inputValueAtom}\n          >\n            <FieldInput\n              onFocus={handleInputFocus}\n              onBlur={handleInputBlur}\n              ref={fieldInputRef}\n              onChange={handleInputChange}\n              value={inputValue}\n              defaultValue={inputDefaultValue}\n              disabled={disabled}\n              placeholder={placeholder}\n            />\n          </FlatSelectControlLayout>\n        </div>\n      )}\n      <FlatSelectList\n        className={cnFlatSelect(\n          'List',\n          {\n            borderTop: view === 'clear' && !input ? bordered : undefined,\n            borderHorizontal: view === 'clear' ? bordered : undefined,\n            borderBottom: view === 'clear' && !footer ? bordered : undefined,\n            formTop: bordered && !input ? form : undefined,\n            formBottom: bordered && !footer ? form : undefined,\n          },\n          [listClassName],\n        )}\n        view={view}\n        size={size}\n        form={form}\n        valueAtom={valueAtom}\n        getItemKeyAtom={getItemKeyAtom}\n        openAtom={openAtom}\n        getOptionActions={getOptionActions}\n        listRef={useForkRef([listRef, listRefProp])}\n        renderItem={renderItem}\n        getGroupLabel={getGroupLabel}\n        visibleItemsAtom={visibleItemsAtom}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        highlightedIndexAtom={highlightedIndexAtom}\n        onChangeAll={onChangeAll}\n        onChange={onChange}\n        inputValueAtom={inputValueAtom}\n        hasItemsAtom={hasItemsAtom}\n        groupsCounterAtom={groupsCounterAtom}\n        dropdownZIndexAtom={dropdownZIndexAtom}\n        selectAllLabel={selectAllLabel}\n        disabledAtom={disabledAtom}\n      />\n      {footer && (\n        <FlatSelectFooter\n          view={view}\n          bordered={bordered}\n          form={form}\n          footer={footer}\n        />\n      )}\n    </FlatSelectRoot>\n  );\n};\n\nexport const FlatSelect = withCtx(\n  forwardRef(FlatSelectRender),\n) as FlatSelectComponent;\n"],"mappings":"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"}

package/__internal__/src/components/FlatSelect/FlatSelectRoot/FlatSelectRoot.d.ts

@@ -10,6 +10,7 @@ export type FlatSelectRootProps = PropsWithHTMLAttributesAndRef<{
     spareDirection?: Direction;
     possibleDirections?: Direction[];
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 }, HTMLDivElement>;
 export declare const cnFlatSelectRoot: import("@bem-react/classname").ClassNameFormatter;
 export declare const FlatSelectRoot: React.FC<FlatSelectRootProps>;

package/__internal__/src/components/FlatSelect/FlatSelectRoot/FlatSelectRoot.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","anchorRef","openAtom","direction","spareDirection","possibleDirections","viewportRef"];import"./FlatSelectRoot.css";import{useAtom}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{Transition}from"react-transition-group";import{Popover}from"../../Popover";import{useForkRef}from"../../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cn}from"../../../utils/bem";export var cnFlatSelectRoot=cn("FlatSelectRoot");export var FlatSelectRoot=forwardRef(function(a,b){var c=a.className,d=a.anchorRef,e=a.openAtom,f=a.direction,g=void 0===f?"downStartLeft":f,h=a.spareDirection,i=void 0===h?"downStartLeft":h,j=a.possibleDirections,k=void 0===j?["downStartLeft","downStartRight","upStartLeft","upStartRight","leftStartDown","leftStartUp"]:j,l=a.viewportRef,m=_objectWithoutProperties(a,_excluded),n=useRef(null),o=useForkRef([n,b]),p=!!d,q=useAtom(e),r=_slicedToArray(q,1),s=r[0];return p?React.createElement(Transition,{in:s,unmountOnExit:!0,timeout:animateTimeout,nodeRef:n},function(a){return React.createElement(Popover,Object.assign({},m,{className:cnFlatSelectRoot({withAnchor:p},[c,cnMixPopoverAnimate({animate:a})]),ref:o,anchorRef:d,equalAnchorWidth:!0,offset:"2xs",direction:g,spareDirection:i,possibleDirections:k,viewportRef:l}))}):React.createElement("div",Object.assign({},m,{className:cnFlatSelectRoot(null,[c]),ref:b}))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","anchorRef","openAtom","direction","spareDirection","possibleDirections","viewportRef","container"];import"./FlatSelectRoot.css";import{useAtom}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{Transition}from"react-transition-group";import{Popover}from"../../Popover";import{useForkRef}from"../../../hooks/useForkRef";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate";import{cn}from"../../../utils/bem";export var cnFlatSelectRoot=cn("FlatSelectRoot");export var FlatSelectRoot=forwardRef(function(a,b){var c=a.className,d=a.anchorRef,e=a.openAtom,f=a.direction,g=void 0===f?"downStartLeft":f,h=a.spareDirection,i=void 0===h?"downStartLeft":h,j=a.possibleDirections,k=void 0===j?["downStartLeft","downStartRight","upStartLeft","upStartRight","leftStartDown","leftStartUp"]:j,l=a.viewportRef,m=a.container,n=_objectWithoutProperties(a,_excluded),o=useRef(null),p=useForkRef([o,b]),q=!!d,r=useAtom(e),s=_slicedToArray(r,1),t=s[0];return q?React.createElement(Transition,{in:t,unmountOnExit:!0,timeout:animateTimeout,nodeRef:o},function(a){return React.createElement(Popover,Object.assign({},n,{className:cnFlatSelectRoot({withAnchor:q},[c,cnMixPopoverAnimate({animate:a})]),ref:p,anchorRef:d,equalAnchorWidth:!0,offset:"2xs",direction:g,spareDirection:i,possibleDirections:k,viewportRef:l,container:m,role:"listbox"}))}):React.createElement("div",Object.assign({},n,{className:cnFlatSelectRoot(null,[c]),ref:b,role:"listbox"}))});
 //# sourceMappingURL=FlatSelectRoot.js.map

package/__internal__/src/components/FlatSelect/FlatSelectRoot/FlatSelectRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatSelectRoot.js","names":["useAtom","React","forwardRef","useRef","Transition","Popover","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","cnFlatSelectRoot","FlatSelectRoot","props","ref","className","anchorRef","openAtom","direction","spareDirection","possibleDirections","viewportRef","otherProps","contentRef","contentForkedRef","withAnchor","open","animate"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectRoot/FlatSelectRoot.tsx"],"sourcesContent":["import './FlatSelectRoot.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Direction, Popover } from '##/components/Popover';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type FlatSelectRootProps = PropsWithHTMLAttributesAndRef<\n  {\n    anchorRef?: React.RefObject<HTMLElement>;\n    openAtom: AtomMut<boolean>;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    viewportRef?: React.RefObject<HTMLElement>;\n  },\n  HTMLDivElement\n>;\n\nexport const cnFlatSelectRoot = cn('FlatSelectRoot');\n\nexport const FlatSelectRoot: React.FC<FlatSelectRootProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      anchorRef,\n      openAtom,\n      direction = 'downStartLeft',\n      spareDirection = 'downStartLeft',\n      possibleDirections = [\n        'downStartLeft',\n        'downStartRight',\n        'upStartLeft',\n        'upStartRight',\n        'leftStartDown',\n        'leftStartUp',\n      ],\n      viewportRef,\n      ...otherProps\n    } = props;\n\n    const contentRef = useRef(null);\n    const contentForkedRef = useForkRef([contentRef, ref]);\n    const withAnchor = !!anchorRef;\n    const [open] = useAtom(openAtom);\n\n    if (withAnchor) {\n      return (\n        <Transition\n          in={open}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={contentRef}\n        >\n          {(animate) => (\n            <Popover\n              {...otherProps}\n              className={cnFlatSelectRoot({ withAnchor }, [\n                className,\n                cnMixPopoverAnimate({ animate }),\n              ])}\n              ref={contentForkedRef}\n              anchorRef={anchorRef}\n              equalAnchorWidth\n              offset=\"2xs\"\n              direction={direction}\n              spareDirection={spareDirection}\n              possibleDirections={possibleDirections}\n              viewportRef={viewportRef}\n            />\n          )}\n        </Transition>\n      );\n    }\n\n    return (\n      <div\n        {...otherProps}\n        className={cnFlatSelectRoot(null, [className])}\n        ref={ref}\n      />\n    );\n  },\n);\n"],"mappings":"yQAAA,6BAGA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAAoBC,OAApB,qBACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,mBAAzB,uCACA,OAASC,EAAT,0BAeA,MAAO,IAAMC,iBAAgB,CAAGD,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAME,eAA6C,CAAGT,UAAU,CACrE,SAACU,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAiBVF,CAjBU,CAEZE,SAFY,CAGZC,CAHY,CAiBVH,CAjBU,CAGZG,SAHY,CAIZC,CAJY,CAiBVJ,CAjBU,CAIZI,QAJY,GAiBVJ,CAjBU,CAKZK,SALY,CAKZA,CALY,YAKA,eALA,KAiBVL,CAjBU,CAMZM,cANY,CAMZA,CANY,YAMK,eANL,KAiBVN,CAjBU,CAOZO,kBAPY,CAOZA,CAPY,YAOS,CACnB,eADmB,CAEnB,gBAFmB,CAGnB,aAHmB,CAInB,cAJmB,CAKnB,eALmB,CAMnB,aANmB,CAPT,GAeZC,CAfY,CAiBVR,CAjBU,CAeZQ,WAfY,CAgBTC,CAhBS,0BAiBVT,CAjBU,YAmBRU,CAAU,CAAGnB,MAAM,CAAC,IAAD,CAnBX,CAoBRoB,CAAgB,CAAGjB,UAAU,CAAC,CAACgB,CAAD,CAAaT,CAAb,CAAD,CApBrB,CAqBRW,CAAU,CAAG,CAAC,CAACT,CArBP,GAsBCf,OAAO,CAACgB,CAAD,CAtBR,uBAsBPS,CAtBO,YAwBVD,EAxBU,CA0BV,oBAAC,UAAD,EACE,GAAIC,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAElB,cAHX,CAIE,OAAO,CAAEe,CAJX,EAMG,SAACI,CAAD,QACC,qBAAC,OAAD,kBACML,CADN,EAEE,SAAS,CAAEX,gBAAgB,CAAC,CAAEc,UAAU,CAAVA,CAAF,CAAD,CAAiB,CAC1CV,CAD0C,CAE1CN,mBAAmB,CAAC,CAAEkB,OAAO,CAAPA,CAAF,CAAD,CAFuB,CAAjB,CAF7B,CAME,GAAG,CAAEH,CANP,CAOE,SAAS,CAAER,CAPb,CAQE,gBAAgB,GARlB,CASE,MAAM,CAAC,KATT,CAUE,SAAS,CAAEE,CAVb,CAWE,cAAc,CAAEC,CAXlB,CAYE,kBAAkB,CAAEC,CAZtB,CAaE,WAAW,CAAEC,CAbf,GADD,CANH,CA1BU,CAsDZ,2CACMC,CADN,EAEE,SAAS,CAAEX,gBAAgB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAF7B,CAGE,GAAG,CAAED,CAHP,GAMH,CA7DoE,CAAhE"}
+{"version":3,"file":"FlatSelectRoot.js","names":["useAtom","React","forwardRef","useRef","Transition","Popover","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","cnFlatSelectRoot","FlatSelectRoot","props","ref","className","anchorRef","openAtom","direction","spareDirection","possibleDirections","viewportRef","container","otherProps","contentRef","contentForkedRef","withAnchor","open","animate"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectRoot/FlatSelectRoot.tsx"],"sourcesContent":["import './FlatSelectRoot.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Direction, Popover } from '##/components/Popover';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type FlatSelectRootProps = PropsWithHTMLAttributesAndRef<\n  {\n    anchorRef?: React.RefObject<HTMLElement>;\n    openAtom: AtomMut<boolean>;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  },\n  HTMLDivElement\n>;\n\nexport const cnFlatSelectRoot = cn('FlatSelectRoot');\n\nexport const FlatSelectRoot: React.FC<FlatSelectRootProps> = forwardRef(\n  (props, ref) => {\n    const {\n      className,\n      anchorRef,\n      openAtom,\n      direction = 'downStartLeft',\n      spareDirection = 'downStartLeft',\n      possibleDirections = [\n        'downStartLeft',\n        'downStartRight',\n        'upStartLeft',\n        'upStartRight',\n        'leftStartDown',\n        'leftStartUp',\n      ],\n      viewportRef,\n      container,\n      ...otherProps\n    } = props;\n\n    const contentRef = useRef(null);\n    const contentForkedRef = useForkRef([contentRef, ref]);\n    const withAnchor = !!anchorRef;\n    const [open] = useAtom(openAtom);\n\n    if (withAnchor) {\n      return (\n        <Transition\n          in={open}\n          unmountOnExit\n          timeout={animateTimeout}\n          nodeRef={contentRef}\n        >\n          {(animate) => (\n            <Popover\n              {...otherProps}\n              className={cnFlatSelectRoot({ withAnchor }, [\n                className,\n                cnMixPopoverAnimate({ animate }),\n              ])}\n              ref={contentForkedRef}\n              anchorRef={anchorRef}\n              equalAnchorWidth\n              offset=\"2xs\"\n              direction={direction}\n              spareDirection={spareDirection}\n              possibleDirections={possibleDirections}\n              viewportRef={viewportRef}\n              container={container}\n              role=\"listbox\"\n            />\n          )}\n        </Transition>\n      );\n    }\n\n    return (\n      <div\n        {...otherProps}\n        className={cnFlatSelectRoot(null, [className])}\n        ref={ref}\n        role=\"listbox\"\n      />\n    );\n  },\n);\n"],"mappings":"qRAAA,6BAGA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAAoBC,OAApB,qBACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,mBAAzB,uCACA,OAASC,EAAT,0BAgBA,MAAO,IAAMC,iBAAgB,CAAGD,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAME,eAA6C,CAAGT,UAAU,CACrE,SAACU,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAkBVF,CAlBU,CAEZE,SAFY,CAGZC,CAHY,CAkBVH,CAlBU,CAGZG,SAHY,CAIZC,CAJY,CAkBVJ,CAlBU,CAIZI,QAJY,GAkBVJ,CAlBU,CAKZK,SALY,CAKZA,CALY,YAKA,eALA,KAkBVL,CAlBU,CAMZM,cANY,CAMZA,CANY,YAMK,eANL,KAkBVN,CAlBU,CAOZO,kBAPY,CAOZA,CAPY,YAOS,CACnB,eADmB,CAEnB,gBAFmB,CAGnB,aAHmB,CAInB,cAJmB,CAKnB,eALmB,CAMnB,aANmB,CAPT,GAeZC,CAfY,CAkBVR,CAlBU,CAeZQ,WAfY,CAgBZC,CAhBY,CAkBVT,CAlBU,CAgBZS,SAhBY,CAiBTC,CAjBS,0BAkBVV,CAlBU,YAoBRW,CAAU,CAAGpB,MAAM,CAAC,IAAD,CApBX,CAqBRqB,CAAgB,CAAGlB,UAAU,CAAC,CAACiB,CAAD,CAAaV,CAAb,CAAD,CArBrB,CAsBRY,CAAU,CAAG,CAAC,CAACV,CAtBP,GAuBCf,OAAO,CAACgB,CAAD,CAvBR,uBAuBPU,CAvBO,YAyBVD,EAzBU,CA2BV,oBAAC,UAAD,EACE,GAAIC,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEnB,cAHX,CAIE,OAAO,CAAEgB,CAJX,EAMG,SAACI,CAAD,QACC,qBAAC,OAAD,kBACML,CADN,EAEE,SAAS,CAAEZ,gBAAgB,CAAC,CAAEe,UAAU,CAAVA,CAAF,CAAD,CAAiB,CAC1CX,CAD0C,CAE1CN,mBAAmB,CAAC,CAAEmB,OAAO,CAAPA,CAAF,CAAD,CAFuB,CAAjB,CAF7B,CAME,GAAG,CAAEH,CANP,CAOE,SAAS,CAAET,CAPb,CAQE,gBAAgB,GARlB,CASE,MAAM,CAAC,KATT,CAUE,SAAS,CAAEE,CAVb,CAWE,cAAc,CAAEC,CAXlB,CAYE,kBAAkB,CAAEC,CAZtB,CAaE,WAAW,CAAEC,CAbf,CAcE,SAAS,CAAEC,CAdb,CAeE,IAAI,CAAC,SAfP,GADD,CANH,CA3BU,CAyDZ,2CACMC,CADN,EAEE,SAAS,CAAEZ,gBAAgB,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAF7B,CAGE,GAAG,CAAED,CAHP,CAIE,IAAI,CAAC,SAJP,GAOH,CAjEoE,CAAhE"}

package/__internal__/src/components/FlatSelect/types.d.ts

@@ -102,6 +102,7 @@ export type FlatSelectPropsInit<ITEM = FlatSelectItemDefault, GROUP = FlatSelect
     spareDirection?: Direction;
     possibleDirections?: Direction[];
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 }, HTMLDivElement>;
 /**
  * Props for the FlatSelect component.

package/__internal__/src/components/FlatSelect/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/FlatSelect/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { FieldPropSize, FieldPropView } from '##/components/FieldComponents';\nimport { Direction } from '##/components/Popover';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\nexport type FlatSelectItemDefault = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type FlatSelectGroupDefault = {\n  label: string;\n  id: string | number;\n};\n\nexport type FlatSelectPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type FlatSelectPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type FlatSelectPropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type FlatSelectPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type FlatSelectPropGetGroupKey<GROUP> = (\n  group: GROUP,\n) => string | number;\nexport type FlatSelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;\n\nexport type FlatSelectPropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\nexport type FlatSelectPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type FlatSelectPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type FlatSelectPropRenderValue<ITEM, MULTIPLE> = MULTIPLE extends true\n  ? (props: {\n      value: ITEM[];\n      getRemove: (\n        item: ITEM,\n      ) => (e: React.SyntheticEvent<Element, Event>) => void;\n    }) => React.ReactNode | null\n  : (props: { value: ITEM }) => React.ReactNode | null;\n\nexport type FlatSelectPropOnCreate = (\n  label: string,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type FlatSelectAllItem = {\n  groupKey: string | number;\n  __optionSelectAll: true;\n};\n\nexport type Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n};\n\nexport type CountedGroup<ITEM, GROUP> = Omit<Group<ITEM, GROUP>, 'items'> & {\n  items: Array<FlatSelectAllItem | ITEM>;\n};\n\nexport type FlatSelectPropForm = 'default' | 'brick' | 'round';\n\nexport type FlatSelectPropsInit<\n  ITEM = FlatSelectItemDefault,\n  GROUP = FlatSelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: FlatSelectPropOnChange<ITEM, MULTIPLE>;\n    disabled?: boolean;\n    form?: 'default' | 'brick' | 'round';\n    placeholder?: string;\n    size?: FieldPropSize;\n    isLoading?: boolean;\n    listRef?: React.Ref<HTMLDivElement>;\n    renderItem?: FlatSelectPropRenderItem<ITEM>;\n    onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onInputBlur?: React.FocusEventHandler<HTMLInputElement>;\n    onCreate?: FlatSelectPropOnCreate;\n    inputRef?: React.Ref<HTMLInputElement>;\n    input?: boolean;\n    inputValue?: string;\n    inputDefaultValue?: string;\n    onInput?: (value: string) => void;\n    labelForCreate?:\n      | ((label: string | undefined) => React.ReactNode)\n      | React.ReactNode;\n    labelForEmptyItems?: string;\n    multiple?: MULTIPLE;\n    value?: FlatSelectPropValue<ITEM, MULTIPLE>;\n    groups?: GROUP[];\n    getItemLabel?: FlatSelectPropGetItemLabel<ITEM>;\n    getItemKey?: FlatSelectPropGetItemKey<ITEM>;\n    getItemGroupKey?: FlatSelectPropGetItemGroupKey<ITEM>;\n    getItemDisabled?: FlatSelectPropGetItemDisabled<ITEM>;\n    getGroupLabel?: FlatSelectPropGetGroupLabel<GROUP>;\n    getGroupKey?: FlatSelectPropGetGroupKey<GROUP>;\n    virtualScroll?: boolean;\n    onScrollToBottom?: (length: number) => void;\n    onOpen?: (isOpen: boolean) => void;\n    isOpen?: boolean;\n    listClassName?: string;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    clearButton?: boolean;\n    iconClear?: IconComponent;\n    iconLeft?: IconComponent;\n    selectAll?: MULTIPLE extends true ? boolean : never;\n    selectAllLabel?: string;\n    footer?: React.ReactNode;\n    view?: FieldPropView;\n    bordered?: boolean;\n    anchorRef?: React.RefObject<HTMLElement>;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    viewportRef?: React.RefObject<HTMLElement>;\n  },\n  HTMLDivElement\n>;\n\n/**\n * Props for the FlatSelect component.\n *\n * This type defines the props for the FlatSelect component, which is a customizable select component.\n * It allows for single or multiple selection, and supports grouping of items.\n * The component can be customized by providing custom item and group types.\n *\n * @template ITEM The type of the items in the select. Defaults to FlatSelectItemDefault.\n * @template GROUP The type of the groups in the select. Defaults to FlatSelectGroupDefault.\n * @template MULTIPLE Whether the select allows multiple selection. Defaults to false.\n */\nexport type FlatSelectProps<\n  ITEM = FlatSelectItemDefault,\n  GROUP = FlatSelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = FlatSelectPropsInit<ITEM, GROUP, MULTIPLE> &\n  (ITEM extends { label: FlatSelectItemDefault['label'] }\n    ? {}\n    : { getItemLabel: FlatSelectPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: FlatSelectItemDefault['id'] }\n    ? {}\n    : { getItemKey: FlatSelectPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: FlatSelectGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: FlatSelectPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: FlatSelectGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: FlatSelectPropGetGroupKey<GROUP> });\n\nexport type FlatSelectComponent = <\n  ITEM = FlatSelectItemDefault,\n  GROUP = FlatSelectGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: FlatSelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactNode | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/FlatSelect/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { FieldPropSize, FieldPropView } from '##/components/FieldComponents';\nimport { Direction } from '##/components/Popover';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\nexport type FlatSelectItemDefault = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type FlatSelectGroupDefault = {\n  label: string;\n  id: string | number;\n};\n\nexport type FlatSelectPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type FlatSelectPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type FlatSelectPropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type FlatSelectPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type FlatSelectPropGetGroupKey<GROUP> = (\n  group: GROUP,\n) => string | number;\nexport type FlatSelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;\n\nexport type FlatSelectPropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\nexport type FlatSelectPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type FlatSelectPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type FlatSelectPropRenderValue<ITEM, MULTIPLE> = MULTIPLE extends true\n  ? (props: {\n      value: ITEM[];\n      getRemove: (\n        item: ITEM,\n      ) => (e: React.SyntheticEvent<Element, Event>) => void;\n    }) => React.ReactNode | null\n  : (props: { value: ITEM }) => React.ReactNode | null;\n\nexport type FlatSelectPropOnCreate = (\n  label: string,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type FlatSelectAllItem = {\n  groupKey: string | number;\n  __optionSelectAll: true;\n};\n\nexport type Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n};\n\nexport type CountedGroup<ITEM, GROUP> = Omit<Group<ITEM, GROUP>, 'items'> & {\n  items: Array<FlatSelectAllItem | ITEM>;\n};\n\nexport type FlatSelectPropForm = 'default' | 'brick' | 'round';\n\nexport type FlatSelectPropsInit<\n  ITEM = FlatSelectItemDefault,\n  GROUP = FlatSelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: FlatSelectPropOnChange<ITEM, MULTIPLE>;\n    disabled?: boolean;\n    form?: 'default' | 'brick' | 'round';\n    placeholder?: string;\n    size?: FieldPropSize;\n    isLoading?: boolean;\n    listRef?: React.Ref<HTMLDivElement>;\n    renderItem?: FlatSelectPropRenderItem<ITEM>;\n    onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onInputBlur?: React.FocusEventHandler<HTMLInputElement>;\n    onCreate?: FlatSelectPropOnCreate;\n    inputRef?: React.Ref<HTMLInputElement>;\n    input?: boolean;\n    inputValue?: string;\n    inputDefaultValue?: string;\n    onInput?: (value: string) => void;\n    labelForCreate?:\n      | ((label: string | undefined) => React.ReactNode)\n      | React.ReactNode;\n    labelForEmptyItems?: string;\n    multiple?: MULTIPLE;\n    value?: FlatSelectPropValue<ITEM, MULTIPLE>;\n    groups?: GROUP[];\n    getItemLabel?: FlatSelectPropGetItemLabel<ITEM>;\n    getItemKey?: FlatSelectPropGetItemKey<ITEM>;\n    getItemGroupKey?: FlatSelectPropGetItemGroupKey<ITEM>;\n    getItemDisabled?: FlatSelectPropGetItemDisabled<ITEM>;\n    getGroupLabel?: FlatSelectPropGetGroupLabel<GROUP>;\n    getGroupKey?: FlatSelectPropGetGroupKey<GROUP>;\n    virtualScroll?: boolean;\n    onScrollToBottom?: (length: number) => void;\n    onOpen?: (isOpen: boolean) => void;\n    isOpen?: boolean;\n    listClassName?: string;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    clearButton?: boolean;\n    iconClear?: IconComponent;\n    iconLeft?: IconComponent;\n    selectAll?: MULTIPLE extends true ? boolean : never;\n    selectAllLabel?: string;\n    footer?: React.ReactNode;\n    view?: FieldPropView;\n    bordered?: boolean;\n    anchorRef?: React.RefObject<HTMLElement>;\n    direction?: Direction;\n    spareDirection?: Direction;\n    possibleDirections?: Direction[];\n    viewportRef?: React.RefObject<HTMLElement>;\n    container?: Element;\n  },\n  HTMLDivElement\n>;\n\n/**\n * Props for the FlatSelect component.\n *\n * This type defines the props for the FlatSelect component, which is a customizable select component.\n * It allows for single or multiple selection, and supports grouping of items.\n * The component can be customized by providing custom item and group types.\n *\n * @template ITEM The type of the items in the select. Defaults to FlatSelectItemDefault.\n * @template GROUP The type of the groups in the select. Defaults to FlatSelectGroupDefault.\n * @template MULTIPLE Whether the select allows multiple selection. Defaults to false.\n */\nexport type FlatSelectProps<\n  ITEM = FlatSelectItemDefault,\n  GROUP = FlatSelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = FlatSelectPropsInit<ITEM, GROUP, MULTIPLE> &\n  (ITEM extends { label: FlatSelectItemDefault['label'] }\n    ? {}\n    : { getItemLabel: FlatSelectPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: FlatSelectItemDefault['id'] }\n    ? {}\n    : { getItemKey: FlatSelectPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: FlatSelectGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: FlatSelectPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: FlatSelectGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: FlatSelectPropGetGroupKey<GROUP> });\n\nexport type FlatSelectComponent = <\n  ITEM = FlatSelectItemDefault,\n  GROUP = FlatSelectGroupDefault,\n  MULTIPLE extends boolean = false,\n>(\n  props: FlatSelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactNode | null;\n"],"mappings":""}

package/__internal__/src/components/Select/Select.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValue","inputRef","style","dropdownForm","onDropdownOpen","onScrollToBottom","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs","dropdownViewportRef"];import"../SelectComponents/Select.css";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect,COMPONENT_NAME}from"../SelectComponents/cnSelect";import{defaultLabelForEmptyItems}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{useSelect}from"../SelectComponents/useSelect";import{useForkRef}from"../../hooks/useForkRef";import{isNotNil}from"../../utils/type-guards";import{iconSizeMap,withDefaultGetters}from"./helpers";var SelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),d),f=e.placeholder,g=e.onBlur,h=e.onFocus,i=e.items,j=e.onChange,k=e.value,l=e.required,m=e.disabled,n=e.ariaLabel,o=e.id,p=e.dropdownRef,q=e.form,r=void 0===q?defaultPropForm:q,s=e.view,t=void 0===s?defaultPropView:s,u=e.size,v=void 0===u?defaultPropSize:u,w=e.dropdownClassName,x=e.name,y=e.groups,z=void 0===y?[]:y,A=e.getItemLabel,B=e.labelForEmptyItems,C=void 0===B?defaultLabelForEmptyItems:B,D=e.getItemKey,E=e.getItemGroupKey,F=e.getItemDisabled,G=e.getGroupKey,H=e.getGroupLabel,I=e.renderItem,J=e.isLoading,K=e.renderValue,L=e.inputRef,M=e.style,N=e.dropdownForm,O=void 0===N?"default":N,P=e.onDropdownOpen,Q=e.onScrollToBottom,R=e.virtualScroll,S=e.dropdownOpen,T=e.ignoreOutsideClicksRefs,U=e.dropdownViewportRef,V=_objectWithoutProperties(e,_excluded),W=useSelect({items:i,groups:z,value:k,onChange:j,dropdownRef:c,controlRef:d,disabled:m,getItemLabel:A,getItemKey:D,getGroupKey:G,getItemGroupKey:E,getItemDisabled:F,multiple:!1,onBlur:g,onFocus:h,onDropdownOpen:P,dropdownOpen:S,ignoreOutsideClicksRefs:T}),X=W.getKeyProps,Y=W.getOptionProps,Z=W.isOpen,$=W.visibleItems,_=W.isFocused,aa=W.handleInputFocus,ba=W.handleInputBlur,ca=W.handleToggleDropdown,da=W.inputRef,ea=W.handleInputClick,fa=W.notFound,ga=W.hasItems,ha=W.optionsRefs,ia=o?"".concat(o,"-input"):o;return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:_,disabled:m,size:v,view:t,form:r,required:l,ref:b,style:M,id:ia},V),React.createElement("div",{className:cnSelect("Control"),ref:d,"aria-expanded":Z,"aria-haspopup":"listbox",id:o},React.createElement("div",{className:cnSelect("ControlInner")},React.createElement("div",{className:cnSelect("ControlValueContainer")},React.createElement("input",Object.assign({},X(),{className:cnSelect("FakeField"),type:"text",name:x,id:ia,onFocus:aa,onBlur:ba,"aria-label":n,onClick:ea,ref:useForkRef([da,L]),readOnly:!0})),isNotNil(k)&&(K||function renderValueDefault(a){var b=A(a.item);return React.createElement("span",{className:cnSelect("ControlValue"),title:b},b)})({item:k}),!isNotNil(k)&&f&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},f))),React.createElement("span",{className:cnSelect("Indicators")},React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ca},React.createElement(IconSelect,{size:iconSizeMap[v],className:cnSelect("DropdownIndicatorIcon")}))))),React.createElement(SelectDropdown,{isOpen:Z,size:v,controlRef:d,getOptionProps:Y,dropdownRef:useForkRef([p,c]),form:O,className:w,renderItem:I||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter,g=a.ref;return React.createElement(SelectItem,{label:A(b),active:c,hovered:d,multiple:!1,size:v,indent:"round"===O?"increased":"normal",onClick:e,onMouseEnter:f,disabled:F(b),ref:g})},getGroupLabel:H,visibleItems:$,notFound:fa,isLoading:J,labelForEmptyItems:C,hasItems:ga,itemsRefs:ha,virtualScroll:R,onScrollToBottom:Q,viewportRef:U,style:"number"==typeof(null===M||void 0===M?void 0:M.zIndex)?{zIndex:M.zIndex+1}:void 0}))};export var Select=forwardRef(SelectRender);export*from"./helpers";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValue","inputRef","style","dropdownForm","onDropdownOpen","onScrollToBottom","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs","dropdownViewportRef","dropdownContainer"];import"../SelectComponents/Select.css";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect,COMPONENT_NAME}from"../SelectComponents/cnSelect";import{defaultLabelForEmptyItems}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{useSelect}from"../SelectComponents/useSelect";import{useForkRef}from"../../hooks/useForkRef";import{isNotNil}from"../../utils/type-guards";import{iconSizeMap,withDefaultGetters}from"./helpers";var SelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),d),f=e.placeholder,g=e.onBlur,h=e.onFocus,i=e.items,j=e.onChange,k=e.value,l=e.required,m=e.disabled,n=e.ariaLabel,o=e.id,p=e.dropdownRef,q=e.form,r=void 0===q?defaultPropForm:q,s=e.view,t=void 0===s?defaultPropView:s,u=e.size,v=void 0===u?defaultPropSize:u,w=e.dropdownClassName,x=e.name,y=e.groups,z=void 0===y?[]:y,A=e.getItemLabel,B=e.labelForEmptyItems,C=void 0===B?defaultLabelForEmptyItems:B,D=e.getItemKey,E=e.getItemGroupKey,F=e.getItemDisabled,G=e.getGroupKey,H=e.getGroupLabel,I=e.renderItem,J=e.isLoading,K=e.renderValue,L=e.inputRef,M=e.style,N=e.dropdownForm,O=void 0===N?"default":N,P=e.onDropdownOpen,Q=e.onScrollToBottom,R=e.virtualScroll,S=e.dropdownOpen,T=e.ignoreOutsideClicksRefs,U=e.dropdownViewportRef,V=e.dropdownContainer,W=_objectWithoutProperties(e,_excluded),X=useSelect({items:i,groups:z,value:k,onChange:j,dropdownRef:c,controlRef:d,disabled:m,getItemLabel:A,getItemKey:D,getGroupKey:G,getItemGroupKey:E,getItemDisabled:F,multiple:!1,onBlur:g,onFocus:h,onDropdownOpen:P,dropdownOpen:S,ignoreOutsideClicksRefs:T}),Y=X.getKeyProps,Z=X.getOptionProps,$=X.isOpen,_=X.visibleItems,aa=X.isFocused,ba=X.handleInputFocus,ca=X.handleInputBlur,da=X.handleToggleDropdown,ea=X.inputRef,fa=X.handleInputClick,ga=X.notFound,ha=X.hasItems,ia=X.optionsRefs,ja=o?"".concat(o,"-input"):o;return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:aa,disabled:m,size:v,view:t,form:r,required:l,ref:b,style:M,id:ja},W),React.createElement("div",{className:cnSelect("Control"),ref:d,"aria-expanded":$,"aria-haspopup":"listbox",id:o},React.createElement("div",{className:cnSelect("ControlInner")},React.createElement("div",{className:cnSelect("ControlValueContainer")},React.createElement("input",Object.assign({},Y(),{className:cnSelect("FakeField"),type:"text",name:x,id:ja,onFocus:ba,onBlur:ca,"aria-label":n,onClick:fa,ref:useForkRef([ea,L]),readOnly:!0})),isNotNil(k)&&(K||function renderValueDefault(a){var b=A(a.item);return React.createElement("span",{className:cnSelect("ControlValue"),title:b},b)})({item:k}),!isNotNil(k)&&f&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},f))),React.createElement("span",{className:cnSelect("Indicators")},React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:da},React.createElement(IconSelect,{size:iconSizeMap[v],className:cnSelect("DropdownIndicatorIcon")}))))),React.createElement(SelectDropdown,{isOpen:$,size:v,controlRef:d,getOptionProps:Z,dropdownRef:useForkRef([p,c]),form:O,className:w,renderItem:I||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter,g=a.ref;return React.createElement(SelectItem,{label:A(b),active:c,hovered:d,multiple:!1,size:v,indent:"round"===O?"increased":"normal",onClick:e,onMouseEnter:f,disabled:F(b),ref:g})},getGroupLabel:H,visibleItems:_,notFound:ga,isLoading:J,labelForEmptyItems:C,hasItems:ha,itemsRefs:ia,virtualScroll:R,onScrollToBottom:Q,viewportRef:U,container:V,style:"number"==typeof(null===M||void 0===M?void 0:M.zIndex)?{zIndex:M.zIndex+1}:void 0}))};export var Select=forwardRef(SelectRender);export*from"./helpers";
 //# sourceMappingURL=Select.js.map