npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9ab4f802f3 - Mend

@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9ab4f802f3

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

Files changed (647) hide show

package/internal/DateSelect/DateSelect/DateSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","globalObject","isBrowser","getRandomID","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ArrowChevronDownIcon","ArrowChevronUpIcon","ArrowTriangleUpDownIcon","isMobile","EmotionConsumer","getDOMRect","createPropsGetter","isTheme2022","ArrowCollapseCVOpenIcon16Regular","ArrowCUpIcon16Regular","ArrowCDownIcon16Regular","isInstanceOf","ThemeConsumer","getStyles","globalClasses","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","menu","DateSelect","getProps","defaultProps","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","menuId","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","longClickTimer","setPositionRepeatTimer","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","value","onValueChange","handleKey","e","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","addListener","componentWillUnmount","remove","render","emotion","theme","renderMain","renderMain2022","width","isInteractiveElement","Tag","styles","rootProps","className","cx","Boolean","style","ref","onClick","undefined","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","arrow","arrowDisabled","renderMenu","root2022","disableItems","index","maxValue","minValue","id","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","iconUp","iconDown","menuUp","itemsHolder","menuDown","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ArrowChevronDownIcon, ArrowChevronUpIcon, ArrowTriangleUpDownIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport { ArrowCUpIcon16Regular } from '../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular';\nimport { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n disabled?: boolean \| null;\n onValueChange: (value: number) => void;\n type?: 'month' \| 'year';\n value: number;\n width?: number \| string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport interface DateSelectState {\n botCapped: boolean;\n current: Nullable<number>;\n height: number;\n opened: boolean;\n pos: number;\n top: number;\n topCapped: boolean;\n nodeTop: number;\n}\n\nconst calculatePos = (pos: number, minPos: number, maxPos: number) => {\n if (maxPos <= pos) {\n return maxPos;\n }\n\n if (minPos >= pos) {\n return minPos;\n }\n\n return pos;\n};\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' \| 'width'>>;\n\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n public static displayName = 'DateSelect';\n\n public static propTypes = {\n disabled: PropTypes.bool,\n\n type: PropTypes.string,\n\n value: PropTypes.number.isRequired,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n onValueChange: PropTypes.func,\n\n minValue: PropTypes.number,\n\n maxValue: PropTypes.number,\n };\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n public state = {\n botCapped: false,\n current: 0,\n height: 0,\n opened: false,\n pos: 0,\n top: 0,\n topCapped: false,\n nodeTop: Infinity,\n };\n\n private theme!: Theme;\n private emotion!: Emotion;\n private readonly locale!: DatePickerLocale;\n private root: HTMLElement \| null = null;\n private itemsContainer: HTMLElement \| null = null;\n private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n private timeout: SafeTimer;\n private longClickTimer: SafeTimer;\n private setPositionRepeatTimer: SafeTimer;\n private yearStep = 3;\n private touchStartY: Nullable<number> = null;\n\n public componentDidUpdate() {\n this.setNodeTop();\n }\n\n public componentDidMount() {\n this.listener = LayoutEvents.addListener(this.setNodeTop);\n this.setNodeTop();\n globalObject.addEventListener?.('keydown', this.handleKey);\n }\n\n public componentWillUnmount() {\n if (this.listener) {\n this.listener.remove();\n }\n if (this.timeout) {\n globalObject.clearTimeout(this.timeout);\n }\n if (this.longClickTimer) {\n globalObject.clearTimeout(this.longClickTimer);\n }\n if (this.setPositionRepeatTimer) {\n globalObject.clearTimeout(this.setPositionRepeatTimer);\n }\n globalObject.removeEventListener?.('keydown', this.handleKey);\n }\n\n /*\n @public\n /\n public open = () => {\n if (this.props.disabled) {\n return;\n }\n\n if (this.state.opened) {\n return;\n }\n\n this.setPosition(0);\n this.setState({\n opened: true,\n current: 0,\n });\n };\n\n /\n @public\n /\n public close = () => {\n if (!this.state.opened) {\n return;\n }\n\n this.setState({ opened: false });\n };\n\n public render() {\n return (\n <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeConsumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeConsumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n private menuId = DateSelectDataTids.menu + getRandomID();\n\n private renderMain() {\n if (isTheme2022(this.theme)) {\n return this.renderMain2022();\n }\n\n const { disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const styles = getStyles(this.emotion);\n const rootProps = {\n className: this.emotion.cx({\n [styles.root(this.theme)]: true,\n [styles.disabled()]: Boolean(disabled),\n }),\n style: { width },\n ref: this.refRoot,\n onClick: this.open,\n 'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n 'aria-controls': !disabled ? this.menuId : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(0)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(0)}\n <div\n className={this.emotion.cx({\n [styles.arrow(this.theme)]: true,\n [styles.arrowDisabled()]: Boolean(disabled),\n })}\n >\n <ArrowTriangleUpDownIcon size={12} />\n </div>\n </div>\n {this.state.opened && this.renderMenu(this.menuId)}\n </Tag>\n );\n }\n\n private renderMain2022() {\n const { disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const styles = getStyles(this.emotion);\n const rootProps = {\n className: this.emotion.cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),\n style: { width },\n ref: this.refRoot,\n onClick: this.open,\n 'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(0)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(0)}\n </div>\n {isInteractiveElement && (\n <ArrowCollapseCVOpenIcon16Regular className={this.emotion.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n )}\n {this.state.opened && this.renderMenu(this.menuId)}\n </Tag>\n );\n }\n\n private refRoot = (element: HTMLElement \| null) => {\n this.root = element;\n };\n\n private setNodeTop = () => {\n const root = this.root;\n if (!root) {\n return;\n }\n if (this.timeout) {\n globalObject.clearTimeout(this.timeout);\n }\n this.timeout = globalObject.setTimeout(\n () =>\n this.setState({\n nodeTop: getDOMRect(root).top,\n }),\n 0,\n );\n };\n\n private disableItems(index: number) {\n const value = this.props.value + index;\n if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {\n return value > this.props.maxValue \|\| value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.minValue)) {\n return value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.maxValue)) {\n return value > this.props.maxValue;\n }\n }\n\n private renderMenu(id?: string): React.ReactNode {\n const { top, height, nodeTop } = this.state;\n\n let shift = this.state.pos % itemHeight;\n if (shift < 0) {\n shift += itemHeight;\n }\n\n const from = (this.state.pos - shift + top) / itemHeight;\n const to = from + Math.ceil((height + shift) / itemHeight);\n const items = [];\n const styles = getStyles(this.emotion);\n for (let i = from; i < to; ++i) {\n const disableItems = this.disableItems(i) \|\| false;\n const className = this.emotion.cx({\n [styles.menuItem(this.theme)]: true,\n [styles.menuItemSelected(this.theme)]: i === 0,\n [styles.menuItemActive(this.theme)]: i === this.state.current,\n [styles.menuItemDisabled(this.theme)]: disableItems,\n });\n const clickHandler = {\n onMouseDown: preventDefault,\n onClick: this.handleItemClick(i),\n };\n items.push(\n <button\n aria-label={`Выбрать ${this.getProps().type === 'year' ? 'год' : 'месяц'} ${this.getItem(i)}`}\n data-tid={DateSelectDataTids.menuItem}\n data-prop-disabled={disableItems}\n key={i}\n className={className}\n onMouseEnter={() => this.setState({ current: i })}\n onMouseLeave={() => this.setState({ current: null })}\n {...clickHandler}\n >\n {this.getItem(i)}\n </button>,\n );\n }\n const style: {\n left?: number \| string;\n right?: number \| string;\n top: number;\n width?: number \| string;\n } = {\n top: top - 5,\n left: 0,\n right: 0,\n };\n\n const shiftStyle: React.CSSProperties = {\n position: 'relative',\n top: -shift,\n };\n\n const holderClass = this.emotion.cx({\n [styles.menuHolder(this.theme)]: true,\n [styles.isTopCapped()]: this.state.topCapped,\n [styles.isBotCapped()]: this.state.botCapped,\n });\n\n let dropdownOffset = -itemHeight;\n if (nodeTop < -top) {\n const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n }\n\n const iconUp = isTheme2022(this.theme) ? <ArrowCUpIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronUpIcon />;\n const iconDown = isTheme2022(this.theme) ? <ArrowCDownIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronDownIcon />;\n\n return (\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n <DropdownContainer\n data-tid={DateSelectDataTids.menu}\n id={id}\n getParent={this.getAnchor}\n offsetY={dropdownOffset}\n offsetX={-10}\n >\n <div className={holderClass} style={style}>\n {!this.state.topCapped && (\n <div\n className={this.emotion.cx(styles.menu(this.theme), styles.menuUp())}\n onClick={this.handleUp}\n onMouseDown={this.handleLongClickUp}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickUp}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>{iconUp}</span>\n </div>\n )}\n <div className={styles.itemsHolder()} style={{ height }}>\n <div ref={this.refItemsContainer} style={shiftStyle}>\n {items}\n </div>\n </div>\n {!this.state.botCapped && (\n <div\n className={this.emotion.cx(styles.menu(this.theme), styles.menuDown())}\n onClick={this.handleDown}\n onMouseDown={this.handleLongClickDown}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickDown}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>{iconDown}</span>\n </div>\n )}\n </div>\n </DropdownContainer>\n </RenderLayer>\n );\n }\n\n private refItemsContainer = (element: HTMLElement \| null) => {\n if (!this.itemsContainer && element) {\n element.addEventListener('wheel', this.handleWheel, { passive: false });\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n }\n\n if (isMobile) {\n if (!this.itemsContainer && element) {\n element.addEventListener('touchstart', this.handleTouchStart);\n element.addEventListener('touchmove', this.handleTouchMove);\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n }\n }\n\n this.itemsContainer = element;\n };\n\n private handleLongClickUp = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = globalObject.setTimeout(() => {\n this.setPositionRepeatTimer = globalObject.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickDown = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = globalObject.setTimeout(() => {\n this.setPositionRepeatTimer = globalObject.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickStop = () => {\n globalObject.clearTimeout(this.longClickTimer);\n globalObject.clearTimeout(this.setPositionRepeatTimer);\n };\n\n private getAnchor = () => this.root;\n\n private handleWheel = (event: Event) => {\n if (!isInstanceOf(event, globalObject.WheelEvent)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n\n let deltaY = event.deltaY;\n if (event.deltaMode === 1) {\n deltaY = itemHeight;\n } else if (event.deltaMode === 2) {\n deltaY = itemHeight 4;\n }\n const pos = this.state.pos + deltaY;\n this.setPosition(pos);\n };\n\n private handleTouchStart = (event: Event) => {\n if (!isInstanceOf(event, globalObject.TouchEvent)) {\n return;\n }\n\n this.touchStartY = event.targetTouches[0].clientY;\n };\n\n private handleTouchMove = (event: Event) => {\n if (!isInstanceOf(event, globalObject.TouchEvent) \|\| !isBrowser(globalObject)) {\n return;\n }\n\n const { clientY } = event.changedTouches[0];\n const pixelRatio = globalObject.devicePixelRatio;\n\n const deltaY = ((this.touchStartY \|\| 0) - clientY) / pixelRatio;\n const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n this.touchStartY = clientY;\n\n this.setPosition(pos);\n };\n\n private handleItemClick = (shift: number) => {\n return () => {\n const value = this.props.value + shift;\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n this.setState({ opened: false });\n };\n };\n\n private handleKey = (e: KeyboardEvent) => {\n if (this.state.opened && isKeyEscape(e)) {\n e.preventDefault();\n this.close();\n e.stopPropagation();\n }\n };\n\n private handleUp = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos - itemHeight * this.yearStep);\n };\n\n private handleDown = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos + itemHeight * this.yearStep);\n };\n\n private getItem(index: number) {\n const value = this.props.value + index;\n if (this.getProps().type === 'month') {\n return this.locale.months?.[value];\n }\n return value;\n }\n\n private setPosition(pos: number) {\n let top = itemsToMoveCount * itemHeight;\n let height = visibleYearsCount * itemHeight;\n if (this.getProps().type === 'month') {\n top = -this.props.value * itemHeight;\n height = monthsCount * itemHeight;\n }\n\n const minPos = this.getMinPos() - top;\n const maxPos = this.getMaxPos() - top - height + itemHeight;\n\n const calculatedPos = calculatePos(pos, minPos, maxPos);\n const topCapped = calculatedPos <= minPos;\n const botCapped = calculatedPos >= maxPos;\n\n this.setState({ pos: calculatedPos, top, height, topCapped, botCapped });\n }\n\n private getMinPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return -this.props.value * itemHeight;\n } else if (type === 'year') {\n return ((this.props.minValue \|\| defaultMinYear) - this.props.value) * itemHeight;\n }\n return -Infinity; // Be defensive.\n }\n\n private getMaxPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return (visibleYearsCount - this.props.value) * itemHeight;\n } else if (type === 'year') {\n return ((this.props.maxValue \|\| defaultMaxYear) - this.props.value) * itemHeight;\n }\n return Infinity; // Be defensive.\n }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n e.preventDefault();\n}\n"]}
1	+ {"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","globalObject","isBrowser","responsiveLayout","CalendarDataTids","getRandomID","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ArrowChevronDownIcon","ArrowChevronUpIcon","ArrowTriangleUpDownIcon","isMobile","EmotionConsumer","getDOMRect","createPropsGetter","isTheme2022","ArrowCollapseCVOpenIcon16Regular","ArrowCUpIcon16Regular","ArrowCDownIcon16Regular","isInstanceOf","ThemeContext","getStyles","globalClasses","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","menu","DateSelect","getProps","defaultProps","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","menuId","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","longClickTimer","setPositionRepeatTimer","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","value","onValueChange","handleKey","e","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","addListener","componentWillUnmount","remove","render","emotion","theme","renderMain","renderMain2022","isMobileLayout","width","isInteractiveElement","Tag","styles","rootProps","className","cx","Boolean","style","ref","onClick","undefined","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","arrow","arrowDisabled","renderMobileMenu","renderMenu","root2022","disableItems","index","maxValue","minValue","id","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","iconUp","iconDown","menuUp","itemsHolder","menuDown","min","max","item","monthSelectMobile","yearSelectMobile","nativeSelect","parseInt","target","map","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { CalendarDataTids } from '../../components/Calendar/Calendar';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ArrowChevronDownIcon, ArrowChevronUpIcon, ArrowTriangleUpDownIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport { ArrowCUpIcon16Regular } from '../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular';\nimport { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n disabled?: boolean \| null;\n onValueChange: (value: number) => void;\n type?: 'month' \| 'year';\n value: number;\n width?: number \| string;\n minValue?: number;\n maxValue?: number;\n}\n\nexport interface DateSelectState {\n botCapped: boolean;\n current: Nullable<number>;\n height: number;\n opened: boolean;\n pos: number;\n top: number;\n topCapped: boolean;\n nodeTop: number;\n}\n\nconst calculatePos = (pos: number, minPos: number, maxPos: number) => {\n if (maxPos <= pos) {\n return maxPos;\n }\n\n if (minPos >= pos) {\n return minPos;\n }\n\n return pos;\n};\n\nexport const DateSelectDataTids = {\n caption: 'DateSelect__caption',\n menuItem: 'DateSelect__menuItem',\n menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' \| 'width'>>;\n\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n public static __KONTUR_REACT_UI__ = 'DateSelect';\n public static displayName = 'DateSelect';\n\n public static propTypes = {\n disabled: PropTypes.bool,\n\n type: PropTypes.string,\n\n value: PropTypes.number.isRequired,\n\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n onValueChange: PropTypes.func,\n\n minValue: PropTypes.number,\n\n maxValue: PropTypes.number,\n };\n\n public static defaultProps: DefaultProps = {\n type: 'year',\n width: 'auto',\n };\n\n private getProps = createPropsGetter(DateSelect.defaultProps);\n\n public state = {\n botCapped: false,\n current: 0,\n height: 0,\n opened: false,\n pos: 0,\n top: 0,\n topCapped: false,\n nodeTop: Infinity,\n };\n\n private theme!: Theme;\n private emotion!: Emotion;\n private readonly locale!: DatePickerLocale;\n private root: HTMLElement \| null = null;\n private itemsContainer: HTMLElement \| null = null;\n private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n private timeout: SafeTimer;\n private longClickTimer: SafeTimer;\n private setPositionRepeatTimer: SafeTimer;\n private yearStep = 3;\n private touchStartY: Nullable<number> = null;\n private isMobileLayout!: boolean;\n\n public componentDidUpdate() {\n this.setNodeTop();\n }\n\n public componentDidMount() {\n this.listener = LayoutEvents.addListener(this.setNodeTop);\n this.setNodeTop();\n globalObject.addEventListener?.('keydown', this.handleKey);\n }\n\n public componentWillUnmount() {\n if (this.listener) {\n this.listener.remove();\n }\n if (this.timeout) {\n globalObject.clearTimeout(this.timeout);\n }\n if (this.longClickTimer) {\n globalObject.clearTimeout(this.longClickTimer);\n }\n if (this.setPositionRepeatTimer) {\n globalObject.clearTimeout(this.setPositionRepeatTimer);\n }\n globalObject.removeEventListener?.('keydown', this.handleKey);\n }\n\n /*\n @public\n /\n public open = () => {\n if (this.props.disabled) {\n return;\n }\n\n if (this.state.opened) {\n return;\n }\n\n this.setPosition(0);\n this.setState({\n opened: true,\n current: 0,\n });\n };\n\n /\n @public\n /\n public close = () => {\n if (!this.state.opened) {\n return;\n }\n\n this.setState({ opened: false });\n };\n\n public render() {\n return (\n <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n private menuId = DateSelectDataTids.menu + getRandomID();\n\n private renderMain() {\n if (isTheme2022(this.theme)) {\n return this.renderMain2022();\n }\n const isMobile = this.isMobileLayout;\n const { disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const styles = getStyles(this.emotion);\n const rootProps = {\n className: this.emotion.cx({\n [styles.root(this.theme)]: true,\n [styles.disabled()]: Boolean(disabled),\n }),\n style: { width },\n ref: this.refRoot,\n onClick: this.open,\n 'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n 'aria-controls': !disabled ? this.menuId : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(0)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(0)}\n <div\n className={this.emotion.cx({\n [styles.arrow(this.theme)]: true,\n [styles.arrowDisabled()]: Boolean(disabled),\n })}\n >\n <ArrowTriangleUpDownIcon size={12} />\n </div>\n </div>\n {isMobile\n ? !disabled && this.renderMobileMenu(this.props, this.menuId)\n : this.state.opened && this.renderMenu(this.menuId)}\n </Tag>\n );\n }\n\n private renderMain2022() {\n const isMobile = this.isMobileLayout;\n const { disabled } = this.props;\n const width = this.getProps().width;\n const isInteractiveElement = !disabled;\n const Tag = isInteractiveElement ? 'button' : 'span';\n const styles = getStyles(this.emotion);\n const rootProps = {\n className: this.emotion.cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),\n style: { width },\n ref: this.refRoot,\n onClick: this.open,\n 'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n 'aria-label': isInteractiveElement\n ? `${this.locale.selectChosenAriaLabel} ${\n this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n } ${this.getItem(0)}`\n : undefined,\n };\n\n return (\n <Tag {...rootProps}>\n <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n {this.getItem(0)}\n </div>\n {isInteractiveElement && (\n <ArrowCollapseCVOpenIcon16Regular className={this.emotion.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n )}\n {isMobile\n ? !disabled && this.renderMobileMenu(this.props, this.menuId)\n : this.state.opened && this.renderMenu(this.menuId)}\n </Tag>\n );\n }\n\n private refRoot = (element: HTMLElement \| null) => {\n this.root = element;\n };\n\n private setNodeTop = () => {\n const root = this.root;\n if (!root) {\n return;\n }\n if (this.timeout) {\n globalObject.clearTimeout(this.timeout);\n }\n this.timeout = globalObject.setTimeout(\n () =>\n this.setState({\n nodeTop: getDOMRect(root).top,\n }),\n 0,\n );\n };\n\n private disableItems(index: number) {\n const value = this.props.value + index;\n if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {\n return value > this.props.maxValue \|\| value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.minValue)) {\n return value < this.props.minValue;\n }\n\n if (isNonNullable(this.props.maxValue)) {\n return value > this.props.maxValue;\n }\n }\n\n private renderMenu(id?: string): React.ReactNode {\n const { top, height, nodeTop } = this.state;\n\n let shift = this.state.pos % itemHeight;\n if (shift < 0) {\n shift += itemHeight;\n }\n\n const from = (this.state.pos - shift + top) / itemHeight;\n const to = from + Math.ceil((height + shift) / itemHeight);\n const items = [];\n const styles = getStyles(this.emotion);\n for (let i = from; i < to; ++i) {\n const disableItems = this.disableItems(i) \|\| false;\n const className = this.emotion.cx({\n [styles.menuItem(this.theme)]: true,\n [styles.menuItemSelected(this.theme)]: i === 0,\n [styles.menuItemActive(this.theme)]: i === this.state.current,\n [styles.menuItemDisabled(this.theme)]: disableItems,\n });\n const clickHandler = {\n onMouseDown: preventDefault,\n onClick: this.handleItemClick(i),\n };\n items.push(\n <button\n aria-label={`Выбрать ${this.getProps().type === 'year' ? 'год' : 'месяц'} ${this.getItem(i)}`}\n data-tid={DateSelectDataTids.menuItem}\n data-prop-disabled={disableItems}\n key={i}\n className={className}\n onMouseEnter={() => this.setState({ current: i })}\n onMouseLeave={() => this.setState({ current: null })}\n {...clickHandler}\n >\n {this.getItem(i)}\n </button>,\n );\n }\n const style: {\n left?: number \| string;\n right?: number \| string;\n top: number;\n width?: number \| string;\n } = {\n top: top - 5,\n left: 0,\n right: 0,\n };\n\n const shiftStyle: React.CSSProperties = {\n position: 'relative',\n top: -shift,\n };\n\n const holderClass = this.emotion.cx({\n [styles.menuHolder(this.theme)]: true,\n [styles.isTopCapped()]: this.state.topCapped,\n [styles.isBotCapped()]: this.state.botCapped,\n });\n\n let dropdownOffset = -itemHeight;\n if (nodeTop < -top) {\n const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n }\n\n const iconUp = isTheme2022(this.theme) ? <ArrowCUpIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronUpIcon />;\n const iconDown = isTheme2022(this.theme) ? <ArrowCDownIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronDownIcon />;\n\n return (\n <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n <DropdownContainer\n data-tid={DateSelectDataTids.menu}\n id={id}\n getParent={this.getAnchor}\n offsetY={dropdownOffset}\n offsetX={-10}\n >\n <div className={holderClass} style={style}>\n {!this.state.topCapped && (\n <div\n className={this.emotion.cx(styles.menu(this.theme), styles.menuUp())}\n onClick={this.handleUp}\n onMouseDown={this.handleLongClickUp}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickUp}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>{iconUp}</span>\n </div>\n )}\n <div className={styles.itemsHolder()} style={{ height }}>\n <div ref={this.refItemsContainer} style={shiftStyle}>\n {items}\n </div>\n </div>\n {!this.state.botCapped && (\n <div\n className={this.emotion.cx(styles.menu(this.theme), styles.menuDown())}\n onClick={this.handleDown}\n onMouseDown={this.handleLongClickDown}\n onMouseUp={this.handleLongClickStop}\n onMouseLeave={this.handleLongClickStop}\n onTouchStart={this.handleLongClickDown}\n onTouchEnd={this.handleLongClickStop}\n >\n <span>{iconDown}</span>\n </div>\n )}\n </div>\n </DropdownContainer>\n </RenderLayer>\n );\n }\n\n private renderMobileMenu(\n { value, minValue, maxValue, onValueChange, type }: DateSelectProps,\n id?: string,\n ): JSX.Element {\n const from = type === 'month' ? defaultMinMonth : minValue ?? defaultMinYear;\n const to = type === 'month' ? defaultMaxMonth : maxValue ?? defaultMaxYear;\n\n const min = type === 'month' ? minValue ?? defaultMinMonth : minValue ?? defaultMinYear;\n const max = type === 'month' ? maxValue ?? defaultMaxMonth : maxValue ?? defaultMaxYear;\n\n const items: Array<{ item: number; disabled: boolean }> = [];\n for (let item = from; item <= to; ++item) {\n items.push({ item, disabled: item < min \|\| item > max });\n }\n const styles = getStyles(this.emotion);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-onchange\n <select\n id={id}\n data-tid={type === 'month' ? CalendarDataTids.monthSelectMobile : CalendarDataTids.yearSelectMobile}\n className={styles.nativeSelect()}\n value={value}\n onChange={(e) => {\n onValueChange(parseInt(e.target.value));\n }}\n >\n {items.map(({ item, disabled }) => (\n <option key={item} value={item} disabled={disabled}>\n {type === 'month' ? this.locale.months?.[item] : item}\n </option>\n ))}\n </select>\n );\n }\n\n private refItemsContainer = (element: HTMLElement \| null) => {\n if (!this.itemsContainer && element) {\n element.addEventListener('wheel', this.handleWheel, { passive: false });\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n }\n\n if (isMobile) {\n if (!this.itemsContainer && element) {\n element.addEventListener('touchstart', this.handleTouchStart);\n element.addEventListener('touchmove', this.handleTouchMove);\n }\n if (this.itemsContainer && !element) {\n this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n }\n }\n\n this.itemsContainer = element;\n };\n\n private handleLongClickUp = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = globalObject.setTimeout(() => {\n this.setPositionRepeatTimer = globalObject.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickDown = (event: React.MouseEvent \| React.TouchEvent) => {\n event.preventDefault();\n this.longClickTimer = globalObject.setTimeout(() => {\n this.setPositionRepeatTimer = globalObject.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n }, 200);\n };\n\n private handleLongClickStop = () => {\n globalObject.clearTimeout(this.longClickTimer);\n globalObject.clearTimeout(this.setPositionRepeatTimer);\n };\n\n private getAnchor = () => this.root;\n\n private handleWheel = (event: Event) => {\n if (!isInstanceOf(event, globalObject.WheelEvent)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n\n let deltaY = event.deltaY;\n if (event.deltaMode === 1) {\n deltaY = itemHeight;\n } else if (event.deltaMode === 2) {\n deltaY = itemHeight 4;\n }\n const pos = this.state.pos + deltaY;\n this.setPosition(pos);\n };\n\n private handleTouchStart = (event: Event) => {\n if (!isInstanceOf(event, globalObject.TouchEvent)) {\n return;\n }\n\n this.touchStartY = event.targetTouches[0].clientY;\n };\n\n private handleTouchMove = (event: Event) => {\n if (!isInstanceOf(event, globalObject.TouchEvent) \|\| !isBrowser(globalObject)) {\n return;\n }\n\n const { clientY } = event.changedTouches[0];\n const pixelRatio = globalObject.devicePixelRatio;\n\n const deltaY = ((this.touchStartY \|\| 0) - clientY) / pixelRatio;\n const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n this.touchStartY = clientY;\n\n this.setPosition(pos);\n };\n\n private handleItemClick = (shift: number) => {\n return () => {\n const value = this.props.value + shift;\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n this.setState({ opened: false });\n };\n };\n\n private handleKey = (e: KeyboardEvent) => {\n if (this.state.opened && isKeyEscape(e)) {\n e.preventDefault();\n this.close();\n e.stopPropagation();\n }\n };\n\n private handleUp = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos - itemHeight * this.yearStep);\n };\n\n private handleDown = (event: React.MouseEvent) => {\n event.preventDefault();\n this.setPosition(this.state.pos + itemHeight * this.yearStep);\n };\n\n private getItem(index: number) {\n const value = this.props.value + index;\n if (this.getProps().type === 'month') {\n return this.locale.months?.[value];\n }\n return value;\n }\n\n private setPosition(pos: number) {\n let top = itemsToMoveCount * itemHeight;\n let height = visibleYearsCount * itemHeight;\n if (this.getProps().type === 'month') {\n top = -this.props.value * itemHeight;\n height = monthsCount * itemHeight;\n }\n\n const minPos = this.getMinPos() - top;\n const maxPos = this.getMaxPos() - top - height + itemHeight;\n\n const calculatedPos = calculatePos(pos, minPos, maxPos);\n const topCapped = calculatedPos <= minPos;\n const botCapped = calculatedPos >= maxPos;\n\n this.setState({ pos: calculatedPos, top, height, topCapped, botCapped });\n }\n\n private getMinPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return -this.props.value * itemHeight;\n } else if (type === 'year') {\n return ((this.props.minValue \|\| defaultMinYear) - this.props.value) * itemHeight;\n }\n return -Infinity; // Be defensive.\n }\n\n private getMaxPos() {\n const type = this.getProps().type;\n if (type === 'month') {\n return (visibleYearsCount - this.props.value) * itemHeight;\n } else if (type === 'year') {\n return ((this.props.maxValue \|\| defaultMaxYear) - this.props.value) * itemHeight;\n }\n return Infinity; // Be defensive.\n }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n e.preventDefault();\n}\n"]}

package/internal/DateSelect/DateSelect.d.ts CHANGED Viewed

@@ -61,6 +61,7 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps, Dat
     private setPositionRepeatTimer;
     private yearStep;
     private touchStartY;
+    private isMobileLayout;
     componentDidUpdate(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -80,6 +81,7 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps, Dat
     private setNodeTop;
     private disableItems;
     private renderMenu;
+    private renderMobileMenu;
     private refItemsContainer;
     private handleLongClickUp;
     private handleLongClickDown;

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('select')({
@@ -58,6 +58,9 @@ export var getStyles = function getStyles(emotion) {
     },
     menuDown: function menuDown() {
       return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        span {\n          position: relative;\n          top: -1px;\n        }\n      "])));
+    },
+    nativeSelect: function nativeSelect() {
+      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    "])));
     }
   });
 };

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["DateSelect.styles.ts"],"names":["memoizeStyle","prefix","globalClasses","arrow","getStyles","emotion","root","t","css","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","root2022","disabled","caption","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n arrow: 'arrow',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n root(t: Theme) {\n return emotion.css`\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font: inherit;\n font-size: ${t.dateSelectFontSize};\n padding: 0px;\n padding-right: 2px;\n position: relative;\n text-align: left;\n touch-action: none;\n border: none;\n line-height: ${t.dateSelectLineHeight};\n background-color: transparent;\n box-sizing: content-box;\n\n &:hover {\n color: ${t.dateSelectLinkColor};\n }\n\n & .${globalClasses.arrow} {\n transition: fill ${t.transitionDuration} ${t.transitionTimingFunction};\n }\n\n &:hover .${globalClasses.arrow} {\n fill: ${t.dateSelectTextColorDefault} !important;\n }\n `;\n },\n\n root2022() {\n return emotion.css`\n display: inline-flex;\n justify-content: space-between;\n `;\n },\n\n disabled() {\n return emotion.css`\n color: inherit !important; // override root:hover style\n cursor: default;\n `;\n },\n\n caption() {\n return emotion.css`\n position: relative;\n `;\n },\n\n arrow(t: Theme) {\n return emotion.css`\n color: ${t.dateSelectTextColorDisabled};\n float: right;\n line-height: ${t.dateSelectLineHeight};\n opacity: 1;\n position: absolute;\n right: 4px;\n top: 0;\n transform: scaleX(0.7);\n transition: opacity 0.2s ease-out;\n `;\n },\n arrowDisabled() {\n return emotion.css`\n opacity: 0;\n `;\n },\n\n menuHolder(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuBg};\n box-shadow: ${t.dateSelectPopupBoxShadow};\n box-sizing: content-box;\n color: ${t.dateSelectTextColorDefault};\n font-size: ${t.dateSelectFontSize};\n margin-top: -11px;\n overflow: hidden;\n position: absolute;\n z-index: 1000;\n `;\n },\n\n isTopCapped() {\n return emotion.css`\n margin-top: 0;\n padding-top: 5px;\n `;\n },\n\n isBotCapped() {\n return emotion.css`\n padding-bottom: 5px;\n `;\n },\n\n itemsHolder() {\n return emotion.css`\n overflow: hidden;\n position: relative;\n `;\n },\n\n menuItem(t: Theme) {\n return emotion.css`\n display: flex;\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n height: 24px;\n padding: 0;\n padding-left: 10px;\n width: 100%;\n user-select: none;\n white-space: nowrap;\n touch-action: none;\n border: none;\n font: inherit;\n line-height: 24px;\n background-color: transparent;\n `;\n },\n\n menuItemSelected(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuItemBgSelected};\n color: ${t.dateSelectMenuItemFontSelected};\n `;\n },\n\n menuItemActive(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectMenuItemFontActive};\n `;\n },\n\n menuItemDisabled(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuItemBgDisabled};\n color: ${t.dateSelectTextColorDisabled};\n pointer-events: none;\n `;\n },\n\n menu(t: Theme) {\n return emotion.css`\n box-sizing: border-box;\n cursor: pointer;\n height: 16px;\n line-height: 0;\n padding-left: 18px;\n text-align: left;\n user-select: none;\n\n background: ${t.dateSelectMenuBg};\n color: ${t.dateSelectTextColorDefault};\n\n &:hover {\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectTextColorInvert};\n }\n `;\n },\n\n menuUp() {\n return emotion.css`\n span {\n position: relative;\n top: -0.5px;\n }\n `;\n },\n\n menuDown() {\n return emotion.css`\n span {\n position: relative;\n top: -1px;\n }\n `;\n },\n });\n"]}
1	+ {"version":3,"sources":["DateSelect.styles.ts"],"names":["memoizeStyle","prefix","globalClasses","arrow","getStyles","emotion","root","t","css","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","root2022","disabled","caption","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown","nativeSelect"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n arrow: 'arrow',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n root(t: Theme) {\n return emotion.css`\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font: inherit;\n font-size: ${t.dateSelectFontSize};\n padding: 0px;\n padding-right: 2px;\n position: relative;\n text-align: left;\n touch-action: none;\n border: none;\n line-height: ${t.dateSelectLineHeight};\n background-color: transparent;\n box-sizing: content-box;\n\n &:hover {\n color: ${t.dateSelectLinkColor};\n }\n\n & .${globalClasses.arrow} {\n transition: fill ${t.transitionDuration} ${t.transitionTimingFunction};\n }\n\n &:hover .${globalClasses.arrow} {\n fill: ${t.dateSelectTextColorDefault} !important;\n }\n `;\n },\n\n root2022() {\n return emotion.css`\n display: inline-flex;\n justify-content: space-between;\n `;\n },\n\n disabled() {\n return emotion.css`\n color: inherit !important; // override root:hover style\n cursor: default;\n `;\n },\n\n caption() {\n return emotion.css`\n position: relative;\n `;\n },\n\n arrow(t: Theme) {\n return emotion.css`\n color: ${t.dateSelectTextColorDisabled};\n float: right;\n line-height: ${t.dateSelectLineHeight};\n opacity: 1;\n position: absolute;\n right: 4px;\n top: 0;\n transform: scaleX(0.7);\n transition: opacity 0.2s ease-out;\n `;\n },\n arrowDisabled() {\n return emotion.css`\n opacity: 0;\n `;\n },\n\n menuHolder(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuBg};\n box-shadow: ${t.dateSelectPopupBoxShadow};\n box-sizing: content-box;\n color: ${t.dateSelectTextColorDefault};\n font-size: ${t.dateSelectFontSize};\n margin-top: -11px;\n overflow: hidden;\n position: absolute;\n z-index: 1000;\n `;\n },\n\n isTopCapped() {\n return emotion.css`\n margin-top: 0;\n padding-top: 5px;\n `;\n },\n\n isBotCapped() {\n return emotion.css`\n padding-bottom: 5px;\n `;\n },\n\n itemsHolder() {\n return emotion.css`\n overflow: hidden;\n position: relative;\n `;\n },\n\n menuItem(t: Theme) {\n return emotion.css`\n display: flex;\n color: ${t.dateSelectTextColorDefault};\n cursor: pointer;\n height: 24px;\n padding: 0;\n padding-left: 10px;\n width: 100%;\n user-select: none;\n white-space: nowrap;\n touch-action: none;\n border: none;\n font: inherit;\n line-height: 24px;\n background-color: transparent;\n `;\n },\n\n menuItemSelected(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuItemBgSelected};\n color: ${t.dateSelectMenuItemFontSelected};\n `;\n },\n\n menuItemActive(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectMenuItemFontActive};\n `;\n },\n\n menuItemDisabled(t: Theme) {\n return emotion.css`\n background: ${t.dateSelectMenuItemBgDisabled};\n color: ${t.dateSelectTextColorDisabled};\n pointer-events: none;\n `;\n },\n\n menu(t: Theme) {\n return emotion.css`\n box-sizing: border-box;\n cursor: pointer;\n height: 16px;\n line-height: 0;\n padding-left: 18px;\n text-align: left;\n user-select: none;\n\n background: ${t.dateSelectMenuBg};\n color: ${t.dateSelectTextColorDefault};\n\n &:hover {\n background: ${t.dateSelectMenuItemBgActive};\n color: ${t.dateSelectTextColorInvert};\n }\n `;\n },\n\n menuUp() {\n return emotion.css`\n span {\n position: relative;\n top: -0.5px;\n }\n `;\n },\n\n menuDown() {\n return emotion.css`\n span {\n position: relative;\n top: -1px;\n }\n `;\n },\n\n nativeSelect() {\n return emotion.css`\n position: absolute;\n top: -12px;\n right: 0;\n bottom: -8px;\n left: 0;\n cursor: pointer;\n appearance: none;\n opacity: 0;\n border: none;\n `;\n },\n });\n"]}

package/internal/DateSelect/DateSelect.styles.d.ts CHANGED Viewed

@@ -21,4 +21,5 @@ export declare const getStyles: (emotion: Emotion) => {
     menu(t: Theme): string;
     menuUp(): string;
     menuDown(): string;
+    nativeSelect(): string;
 };

package/internal/DateSelect/locale/locales/en/en.js CHANGED Viewed

@@ -1,5 +1,6 @@
 export var componentsLocales = {
   selectMonthAriaLabel: 'month',
   selectYearAriaLabel: 'year',
-  selectChosenAriaLabel: 'Chosen'
+  selectChosenAriaLabel: 'Chosen',
+  selectChooseAriaLabel: 'Choose'
 };

package/internal/DateSelect/locale/locales/en/en.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["en.ts"],"names":["componentsLocales","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,oBAAoB,EAAE,OAD2B;AAEjDC,EAAAA,mBAAmB,EAAE,MAF4B;AAGjDC,EAAAA,qBAAqB,EAAE,QAH0B,EAA5C","sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n selectMonthAriaLabel: 'month',\n selectYearAriaLabel: 'year',\n selectChosenAriaLabel: 'Chosen',\n};\n"]}
1	+ {"version":3,"sources":["en.ts"],"names":["componentsLocales","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","selectChooseAriaLabel"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,oBAAoB,EAAE,OAD2B;AAEjDC,EAAAA,mBAAmB,EAAE,MAF4B;AAGjDC,EAAAA,qBAAqB,EAAE,QAH0B;AAIjDC,EAAAA,qBAAqB,EAAE,QAJ0B,EAA5C","sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n selectMonthAriaLabel: 'month',\n selectYearAriaLabel: 'year',\n selectChosenAriaLabel: 'Chosen',\n selectChooseAriaLabel: 'Choose',\n};\n"]}

package/internal/DateSelect/locale/locales/ru/ru.js CHANGED Viewed

@@ -1,5 +1,6 @@
 export var componentsLocales = {
   selectMonthAriaLabel: 'месяц',
   selectYearAriaLabel: 'год',
-  selectChosenAriaLabel: 'Выбранный'
+  selectChosenAriaLabel: 'Выбранный',
+  selectChooseAriaLabel: 'Выбрать'
 };

package/internal/DateSelect/locale/locales/ru/ru.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ru.ts"],"names":["componentsLocales","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,oBAAoB,EAAE,OAD2B;AAEjDC,EAAAA,mBAAmB,EAAE,KAF4B;AAGjDC,EAAAA,qBAAqB,EAAE,WAH0B,EAA5C","sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n selectMonthAriaLabel: 'месяц',\n selectYearAriaLabel: 'год',\n selectChosenAriaLabel: 'Выбранный',\n};\n"]}
1	+ {"version":3,"sources":["ru.ts"],"names":["componentsLocales","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","selectChooseAriaLabel"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,oBAAoB,EAAE,OAD2B;AAEjDC,EAAAA,mBAAmB,EAAE,KAF4B;AAGjDC,EAAAA,qBAAqB,EAAE,WAH0B;AAIjDC,EAAAA,qBAAqB,EAAE,SAJ0B,EAA5C","sourcesContent":["import { DateSelectLocale } from '../types';\n\nexport const componentsLocales: DateSelectLocale = {\n selectMonthAriaLabel: 'месяц',\n selectYearAriaLabel: 'год',\n selectChosenAriaLabel: 'Выбранный',\n selectChooseAriaLabel: 'Выбрать',\n};\n"]}

package/internal/DateSelect/locale/types.d.ts CHANGED Viewed

@@ -2,4 +2,5 @@ export interface DateSelectLocale {
     selectMonthAriaLabel?: string;
     selectYearAriaLabel?: string;
     selectChosenAriaLabel?: string;
+    selectChooseAriaLabel?: string;
 }

package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js CHANGED Viewed

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback, useState } from 'react';
 import { useMemoObject } from "../../../hooks/useMemoObject";
 import { useEffectWithoutInitCall } from "../../../hooks/useEffectWithoutInitCall";
-import { FileUploaderFileStatus } from "../fileUtils";
+import { FileUploaderFileStatus, getAttachedFile } from "../fileUtils";
 import { FileUploaderControlContext } from "../FileUploaderControlContext";
 import { useControlLocale } from "../hooks/useControlLocale";
 import { FileUploaderFileValidationResult } from "../FileUploaderFileValidationResult";
@@ -24,12 +24,21 @@ var updateFile = function updateFile(files, fileId, getFileUpdatedProps) {
 };
 export var FileUploaderControlProvider = function FileUploaderControlProvider(props) {
-  var children = props.children,
+  var initialFiles = props.initialFiles,
+      multiple = props.multiple,
+      children = props.children,
       onValueChange = props.onValueChange,
       onRemove = props.onRemove,
       onAttach = props.onAttach;
-  var _useState = useState([]),
+  var _useState = useState(function () {
+    if (initialFiles && initialFiles.length > 0) {
+      var attachedFiles = initialFiles.map(getAttachedFile);
+      return multiple ? attachedFiles : [attachedFiles[0]];
+    }
+    return [];
+  }),
       files = _useState[0],
       setFiles = _useState[1];

package/internal/FileUploaderControl/FileUploaderControlProvider/FileUploaderControlProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["FileUploaderControlProvider.tsx"],"names":["React","useCallback","useState","useMemoObject","useEffectWithoutInitCall","FileUploaderFileStatus","FileUploaderControlContext","useControlLocale","FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","updatedProps","FileUploaderControlProvider","props","children","onValueChange","onRemove","onAttach","setFiles","isMinLengthReached","setIsMinLengthReached","locale","setFileStatus","status","validationResult","Error","error","requestErrorText","handleExternalSetFiles","state","removeFile","filter","setFileValidationResult","reset","displayName"],"mappings":"0DAAA,OAAOA,KAAP,IAAmCC,WAAnC,EAAgDC,QAAhD,QAAgE,OAAhE;;AAEA,SAASC,aAAT,QAA8B,2BAA9B;AACA,SAASC,wBAAT,QAAyC,sCAAzC;;AAEA,SAAmCC,sBAAnC,~~QAAiE~~,~~aAAjE~~;AACA,SAASC,0BAAT,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,0BAAjC;AACA,SAASC,gCAAT,QAAiD,oCAAjD;;;;;;;;;;;AAWA,IAAMC,UAAU,GAAG,SAAbA,UAAa;AACjBC,KADiB;AAEjBC,MAFiB;AAGjBC,mBAHiB;AAIc;AAC/B,MAAMC,SAAS,GAAGH,KAAK,CAACI,SAAN,CAAgB,UAACC,IAAD,UAAUA,IAAI,CAACC,EAAL,KAAYL,MAAtB,EAAhB,CAAlB;AACA,MAAIE,SAAS,KAAK,CAAC,CAAnB,EAAsB;AACpB,WAAOH,KAAP;AACD;;AAED,MAAMO,QAAQ,aAAOP,KAAP,CAAd;AACA,MAAMK,IAAI,GAAGL,KAAK,CAACG,SAAD,CAAlB;;AAEA,MAAMK,YAAY,GAAGN,mBAAmB,CAACG,IAAD,CAAxC;;AAEAE,EAAAA,QAAQ,CAACJ,SAAD,CAAR;AACKE,EAAAA,IADL;AAEKG,EAAAA,YAFL;;;AAKA,SAAOD,QAAP;AACD,CArBD;;AAuBA,OAAO,IAAME,2BAA2B,GAAG,SAA9BA,2BAA8B,~~CAACC,KAAD,EAAgE~~;~~AACzG~~,MAAQC,~~QAAR~~,~~GAAwDD~~,~~KAAxD~~,CAAQC,~~QAAR~~,~~CAAkBC~~,~~aAAlB~~,~~GAAwDF~~,~~KAAxD~~,~~CAAkBE~~,~~aAAlB~~,~~CAAiCC~~,~~QAAjC~~,~~GAAwDH~~,~~KAAxD~~,~~CAAiCG~~,~~QAAjC~~,~~CAA2CC~~,~~QAA3C~~,~~GAAwDJ~~,~~KAAxD~~,~~CAA2CI~~,~~QAA3C~~;;AAEA,~~kBAA0BtB~~,QAAQ,CAA6B,~~EAA7B~~,CAAlC,~~CAAOQ~~,KAAP,~~gBAAce~~,QAAd;~~AACA~~,~~mBAAoDvB~~,QAAQ,CAAU,KAAV,CAA5D,~~CAAOwB~~,kBAAP,iBAA2BC,qBAA3B;AACA,MAAMC,MAAM,~~GAAGrB~~,gBAAgB,EAA/B;;~~AAEAH~~,EAAAA,wBAAwB,CAAC,YAAM;~~AAC7BkB~~,IAAAA,aAAa,QAAb,YAAAA,aAAa,~~CAAGZ~~,KAAH,CAAb;AACD,GAFuB,EAErB,CAACA,KAAD,CAFqB,CAAxB;;AAIA,~~MAAMmB~~,aAAa,~~GAAG5B~~,WAAW;AAC/B,~~YAACU~~,MAAD,~~EAAiBmB~~,MAAjB,EAAoD;AAClDL,IAAAA,QAAQ,CAAC,~~UAACf~~,KAAD;AACPD,QAAAA,UAAU,CAACC,KAAD,EAAQC,MAAR,EAAgB,UAACI,IAAD,UAAW;~~AACnCe~~,YAAAA,MAAM,EAANA,MADmC;AAEnCC,YAAAA,gBAAgB;AACdD,YAAAA,MAAM,~~KAAKzB~~,sBAAsB,~~CAAC2B~~,KAAlC;~~AACIxB~~,YAAAA,gCAAgC,~~CAACyB~~,KAAjC,CAAuCL,MAAM,CAACM,gBAA9C,CADJ;~~AAEInB~~,YAAAA,IAAI,~~CAACgB~~,gBALwB,EAAX,EAAhB,CADH,GAAD,CAAR;;;AASD,GAX8B;AAY/B,GAACH,MAAD,CAZ+B,CAAjC;;;AAeA,MAAMO,sBAAsB,~~GAAGlC~~,WAAW;AACxC,~~YAACS~~,KAAD,EAAuC;~~AACrCc~~,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,~~CAAGd~~,KAAH,CAAR;~~AACAe~~,IAAAA,QAAQ,CAAC,UAACW,KAAD,oBAAeA,KAAf,~~EAAyB1B~~,KAAzB,GAAD,CAAR;AACD,GAJuC;AAKxC,~~GAACc~~,QAAD,CALwC,CAA1C;;;AAQA,~~MAAMa~~,UAAU,~~GAAGpC~~,WAAW;AAC5B,~~YAACU~~,MAAD,EAAoB;~~AAClBY~~,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,~~CAAGZ~~,MAAH,CAAR;~~AACAc~~,IAAAA,QAAQ,CAAC,UAACW,KAAD,UAAWA,KAAK,CAACE,MAAN,CAAa,~~UAACvB~~,IAAD,UAAUA,IAAI,CAACC,EAAL,KAAYL,MAAtB,EAAb,CAAX,EAAD,CAAR;AACD,GAJ2B;AAK5B,~~GAACY~~,QAAD,CAL4B,CAA9B;;;AAQA,~~MAAMgB~~,uBAAuB,~~GAAGtC~~,WAAW,CAAC,~~UAACU~~,MAAD,~~EAAiBoB~~,gBAAjB,EAAwE;AAClHN,IAAAA,QAAQ,CAAC,~~UAACf~~,KAAD,UAAWD,UAAU,CAACC,KAAD,EAAQC,MAAR,EAAgB,oBAAO,~~EAAEoB~~,gBAAgB,EAAhBA,gBAAF,EAAP,EAAhB,CAArB,EAAD,CAAR;AACD,GAF0C,EAExC,EAFwC,CAA3C;;AAIA,MAAMS,KAAK,~~GAAGxC~~,KAAK,CAACC,WAAN,CAAkB,YAAM;~~AACpCwB~~,IAAAA,QAAQ,CAAC,oBAAM,EAAN,EAAD,CAAR;AACD,GAFa,EAEX,EAFW,CAAd;;AAIA;AACE,wBAAC,0BAAD,CAA4B,QAA5B;AACE,MAAA,KAAK,~~EAAEtB~~,aAAa,CAAC;~~AACnB0B~~,QAAAA,aAAa,EAAbA,aADmB;~~AAEnBnB~~,QAAAA,KAAK,EAALA,KAFmB;~~AAGnBe~~,QAAAA,QAAQ,EAAEU,sBAHS;AAInBE,QAAAA,UAAU,EAAVA,UAJmB;AAKnBE,QAAAA,uBAAuB,EAAvBA,uBALmB;AAMnBC,QAAAA,KAAK,EAALA,KANmB;AAOnBd,QAAAA,kBAAkB,EAAlBA,kBAPmB;AAQnBC,QAAAA,qBAAqB,EAArBA,qBARmB,EAAD,CADtB;;;~~AAYGN~~,IAAAA,QAZH,CADF;;;AAgBD,~~CAlEM~~;;~~AAoEPF~~,2BAA2B,~~CAACsB~~,WAA5B,GAA0C,6BAA1C","sourcesContent":["import React, { PropsWithChildren, useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport { FileUploaderAttachedFile, FileUploaderFileStatus } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n /** Срабатывает при выборе файлов /\n onAttach?: (files: FileUploaderAttachedFile[]) => void;\n /* Срабатывает при удалении файла из контрола /\n onRemove?: (fileId: string) => void;\n /* Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n files: FileUploaderAttachedFile[],\n fileId: string,\n getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n const fileIndex = files.findIndex((file) => file.id === fileId);\n if (fileIndex === -1) {\n return files;\n }\n\n const newFiles = [...files];\n const file = files[fileIndex];\n\n const updatedProps = getFileUpdatedProps(file);\n\n newFiles[fileIndex] = {\n ...file,\n ...updatedProps,\n };\n\n return newFiles;\n};\n\nexport const FileUploaderControlProvider = (props: PropsWithChildren<FileUploaderControlProviderProps>) => {\n const { children, onValueChange, onRemove, onAttach } = props;\n\n const [files, setFiles] = useState<FileUploaderAttachedFile[]>([]);\n const [isMinLengthReached, setIsMinLengthReached] = useState<boolean>(false);\n const locale = useControlLocale();\n\n useEffectWithoutInitCall(() => {\n onValueChange?.(files);\n }, [files]);\n\n const setFileStatus = useCallback(\n (fileId: string, status: FileUploaderFileStatus) => {\n setFiles((files) =>\n updateFile(files, fileId, (file) => ({\n status,\n validationResult:\n status === FileUploaderFileStatus.Error\n ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n : file.validationResult,\n })),\n );\n },\n [locale],\n );\n\n const handleExternalSetFiles = useCallback(\n (files: FileUploaderAttachedFile[]) => {\n onAttach?.(files);\n setFiles((state) => [...state, ...files]);\n },\n [onAttach],\n );\n\n const removeFile = useCallback(\n (fileId: string) => {\n onRemove?.(fileId);\n setFiles((state) => state.filter((file) => file.id !== fileId));\n },\n [onRemove],\n );\n\n const setFileValidationResult = useCallback((fileId: string, validationResult: FileUploaderFileValidationResult) => {\n setFiles((files) => updateFile(files, fileId, () => ({ validationResult })));\n }, []);\n\n const reset = React.useCallback(() => {\n setFiles(() => [] as FileUploaderAttachedFile[]);\n }, []);\n\n return (\n <FileUploaderControlContext.Provider\n value={useMemoObject({\n setFileStatus,\n files,\n setFiles: handleExternalSetFiles,\n removeFile,\n setFileValidationResult,\n reset,\n isMinLengthReached,\n setIsMinLengthReached,\n })}\n >\n {children}\n </FileUploaderControlContext.Provider>\n );\n};\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"]}
1	+ {"version":3,"sources":["FileUploaderControlProvider.tsx"],"names":["React","useCallback","useState","useMemoObject","useEffectWithoutInitCall","FileUploaderFileStatus","getAttachedFile","FileUploaderControlContext","useControlLocale","FileUploaderFileValidationResult","updateFile","files","fileId","getFileUpdatedProps","fileIndex","findIndex","file","id","newFiles","updatedProps","FileUploaderControlProvider","props","initialFiles","multiple","children","onValueChange","onRemove","onAttach","length","attachedFiles","map","setFiles","isMinLengthReached","setIsMinLengthReached","locale","setFileStatus","status","validationResult","Error","error","requestErrorText","handleExternalSetFiles","state","removeFile","filter","setFileValidationResult","reset","displayName"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useCallback, useState } from 'react';\n\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { useEffectWithoutInitCall } from '../../hooks/useEffectWithoutInitCall';\n\nimport { FileUploaderAttachedFile, FileUploaderFileStatus, getAttachedFile } from './fileUtils';\nimport { FileUploaderControlContext } from './FileUploaderControlContext';\nimport { useControlLocale } from './hooks/useControlLocale';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport interface FileUploaderControlProviderProps {\n /** Срабатывает при выборе файлов /\n onAttach?: (files: FileUploaderAttachedFile[]) => void;\n /* Срабатывает при удалении файла из контрола /\n onRemove?: (fileId: string) => void;\n /* Срабатывает при onAttach, onRemove и других изменениях файлов. В files передает текущее состояние всего списка файлов */\n onValueChange?: (files: FileUploaderAttachedFile[]) => void;\n}\n\nconst updateFile = (\n files: FileUploaderAttachedFile[],\n fileId: string,\n getFileUpdatedProps: (file: FileUploaderAttachedFile) => Partial<FileUploaderAttachedFile>,\n): FileUploaderAttachedFile[] => {\n const fileIndex = files.findIndex((file) => file.id === fileId);\n if (fileIndex === -1) {\n return files;\n }\n\n const newFiles = [...files];\n const file = files[fileIndex];\n\n const updatedProps = getFileUpdatedProps(file);\n\n newFiles[fileIndex] = {\n ...file,\n ...updatedProps,\n };\n\n return newFiles;\n};\n\nexport const FileUploaderControlProvider = (\n props: PropsWithChildren<\n FileUploaderControlProviderProps & {\n initialFiles?: File[];\n multiple?: boolean;\n }\n >,\n) => {\n const { initialFiles, multiple, children, onValueChange, onRemove, onAttach } = props;\n\n const [files, setFiles] = useState<FileUploaderAttachedFile[]>(() => {\n if (initialFiles && initialFiles.length > 0) {\n const attachedFiles = initialFiles.map(getAttachedFile);\n return multiple ? attachedFiles : [attachedFiles[0]];\n }\n return [];\n });\n const [isMinLengthReached, setIsMinLengthReached] = useState<boolean>(false);\n const locale = useControlLocale();\n\n useEffectWithoutInitCall(() => {\n onValueChange?.(files);\n }, [files]);\n\n const setFileStatus = useCallback(\n (fileId: string, status: FileUploaderFileStatus) => {\n setFiles((files) =>\n updateFile(files, fileId, (file) => ({\n status,\n validationResult:\n status === FileUploaderFileStatus.Error\n ? FileUploaderFileValidationResult.error(locale.requestErrorText)\n : file.validationResult,\n })),\n );\n },\n [locale],\n );\n\n const handleExternalSetFiles = useCallback(\n (files: FileUploaderAttachedFile[]) => {\n onAttach?.(files);\n setFiles((state) => [...state, ...files]);\n },\n [onAttach],\n );\n\n const removeFile = useCallback(\n (fileId: string) => {\n onRemove?.(fileId);\n setFiles((state) => state.filter((file) => file.id !== fileId));\n },\n [onRemove],\n );\n\n const setFileValidationResult = useCallback((fileId: string, validationResult: FileUploaderFileValidationResult) => {\n setFiles((files) => updateFile(files, fileId, () => ({ validationResult })));\n }, []);\n\n const reset = React.useCallback(() => {\n setFiles(() => [] as FileUploaderAttachedFile[]);\n }, []);\n\n return (\n <FileUploaderControlContext.Provider\n value={useMemoObject({\n setFileStatus,\n files,\n setFiles: handleExternalSetFiles,\n removeFile,\n setFileValidationResult,\n reset,\n isMinLengthReached,\n setIsMinLengthReached,\n })}\n >\n {children}\n </FileUploaderControlContext.Provider>\n );\n};\n\nFileUploaderControlProvider.displayName = 'FileUploaderControlProvider';\n"]}

package/internal/FileUploaderControl/FileUploaderControlProvider.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { FileUploaderAttachedFile } from './fileUtils';
 export interface FileUploaderControlProviderProps {
     /** Срабатывает при выборе файлов */
@@ -9,6 +9,9 @@ export interface FileUploaderControlProviderProps {
     onValueChange?: (files: FileUploaderAttachedFile[]) => void;
 }
 export declare const FileUploaderControlProvider: {
-    (props: PropsWithChildren<FileUploaderControlProviderProps>): JSX.Element;
+    (props: React.PropsWithChildren<FileUploaderControlProviderProps & {
+        initialFiles?: File[] | undefined;
+        multiple?: boolean | undefined;
+    }>): JSX.Element;
     displayName: string;
 };

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js CHANGED Viewed

@@ -53,7 +53,8 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
       showSize = props.showSize,
       error = props.error,
       multiple = props.multiple,
-      size = props.size;
+      size = props.size,
+      onRemove = props.onRemove;
   var id = file.id,
       originalFile = file.originalFile,
       status = file.status,
@@ -101,7 +102,8 @@ export var FileUploaderFile = forwardRefAndName('FileUploaderFile', function (pr
   });
   var removeUploadFile = useCallback(function () {
     removeFile(id);
-  }, [removeFile, id]);
+    onRemove(id);
+  }, [removeFile, id, onRemove]);
   var handleRemove = useCallback(function (event) {
     event.preventDefault();
     event.stopPropagation();

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile/FileUploaderFile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["FileUploaderFile.tsx"],"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","globalObject","forwardRefAndName","formatBytes","TextWidthHelper","truncate","FileUploaderControlContext","useEmotion","keyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","useTheme","getStyles","FileUploaderFileStatusIcon","getTruncatedName","fileNameWidth","fileNameElementWidth","name","charWidth","Math","ceil","length","maxCharsCountInSpan","calcTruncatedName","textHelperRef","fileNameElementRef","current","getTextWidth","width","MIN_CHARS_LENGTH","FileUploaderFileDataTids","file","fileTooltip","fileName","fileSize","fileIcon","FileUploaderFile","props","ref","showSize","error","multiple","size","id","originalFile","status","validationResult","hovered","setHovered","focusedByTab","setFocusedByTab","truncatedFileName","setTruncatedFileName","removeFile","setIsMinLengthReached","isMinLengthReached","theme","emotion","styles","formattedSize","truncatedName","removeUploadFile","handleRemove","event","preventDefault","stopPropagation","isValid","message","isInvalid","sizeIconClass","small","iconSmall","medium","iconMedium","large","iconLarge","renderTooltipContent","sizeContentClass","contentSmall","contentMedium","contentLarge","contentClassNames","cx","content","handleMouseEnter","handleMouseLeave","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","handleIconKeyDown","e","iconClassNames","icon","focusedIcon","iconMultiple","isTruncated","root"],"mappings":"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","sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { formatBytes } from '../../../lib/utils';\nimport { TextWidthHelper } from '../../TextWidthHelper/TextWidthHelper';\nimport { truncate } from '../../../lib/stringUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { useEmotion } from '../../../lib/theming/Emotion';\nimport { keyListener } from '../../../lib/events/keyListener';\nimport { isKeyEnter } from '../../../lib/events/keyboard/identifiers';\nimport { Nullable } from '../../../typings/utility-types';\nimport { Hint } from '../../../components/Hint';\nimport { Tooltip } from '../../../components/Tooltip';\nimport { getDOMRect } from '../../../lib/dom/getDOMRect';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\nimport { useTheme } from '../../../lib/theming/useTheme';\n\nimport { getStyles } from './FileUploaderFile.styles';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon';\n\ninterface FileUploaderFileProps {\n file: FileUploaderAttachedFile;\n showSize?: boolean;\n multiple?: boolean;\n size: SizeProp;\n /** Состояние ошибки контрола файла */\n error?: boolean;\n}\n\nconst getTruncatedName = (fileNameWidth: number, fileNameElementWidth: number, name: string) => {\n if (!fileNameWidth && !fileNameElementWidth) {\n return null;\n }\n\n if (fileNameWidth <= fileNameElementWidth) {\n return name;\n }\n\n const charWidth = Math.ceil(fileNameWidth / name.length);\n const maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);\n\n return truncate(name, maxCharsCountInSpan);\n};\n\nconst calcTruncatedName = (\n textHelperRef: React.RefObject<TextWidthHelper>,\n fileNameElementRef: React.RefObject<HTMLSpanElement>,\n name: string,\n) => {\n const fileNameWidth = textHelperRef.current?.getTextWidth() \|\| 0;\n const fileNameElementWidth = getDOMRect(fileNameElementRef.current).width;\n\n return getTruncatedName(fileNameWidth, fileNameElementWidth, name);\n};\n\nconst MIN_CHARS_LENGTH = 3;\n\nexport const FileUploaderFileDataTids = {\n file: 'FileUploader__file',\n fileTooltip: 'FileUploader__fileTooltip',\n fileName: 'FileUploader__fileName',\n fileSize: 'FileUploader__fileSize',\n fileIcon: 'FileUploader__fileIcon',\n} as const;\n\nexport const FileUploaderFile = forwardRefAndName<HTMLDivElement, FileUploaderFileProps>(\n 'FileUploaderFile',\n (props, ref) => {\n const { file, showSize, error, multiple, size } = props;\n const { id, originalFile, status, validationResult } = file;\n const { name, size: fileSize } = originalFile;\n\n const [hovered, setHovered] = useState<boolean>(false);\n const [focusedByTab, setFocusedByTab] = useState(false);\n const [truncatedFileName, setTruncatedFileName] = useState<Nullable<string>>(null);\n\n const textHelperRef = useRef<TextWidthHelper>(null);\n const fileNameElementRef = useRef<HTMLSpanElement>(null);\n\n const { removeFile, setIsMinLengthReached, isMinLengthReached } = useContext(FileUploaderControlContext);\n const theme = useTheme();\n const emotion = useEmotion();\n const styles = getStyles(emotion);\n\n const formattedSize = useMemo(() => formatBytes(fileSize, 1), [fileSize]);\n\n useEffect(() => {\n if (setIsMinLengthReached) {\n const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n setIsMinLengthReached((truncatedName?.length ?? 0) <= MIN_CHARS_LENGTH);\n }\n }, [name, isMinLengthReached]);\n\n useEffect(() => {\n const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n setTruncatedFileName(truncatedName);\n });\n\n const removeUploadFile = useCallback(() => {\n removeFile(id);\n }, [removeFile, id]);\n\n const handleRemove = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n event.preventDefault();\n event.stopPropagation();\n removeUploadFile();\n },\n [removeUploadFile],\n );\n\n const { isValid, message } = validationResult;\n\n const isInvalid = error \|\| !isValid;\n\n const sizeIconClass = useFileUploaderSize(size, {\n small: styles.iconSmall(),\n medium: styles.iconMedium(),\n large: styles.iconLarge(),\n });\n\n const renderTooltipContent = useCallback((): ReactNode => {\n return !isValid && !error && message ? message : null;\n }, [isValid, error, message]);\n\n const sizeContentClass = useFileUploaderSize(size, {\n small: styles.contentSmall(theme),\n medium: styles.contentMedium(theme),\n large: styles.contentLarge(theme),\n });\n\n const contentClassNames = emotion.cx(styles.content(), {\n [sizeContentClass]: true,\n [styles.error(theme)]: isInvalid,\n });\n\n const handleMouseEnter = useCallback(() => {\n setHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setHovered(false);\n }, []);\n\n const handleFocus = useCallback(() => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n }, []);\n\n const handleBlur = useCallback(() => {\n setFocusedByTab(false);\n }, []);\n\n const handleIconKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (isKeyEnter(e)) {\n removeUploadFile();\n }\n },\n [removeUploadFile],\n );\n\n const iconClassNames = emotion.cx(styles.icon(theme), {\n [styles.focusedIcon(theme)]: focusedByTab,\n [sizeIconClass]: true,\n [styles.iconMultiple()]: multiple,\n });\n\n const isTruncated = truncatedFileName !== name;\n\n return (\n <div\n data-tid={FileUploaderFileDataTids.file}\n className={styles.root()}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n >\n <Tooltip data-tid={FileUploaderFileDataTids.fileTooltip} pos=\"right middle\" render={renderTooltipContent}>\n <div className={contentClassNames}>\n <TextWidthHelper ref={textHelperRef} text={name} />\n <Hint maxWidth={'100%'} text={isTruncated ? name : null}>\n <span data-tid={FileUploaderFileDataTids.fileName} ref={fileNameElementRef} className={styles.name()}>\n {truncatedFileName}\n </span>\n </Hint>\n {!!showSize && formattedSize && (\n <span data-tid={FileUploaderFileDataTids.fileSize} className={styles.size()}>\n {formattedSize}\n </span>\n )}\n <div\n className={iconClassNames}\n data-tid={FileUploaderFileDataTids.fileIcon}\n tabIndex={0}\n onClick={handleRemove}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleIconKeyDown}\n >\n <FileUploaderFileStatusIcon\n status={status}\n hovered={hovered}\n focusedByTab={focusedByTab}\n isInvalid={isInvalid}\n size={size}\n />\n </div>\n </div>\n </Tooltip>\n </div>\n );\n },\n);\n"]}
1	+ {"version":3,"sources":["FileUploaderFile.tsx"],"names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","globalObject","forwardRefAndName","formatBytes","TextWidthHelper","truncate","FileUploaderControlContext","useEmotion","keyListener","isKeyEnter","Hint","Tooltip","getDOMRect","useFileUploaderSize","useTheme","getStyles","FileUploaderFileStatusIcon","getTruncatedName","fileNameWidth","fileNameElementWidth","name","charWidth","Math","ceil","length","maxCharsCountInSpan","calcTruncatedName","textHelperRef","fileNameElementRef","current","getTextWidth","width","MIN_CHARS_LENGTH","FileUploaderFileDataTids","file","fileTooltip","fileName","fileSize","fileIcon","FileUploaderFile","props","ref","showSize","error","multiple","size","onRemove","id","originalFile","status","validationResult","hovered","setHovered","focusedByTab","setFocusedByTab","truncatedFileName","setTruncatedFileName","removeFile","setIsMinLengthReached","isMinLengthReached","theme","emotion","styles","formattedSize","truncatedName","removeUploadFile","handleRemove","event","preventDefault","stopPropagation","isValid","message","isInvalid","sizeIconClass","small","iconSmall","medium","iconMedium","large","iconLarge","renderTooltipContent","sizeContentClass","contentSmall","contentMedium","contentLarge","contentClassNames","cx","content","handleMouseEnter","handleMouseLeave","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","handleIconKeyDown","e","iconClassNames","icon","focusedIcon","iconMultiple","isTruncated","root"],"mappings":"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","sourcesContent":["import React, { ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { formatBytes } from '../../../lib/utils';\nimport { TextWidthHelper } from '../../TextWidthHelper/TextWidthHelper';\nimport { truncate } from '../../../lib/stringUtils';\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { useEmotion } from '../../../lib/theming/Emotion';\nimport { keyListener } from '../../../lib/events/keyListener';\nimport { isKeyEnter } from '../../../lib/events/keyboard/identifiers';\nimport { Nullable } from '../../../typings/utility-types';\nimport { Hint } from '../../../components/Hint';\nimport { Tooltip } from '../../../components/Tooltip';\nimport { getDOMRect } from '../../../lib/dom/getDOMRect';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\nimport { useTheme } from '../../../lib/theming/useTheme';\n\nimport { getStyles } from './FileUploaderFile.styles';\nimport { FileUploaderFileStatusIcon } from './FileUploaderFileStatusIcon';\n\ninterface FileUploaderFileProps {\n file: FileUploaderAttachedFile;\n showSize?: boolean;\n multiple?: boolean;\n size: SizeProp;\n /** Состояние ошибки контрола файла */\n error?: boolean;\n onRemove(id: string): void;\n}\n\nconst getTruncatedName = (fileNameWidth: number, fileNameElementWidth: number, name: string) => {\n if (!fileNameWidth && !fileNameElementWidth) {\n return null;\n }\n\n if (fileNameWidth <= fileNameElementWidth) {\n return name;\n }\n\n const charWidth = Math.ceil(fileNameWidth / name.length);\n const maxCharsCountInSpan = Math.ceil(fileNameElementWidth / charWidth);\n\n return truncate(name, maxCharsCountInSpan);\n};\n\nconst calcTruncatedName = (\n textHelperRef: React.RefObject<TextWidthHelper>,\n fileNameElementRef: React.RefObject<HTMLSpanElement>,\n name: string,\n) => {\n const fileNameWidth = textHelperRef.current?.getTextWidth() \|\| 0;\n const fileNameElementWidth = getDOMRect(fileNameElementRef.current).width;\n\n return getTruncatedName(fileNameWidth, fileNameElementWidth, name);\n};\n\nconst MIN_CHARS_LENGTH = 3;\n\nexport const FileUploaderFileDataTids = {\n file: 'FileUploader__file',\n fileTooltip: 'FileUploader__fileTooltip',\n fileName: 'FileUploader__fileName',\n fileSize: 'FileUploader__fileSize',\n fileIcon: 'FileUploader__fileIcon',\n} as const;\n\nexport const FileUploaderFile = forwardRefAndName<HTMLDivElement, FileUploaderFileProps>(\n 'FileUploaderFile',\n (props, ref) => {\n const { file, showSize, error, multiple, size, onRemove } = props;\n const { id, originalFile, status, validationResult } = file;\n const { name, size: fileSize } = originalFile;\n\n const [hovered, setHovered] = useState<boolean>(false);\n const [focusedByTab, setFocusedByTab] = useState(false);\n const [truncatedFileName, setTruncatedFileName] = useState<Nullable<string>>(null);\n\n const textHelperRef = useRef<TextWidthHelper>(null);\n const fileNameElementRef = useRef<HTMLSpanElement>(null);\n\n const { removeFile, setIsMinLengthReached, isMinLengthReached } = useContext(FileUploaderControlContext);\n const theme = useTheme();\n const emotion = useEmotion();\n const styles = getStyles(emotion);\n\n const formattedSize = useMemo(() => formatBytes(fileSize, 1), [fileSize]);\n\n useEffect(() => {\n if (setIsMinLengthReached) {\n const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n setIsMinLengthReached((truncatedName?.length ?? 0) <= MIN_CHARS_LENGTH);\n }\n }, [name, isMinLengthReached]);\n\n useEffect(() => {\n const truncatedName = calcTruncatedName(textHelperRef, fileNameElementRef, name);\n\n setTruncatedFileName(truncatedName);\n });\n\n const removeUploadFile = useCallback(() => {\n removeFile(id);\n onRemove(id);\n }, [removeFile, id, onRemove]);\n\n const handleRemove = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n event.preventDefault();\n event.stopPropagation();\n removeUploadFile();\n },\n [removeUploadFile],\n );\n\n const { isValid, message } = validationResult;\n\n const isInvalid = error \|\| !isValid;\n\n const sizeIconClass = useFileUploaderSize(size, {\n small: styles.iconSmall(),\n medium: styles.iconMedium(),\n large: styles.iconLarge(),\n });\n\n const renderTooltipContent = useCallback((): ReactNode => {\n return !isValid && !error && message ? message : null;\n }, [isValid, error, message]);\n\n const sizeContentClass = useFileUploaderSize(size, {\n small: styles.contentSmall(theme),\n medium: styles.contentMedium(theme),\n large: styles.contentLarge(theme),\n });\n\n const contentClassNames = emotion.cx(styles.content(), {\n [sizeContentClass]: true,\n [styles.error(theme)]: isInvalid,\n });\n\n const handleMouseEnter = useCallback(() => {\n setHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setHovered(false);\n }, []);\n\n const handleFocus = useCallback(() => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n }, []);\n\n const handleBlur = useCallback(() => {\n setFocusedByTab(false);\n }, []);\n\n const handleIconKeyDown = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (isKeyEnter(e)) {\n removeUploadFile();\n }\n },\n [removeUploadFile],\n );\n\n const iconClassNames = emotion.cx(styles.icon(theme), {\n [styles.focusedIcon(theme)]: focusedByTab,\n [sizeIconClass]: true,\n [styles.iconMultiple()]: multiple,\n });\n\n const isTruncated = truncatedFileName !== name;\n\n return (\n <div\n data-tid={FileUploaderFileDataTids.file}\n className={styles.root()}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={ref}\n >\n <Tooltip data-tid={FileUploaderFileDataTids.fileTooltip} pos=\"right middle\" render={renderTooltipContent}>\n <div className={contentClassNames}>\n <TextWidthHelper ref={textHelperRef} text={name} />\n <Hint maxWidth={'100%'} text={isTruncated ? name : null}>\n <span data-tid={FileUploaderFileDataTids.fileName} ref={fileNameElementRef} className={styles.name()}>\n {truncatedFileName}\n </span>\n </Hint>\n {!!showSize && formattedSize && (\n <span data-tid={FileUploaderFileDataTids.fileSize} className={styles.size()}>\n {formattedSize}\n </span>\n )}\n <div\n className={iconClassNames}\n data-tid={FileUploaderFileDataTids.fileIcon}\n tabIndex={0}\n onClick={handleRemove}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleIconKeyDown}\n >\n <FileUploaderFileStatusIcon\n status={status}\n hovered={hovered}\n focusedByTab={focusedByTab}\n isInvalid={isInvalid}\n size={size}\n />\n </div>\n </div>\n </Tooltip>\n </div>\n );\n },\n);\n"]}

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ interface FileUploaderFileProps {
     size: SizeProp;
     /** Состояние ошибки контрола файла */
     error?: boolean;
+    onRemove(id: string): void;
 }
 export declare const FileUploaderFileDataTids: {
     readonly file: "FileUploader__file";

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js CHANGED Viewed

@@ -10,7 +10,8 @@ export var FileUploaderFileDataTids = {
 };
 export var FileUploaderFileList = function FileUploaderFileList(props) {
   var renderFile = props.renderFile,
-      size = props.size;
+      size = props.size,
+      onRemove = props.onRemove;
   var _useContext = useContext(FileUploaderControlContext),
       files = _useContext.files;
@@ -35,7 +36,8 @@ export var FileUploaderFileList = function FileUploaderFileList(props) {
       file: file,
       showSize: true,
       multiple: true,
-      size: size
+      size: size,
+      onRemove: onRemove
     }))));
   }));
 };

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList/FileUploaderFileList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["FileUploaderFileList.tsx"],"names":["React","useContext","FileUploaderControlContext","FileUploaderFile","useEmotion","useFileUploaderSize","useTheme","getStyles","FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","files","theme","emotion","styles","fileWrapperClass","small","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","map","file","id","cx","fileWrapper","__KONTUR_REACT_UI__","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,0BAAT,QAA2C,+BAA3C;AACA,SAASC,gBAAT,QAAiC,sCAAjC;;AAEA,SAASC,UAAT,QAA2B,8BAA3B;AACA,SAASC,mBAAT,QAAoC,8BAApC;;AAEA,SAASC,QAAT,QAAyB,+BAAzB;;AAEA,SAASC,SAAT,QAA0B,+BAA1B~~;;;;;;;AAOA~~,OAAO,IAAMC,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,wBAD4B,EAAjC;;;AAIP,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,~~GAA6BD~~,~~KAA7B~~,CAAQC,UAAR,CAAoBC,IAApB,~~GAA6BF~~,~~KAA7B~~,CAAoBE,IAApB;AACA,~~oBAAkBZ~~,UAAU,CAACC,0BAAD,CAA5B,~~CAAQY~~,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,~~GAAGT~~,QAAQ,EAAtB;AACA,~~MAAMU~~,OAAO,~~GAAGZ~~,UAAU,EAA1B;AACA,~~MAAMa~~,MAAM,~~GAAGV~~,SAAS,~~CAACS~~,OAAD,CAAxB;;AAEA,MAAME,gBAAgB,~~GAAGb~~,mBAAmB,CAACQ,IAAD,EAAO;~~AACjDM~~,IAAAA,KAAK,EAAEF,MAAM,CAACG,gBAAP,CAAwBL,KAAxB,CAD0C;AAEjDM,IAAAA,MAAM,EAAEJ,MAAM,CAACK,iBAAP,CAAyBP,KAAzB,CAFyC;AAGjDQ,IAAAA,KAAK,EAAEN,MAAM,CAACO,gBAAP,CAAwBT,KAAxB,CAH0C,EAAP,CAA5C;;;AAMA;AACE,iCAAK,~~YAAUP~~,wBAAwB,CAACC,QAAxC;~~AACGK~~,IAAAA,KAAK,CAACW,GAAN,CAAU,UAACC,IAAD;AACT,qCAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAEX,OAAO,CAACY,EAAR,CAAWX,MAAM,CAACY,WAAP,CAAmBd,KAAnB,CAAX,EAAsCG,gBAAtC,CAA9B;AACE,qCAAK,SAAS,EAAED,MAAM,CAACS,IAAP,EAAhB;~~AACGd~~,QAAAA,UAAU,~~CAACc~~,IAAD,eAAO,oBAAC,gBAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,EAAuC,QAAQ,MAA/C,EAAgD,IAAI,~~EAAEb~~,IAAtD,GAAP,CADb,CADF,CADS,GAAV,CADH,CADF;;;;;;AAWD,CAxBM;;~~AA0BPH~~,oBAAoB,~~CAACoB~~,mBAArB,GAA2C,sBAA3C;~~AACApB~~,oBAAoB,~~CAACqB~~,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { useEmotion } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\nimport { useTheme } from '../../../lib/theming/useTheme';\n\nimport { getStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n size: SizeProp;\n}\n\nexport const FileUploaderFileDataTids = {\n fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n const { renderFile, size } = props;\n const { files } = useContext(FileUploaderControlContext);\n const theme = useTheme();\n const emotion = useEmotion();\n const styles = getStyles(emotion);\n\n const fileWrapperClass = useFileUploaderSize(size, {\n small: styles.fileWrapperSmall(theme),\n medium: styles.fileWrapperMedium(theme),\n large: styles.fileWrapperLarge(theme),\n });\n\n return (\n <div data-tid={FileUploaderFileDataTids.fileList}>\n {files.map((file) => (\n <div key={file.id} className={emotion.cx(styles.fileWrapper(theme), fileWrapperClass)}>\n <div className={styles.file()}>\n {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} />)}\n </div>\n </div>\n ))}\n </div>\n );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}
1	+ {"version":3,"sources":["FileUploaderFileList.tsx"],"names":["React","useContext","FileUploaderControlContext","FileUploaderFile","useEmotion","useFileUploaderSize","useTheme","getStyles","FileUploaderFileDataTids","fileList","FileUploaderFileList","props","renderFile","size","onRemove","files","theme","emotion","styles","fileWrapperClass","small","fileWrapperSmall","medium","fileWrapperMedium","large","fileWrapperLarge","map","file","id","cx","fileWrapper","__KONTUR_REACT_UI__","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,0BAAT,QAA2C,+BAA3C;AACA,SAASC,gBAAT,QAAiC,sCAAjC;;AAEA,SAASC,UAAT,QAA2B,8BAA3B;AACA,SAASC,mBAAT,QAAoC,8BAApC;;AAEA,SAASC,QAAT,QAAyB,+BAAzB;;AAEA,SAASC,SAAT,QAA0B,+BAA1B;;;;;;;;AAQA,OAAO,IAAMC,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,wBAD4B,EAAjC;;;AAIP,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAsC;AACxE,MAAQC,UAAR,GAAuCD,KAAvC,CAAQC,UAAR,CAAoBC,IAApB,GAAuCF,KAAvC,CAAoBE,IAApB,CAA0BC,QAA1B,GAAuCH,KAAvC,CAA0BG,QAA1B;AACA,oBAAkBb,UAAU,CAACC,0BAAD,CAA5B,CAAQa,KAAR,eAAQA,KAAR;AACA,MAAMC,KAAK,GAAGV,QAAQ,EAAtB;AACA,MAAMW,OAAO,GAAGb,UAAU,EAA1B;AACA,MAAMc,MAAM,GAAGX,SAAS,CAACU,OAAD,CAAxB;;AAEA,MAAME,gBAAgB,GAAGd,mBAAmB,CAACQ,IAAD,EAAO;AACjDO,IAAAA,KAAK,EAAEF,MAAM,CAACG,gBAAP,CAAwBL,KAAxB,CAD0C;AAEjDM,IAAAA,MAAM,EAAEJ,MAAM,CAACK,iBAAP,CAAyBP,KAAzB,CAFyC;AAGjDQ,IAAAA,KAAK,EAAEN,MAAM,CAACO,gBAAP,CAAwBT,KAAxB,CAH0C,EAAP,CAA5C;;;AAMA;AACE,iCAAK,YAAUR,wBAAwB,CAACC,QAAxC;AACGM,IAAAA,KAAK,CAACW,GAAN,CAAU,UAACC,IAAD;AACT,qCAAK,GAAG,EAAEA,IAAI,CAACC,EAAf,EAAmB,SAAS,EAAEX,OAAO,CAACY,EAAR,CAAWX,MAAM,CAACY,WAAP,CAAmBd,KAAnB,CAAX,EAAsCG,gBAAtC,CAA9B;AACE,qCAAK,SAAS,EAAED,MAAM,CAACS,IAAP,EAAhB;AACGf,QAAAA,UAAU,CAACe,IAAD,eAAO,oBAAC,gBAAD,IAAkB,IAAI,EAAEA,IAAxB,EAA8B,QAAQ,MAAtC,EAAuC,QAAQ,MAA/C,EAAgD,IAAI,EAAEd,IAAtD,EAA4D,QAAQ,EAAEC,QAAtE,GAAP,CADb,CADF,CADS,GAAV,CADH,CADF;;;;;;AAWD,CAxBM;;AA0BPJ,oBAAoB,CAACqB,mBAArB,GAA2C,sBAA3C;AACArB,oBAAoB,CAACsB,WAArB,GAAmC,sBAAnC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { FileUploaderControlContext } from '../FileUploaderControlContext';\nimport { FileUploaderFile } from '../FileUploaderFile/FileUploaderFile';\nimport { FileUploaderAttachedFile } from '../fileUtils';\nimport { useEmotion } from '../../../lib/theming/Emotion';\nimport { useFileUploaderSize } from '../hooks/useFileUploaderSize';\nimport { SizeProp } from '../../../lib/types/props';\nimport { useTheme } from '../../../lib/theming/useTheme';\n\nimport { getStyles } from './FileUploaderFileList.styles';\n\ninterface FileUploaderFileListProps {\n renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n size: SizeProp;\n onRemove(fileId: string): void;\n}\n\nexport const FileUploaderFileDataTids = {\n fileList: 'FileUploader__fileList',\n} as const;\n\nexport const FileUploaderFileList = (props: FileUploaderFileListProps) => {\n const { renderFile, size, onRemove } = props;\n const { files } = useContext(FileUploaderControlContext);\n const theme = useTheme();\n const emotion = useEmotion();\n const styles = getStyles(emotion);\n\n const fileWrapperClass = useFileUploaderSize(size, {\n small: styles.fileWrapperSmall(theme),\n medium: styles.fileWrapperMedium(theme),\n large: styles.fileWrapperLarge(theme),\n });\n\n return (\n <div data-tid={FileUploaderFileDataTids.fileList}>\n {files.map((file) => (\n <div key={file.id} className={emotion.cx(styles.fileWrapper(theme), fileWrapperClass)}>\n <div className={styles.file()}>\n {renderFile(file, <FileUploaderFile file={file} showSize multiple size={size} onRemove={onRemove} />)}\n </div>\n </div>\n ))}\n </div>\n );\n};\n\nFileUploaderFileList.__KONTUR_REACT_UI__ = 'FileUploaderFileList';\nFileUploaderFileList.displayName = 'FileUploaderFileList';\n"]}

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ import { SizeProp } from '../../../lib/types/props';
 interface FileUploaderFileListProps {
     renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
     size: SizeProp;
+    onRemove(fileId: string): void;
 }
 export declare const FileUploaderFileDataTids: {
     readonly fileList: "FileUploader__fileList";