npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b08da15166 → 0.0.0-b5a1896fa9 - Mend

@skbkontur/react-ui 0.0.0-b08da15166 → 0.0.0-b5a1896fa9

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 (2163) hide show

package/components/Tooltip/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","isNullable","ThemeFactory","DefaultPosition","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","responsiveLayout","rootNode","styles","Positions","Tooltip","state","opened","focused","hoverTimeout","contentElement","positions","clickedOutside","popupRef","createRef","renderContent","content","props","render","refContent","tooltipContent","theme","renderCloseButton","getAnchorElement","current","anchorElement","mobileCloseHandler","trigger","close","node","open","setState","handleMouseEnter","event","isHoverAnchor","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","isMobileLayout","relatedTarget","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","componentDidUpdate","prevProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","create","popupPinOffset","tooltipPinOffset","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","cross","show","hide","getProps","popupProps","layerProps","active","children","popup","renderPopup","setRootNode","disableAnimations","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","clearTimeout","Element","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray","defaultProps","closeOnChildrenMouseLeave"],"mappings":"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","sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport isEqual from 'lodash.isequal';\n\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DefaultPosition, Popup, PopupProps, PopupPositionsType } from '../../internal/Popup';\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\n\nimport { styles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n /** Наведение на children и на тултип /\n \| 'hover'\n /* Клик на children /\n \| 'click'\n /* Фокус на children /\n \| 'focus'\n /* Наведение на children и на тултип и фокус на children /\n \| 'hover&focus'\n /* Просто открыт /\n \| 'opened'\n /* Просто закрыт /\n \| 'closed'\n /* Наведение ТОЛЬКО на children, а не на тултип /\n \| 'hoverAnchor'\n /* Управление через публичные функции show и hide /\n \| 'manual';\n\nexport interface TooltipProps extends CommonProps {\n /\n Относительно какого элемента позиционировать тултип\n /\n anchorElement?: HTMLElement;\n\n /\n Если не указан `anchorElement` то тултип будет позиционироваться\n * относительно дочерних элементов\n /\n children?: React.ReactNode;\n\n className?: string;\n\n /\n Показывать крестик для закрытия тултипа. По-умолчанию крестик\n * показывается если проп trigger не `hover` и не `focus`.\n /\n closeButton?: boolean;\n\n /\n Функция, которая возвращает содержимое тултипа.\n \n Если эта функция вернула `null`, то тултип не показывается.\n /\n render?: Nullable<() => React.ReactNode>;\n\n /\n Значение по умолчанию: `\"top left\"`.\n /\n pos: PopupPositionsType;\n\n /\n Триггер открытия тултипа\n * ```ts\n * type TooltipTrigger =\n * \| 'hover'\n * \| 'click'\n * \| 'focus'\n * \| 'hover&focus'\n * \| 'opened'\n * \| 'closed'\n * \| 'hoverAnchor'\n * \| 'manual';\n * ```\n /\n trigger: TooltipTrigger;\n\n /\n Хэндлер, вызываемый при клике по крестику\n /\n onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n /\n Хэндлер, вызываемый при клике по крестику или\n * снаружи тултипа\n /\n onCloseRequest?: () => void;\n\n /\n Хэндлер, вызываемый при закрытии тултипа\n /\n onClose?: () => void;\n\n /\n Хэндлер, вызываемый при открытии тултипа\n /\n onOpen?: () => void;\n\n /\n Список позиций, которые тултип будет занимать.\n * Если положение тултипа в определенной позиции\n * будет выходить за край экрана, то будет выбрана\n * следующая позиция. Обязательно должен включать\n * позицию указанную в `pos`\n /\n allowedPositions: PopupPositionsType[];\n\n /\n Флаг отключения анимации.\n * @default false\n /\n disableAnimations: boolean;\n\n /\n Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n \n _Примечание_: при двух и более вложенных элементах обёртка будет добавлена автоматически.\n /\n useWrapper: boolean;\n}\n\nexport interface TooltipState {\n opened: boolean;\n focused: boolean;\n}\n\nconst Positions: PopupPositionsType[] = [\n 'right bottom',\n 'right middle',\n 'right top',\n 'top right',\n 'top center',\n 'top left',\n 'left top',\n 'left middle',\n 'left bottom',\n 'bottom left',\n 'bottom center',\n 'bottom right',\n];\n\n@rootNode\n@responsiveLayout\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n public static __KONTUR_REACT_UI__ = 'Tooltip';\n\n private isMobileLayout!: boolean;\n\n public static propTypes = {\n children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n const children = props[propName];\n warning(\n children \|\| props.anchorElement,\n `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n );\n warning(\n !(Array.isArray(children) && props.useWrapper === false),\n `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n );\n },\n };\n\n public static defaultProps = {\n pos: DefaultPosition,\n trigger: 'hover',\n allowedPositions: Positions,\n disableAnimations: isTestEnv,\n useWrapper: false,\n closeOnChildrenMouseLeave: false,\n };\n\n public static delay = 100;\n private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n public state: TooltipState = { opened: false, focused: false };\n private theme!: Theme;\n private hoverTimeout: Nullable<number> = null;\n private contentElement: Nullable<HTMLElement> = null;\n private positions: Nullable<PopupPositionsType[]> = null;\n private clickedOutside = true;\n private setRootNode!: TSetRootNode;\n\n private popupRef = React.createRef<Popup>();\n public componentDidUpdate(prevProps: TooltipProps) {\n if (this.props.trigger === 'closed' && this.state.opened) {\n this.close();\n }\n\n const { allowedPositions, pos } = this.props;\n const posChanged = prevProps.pos !== pos;\n const allowedChanged = !isEqual(prevProps.allowedPositions, allowedPositions);\n\n if (posChanged \|\| allowedChanged) {\n this.positions = null;\n }\n }\n\n public componentWillUnmount() {\n this.clearHoverTimeout();\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupPinOffset: theme.tooltipPinOffset,\n popupMargin: theme.tooltipMargin,\n popupBorder: theme.tooltipBorder,\n popupBorderRadius: theme.tooltipBorderRadius,\n popupPinSize: theme.tooltipPinSize,\n popupPinOffsetX: theme.tooltipPinOffsetX,\n popupPinOffsetY: theme.tooltipPinOffsetY,\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderContent = () => {\n const content = this.props.render ? this.props.render() : null;\n if (isNullable(content)) {\n return null;\n }\n\n return (\n <div ref={this.refContent} className={styles.tooltipContent(this.theme)}>\n {content}\n {this.renderCloseButton()}\n </div>\n );\n };\n\n public renderCloseButton() {\n const hasCross =\n this.props.closeButton === undefined\n ? !Tooltip.triggersWithoutCloseButton.includes(this.props.trigger)\n : this.props.closeButton;\n\n if (!hasCross \|\| this.isMobileLayout) {\n return null;\n }\n\n return (\n <div className={styles.cross(this.theme)} onClick={this.handleCloseButtonClick}>\n <CrossIcon />\n </div>\n );\n }\n\n public getAnchorElement = (): Nullable<HTMLElement> => {\n return this.popupRef.current?.anchorElement;\n };\n\n /\n Программно открывает тултип.\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\n * @public\n /\n public show() {\n if (this.state.opened) {\n return;\n }\n if (this.props.trigger === 'opened' \|\| this.props.trigger === 'closed') {\n warning(true, `Function 'show' is not supported with trigger specified '${this.props.trigger}'`);\n return;\n }\n this.open();\n }\n\n /\n Программно закрывает тултип.\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\n * @public\n */\n public hide() {\n if (this.props.trigger === 'opened' \|\| this.props.trigger === 'closed') {\n warning(true, `Function 'hide' is not supported with trigger specified '${this.props.trigger}'`);\n return;\n }\n this.close();\n }\n\n private renderMain() {\n const props = this.props;\n const content = this.renderContent();\n const { popupProps, layerProps = { active: false } } = this.getProps();\n const anchorElement = props.children \|\| props.anchorElement;\n const popup = this.renderPopup(anchorElement, popupProps, content);\n\n if (this.isMobileLayout) {\n return popup;\n }\n\n return (\n <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n {popup}\n </RenderLayer>\n );\n }\n\n private renderPopup(\n anchorElement: React.ReactNode \| HTMLElement,\n popupProps: Partial<PopupProps>,\n content: JSX.Element \| null,\n ) {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <Popup\n anchorElement={anchorElement}\n hasPin\n hasShadow\n maxWidth=\"none\"\n opened={this.state.opened}\n disableAnimations={this.props.disableAnimations}\n positions={this.getPositions()}\n ignoreHover={this.props.trigger === 'hoverAnchor'}\n onOpen={this.props.onOpen}\n onClose={this.props.onClose}\n mobileOnCloseRequest={this.mobileCloseHandler}\n tryPreserveFirstRenderedPosition\n ref={this.popupRef}\n {...popupProps}\n >\n {content}\n </Popup>\n </CommonWrapper>\n );\n }\n\n private mobileCloseHandler = () => {\n if (this.props.trigger === 'manual' \|\| this.props.trigger === 'closed' \|\| this.props.trigger === 'opened') {\n return;\n }\n\n this.close();\n };\n\n private refContent = (node: HTMLElement \| null) => {\n this.contentElement = node;\n };\n\n private getPositions() {\n if (!this.positions) {\n const allowedPositions = this.props.allowedPositions;\n const index = allowedPositions.indexOf(this.props.pos);\n if (index === -1) {\n throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\n }\n\n this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\n }\n\n return this.positions;\n }\n\n private getProps(): {\n layerProps?: Partial<RenderLayerProps>;\n popupProps: Partial<PopupProps>;\n } {\n const props = this.props;\n const useWrapper = !!props.children && props.useWrapper;\n\n switch (this.props.trigger) {\n case 'opened':\n return {\n layerProps: {\n active: true,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n opened: true,\n useWrapper,\n },\n };\n\n case 'closed':\n return {\n popupProps: {\n opened: false,\n useWrapper,\n },\n };\n\n case 'hoverAnchor':\n case 'hover':\n return {\n popupProps: {\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n useWrapper,\n },\n };\n case 'manual':\n return {\n popupProps: {\n useWrapper,\n },\n };\n case 'click':\n return {\n layerProps: {\n active: this.state.opened,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n onClick: this.handleClick,\n useWrapper,\n },\n };\n\n case 'focus':\n return {\n popupProps: {\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n useWrapper,\n },\n };\n\n case 'hover&focus':\n return {\n layerProps: {\n active: this.state.opened,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n useWrapper,\n },\n };\n\n default:\n throw new Error('Unknown trigger specified: ' + props.trigger);\n }\n }\n\n private open = () => this.setState({ opened: true });\n\n private close = () => this.setState({ opened: false });\n\n private clearHoverTimeout() {\n if (this.hoverTimeout) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = null;\n }\n }\n\n private handleMouseEnter = (event: MouseEventType) => {\n const isHoverAnchor = this.props.trigger === 'hoverAnchor';\n if (isHoverAnchor && event.target === this.contentElement) {\n return;\n }\n\n this.clearHoverTimeout();\n\n this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\n };\n\n private handleMouseLeave = (event: MouseEventType) => {\n if (this.isMobileLayout) {\n return;\n }\n\n if (\n (this.props.trigger === 'hover&focus' && this.state.focused) \|\|\n (this.props.trigger === 'hover' && event.relatedTarget === this.contentElement)\n ) {\n return;\n }\n\n this.clearHoverTimeout();\n\n if (this.props.trigger === 'hoverAnchor') {\n this.close();\n } else {\n this.hoverTimeout = window.setTimeout(this.close, Tooltip.delay);\n }\n };\n\n private handleClick = () => {\n this.open();\n };\n\n private handleClickOutsideAnchor = (event: Event) => {\n this.clickedOutside = this.isClickOutsideContent(event);\n if (this.clickedOutside) {\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest();\n }\n this.close();\n }\n };\n\n private isClickOutsideContent(event: Event) {\n if (this.contentElement && event.target instanceof Element) {\n return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n }\n\n return true;\n }\n\n private handleFocus = () => {\n this.setState({ focused: true });\n this.open();\n };\n\n private handleBlur = () => {\n if (this.props.trigger === 'hover&focus' && this.clickedOutside) {\n this.close();\n }\n\n if (this.props.trigger === 'focus') {\n this.close();\n }\n\n this.clickedOutside = true;\n this.setState({ focused: false });\n };\n\n private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n event.stopPropagation();\n\n if (this.props.onCloseClick) {\n this.props.onCloseClick(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest();\n }\n\n this.close();\n };\n}\n"]}
1	+ {"version":3,"sources":["Tooltip.tsx"],"names":["React","warning","isEqual","isNullable","ThemeFactory","DefaultPosition","Popup","RenderLayer","CrossIcon","containsTargetOrRenderContainer","ThemeContext","isTestEnv","CommonWrapper","rootNode","createPropsGetter","isTheme2022","CloseButtonIcon","styles","TooltipDataTids","root","content","crossIcon","Positions","Tooltip","getProps","defaultProps","state","opened","focused","hoverTimeout","contentElement","positions","clickedOutside","popupRef","createRef","renderContent","props","render","refContent","tooltipContent","theme","renderCloseButton","getAnchorElement","current","anchorElement","node","open","setState","close","handleMouseEnter","event","isHoverAnchor","trigger","target","clearHoverTimeout","window","setTimeout","delay","handleMouseLeave","relatedTarget","handleClick","handleClickOutsideAnchor","isClickOutsideContent","onCloseRequest","handleFocus","handleBlur","handleCloseButtonClick","stopPropagation","onCloseClick","defaultPrevented","componentDidUpdate","prevProps","allowedPositions","pos","posChanged","allowedChanged","componentWillUnmount","create","popupPinOffset","tooltipPinOffset","popupMargin","tooltipMargin","popupBorder","tooltipBorder","popupBorderRadius","tooltipBorderRadius","popupPinSize","tooltipPinSize","popupPinOffsetX","tooltipPinOffsetX","popupPinOffsetY","tooltipPinOffsetY","popupBackground","tooltipBg","renderMain","hasCross","closeButton","undefined","triggersWithoutCloseButton","includes","icon","parseInt","tooltipCloseBtnSide","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","cross","show","hide","getPopupAndLayerProps","popupProps","layerProps","active","children","popup","renderPopup","disableAnimations","setRootNode","getPositions","onOpen","onClose","index","indexOf","Error","join","slice","useWrapper","onClickOutside","onMouseEnter","onMouseLeave","onClick","onFocus","onBlur","clearTimeout","Element","PureComponent","__KONTUR_REACT_UI__","propTypes","propName","componentName","Array","isArray"],"mappings":"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","sourcesContent":["import React from 'react';\nimport warning from 'warning';\nimport isEqual from 'lodash.isequal';\n\nimport { isNullable } from '../../lib/utils';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DefaultPosition, Popup, PopupProps, PopupPositionsType } from '../../internal/Popup';\nimport { RenderLayer, RenderLayerProps } from '../../internal/RenderLayer';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { Nullable } from '../../typings/utility-types';\nimport { MouseEventType } from '../../typings/event-types';\nimport { containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\n\nimport { styles } from './Tooltip.styles';\n\nexport type TooltipTrigger =\n /** Наведение на children и на тултип /\n \| 'hover'\n /* Клик на children /\n \| 'click'\n /* Фокус на children /\n \| 'focus'\n /* Наведение на children и на тултип и фокус на children /\n \| 'hover&focus'\n /* Просто открыт /\n \| 'opened'\n /* Просто закрыт /\n \| 'closed'\n /* Наведение ТОЛЬКО на children, а не на тултип /\n \| 'hoverAnchor'\n /* Управление через публичные функции show и hide /\n \| 'manual';\n\nexport interface TooltipProps extends CommonProps {\n /\n Относительно какого элемента позиционировать тултип\n /\n anchorElement?: HTMLElement;\n\n /\n Если не указан `anchorElement` то тултип будет позиционироваться\n * относительно дочерних элементов\n /\n children?: React.ReactNode;\n\n className?: string;\n\n /\n Показывать крестик для закрытия тултипа. По-умолчанию крестик\n * показывается если проп trigger не `hover` и не `focus`.\n /\n closeButton?: boolean;\n\n /\n Функция, которая возвращает содержимое тултипа.\n \n Если эта функция вернула `null`, то тултип не показывается.\n /\n render?: Nullable<() => React.ReactNode>;\n\n /\n Значение по умолчанию: `\"top left\"`.\n /\n pos?: PopupPositionsType;\n\n /\n Триггер открытия тултипа\n * ```ts\n * type TooltipTrigger =\n * \| 'hover'\n * \| 'click'\n * \| 'focus'\n * \| 'hover&focus'\n * \| 'opened'\n * \| 'closed'\n * \| 'hoverAnchor'\n * \| 'manual';\n * ```\n /\n trigger?: TooltipTrigger;\n\n /\n Хэндлер, вызываемый при клике по крестику\n /\n onCloseClick?: React.MouseEventHandler<HTMLElement>;\n\n /\n Хэндлер, вызываемый при клике по крестику или\n * снаружи тултипа\n /\n onCloseRequest?: (event?: Event \| React.MouseEvent) => void;\n\n /\n Хэндлер, вызываемый при закрытии тултипа\n /\n onClose?: () => void;\n\n /\n Хэндлер, вызываемый при открытии тултипа\n /\n onOpen?: () => void;\n\n /\n Список позиций, которые тултип будет занимать.\n * Если положение тултипа в определенной позиции\n * будет выходить за край экрана, то будет выбрана\n * следующая позиция. Обязательно должен включать\n * позицию указанную в `pos`\n /\n allowedPositions?: PopupPositionsType[];\n\n /\n Флаг отключения анимации.\n * @default false\n /\n disableAnimations?: boolean;\n\n /\n Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.\n \n _Примечание_: при двух и более вложенных элементах обёртка будет добавлена автоматически.\n /\n useWrapper?: boolean;\n}\n\nexport interface TooltipState {\n opened: boolean;\n focused: boolean;\n}\n\nexport const TooltipDataTids = {\n root: 'Tooltip__root',\n content: 'Tooltip__content',\n crossIcon: 'Tooltip__crossIcon',\n} as const;\n\nconst Positions: PopupPositionsType[] = [\n 'right bottom',\n 'right middle',\n 'right top',\n 'top right',\n 'top center',\n 'top left',\n 'left top',\n 'left middle',\n 'left bottom',\n 'bottom left',\n 'bottom center',\n 'bottom right',\n];\n\ntype DefaultProps = Required<\n Pick<TooltipProps, 'pos' \| 'trigger' \| 'allowedPositions' \| 'disableAnimations' \| 'useWrapper'>\n>;\n\n@rootNode\nexport class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {\n public static __KONTUR_REACT_UI__ = 'Tooltip';\n\n public static propTypes = {\n children(props: TooltipProps, propName: keyof TooltipProps, componentName: string) {\n const children = props[propName];\n warning(\n children \|\| props.anchorElement,\n `[${componentName}]: you must provide either 'children' or 'anchorElement' prop for ${componentName} to work properly`,\n );\n warning(\n !(Array.isArray(children) && props.useWrapper === false),\n `[${componentName}]: you provided multiple children, but useWrapper={false} - forcing wrapper <span/> for positioning to work correctly`,\n );\n },\n };\n\n public static defaultProps: DefaultProps = {\n pos: DefaultPosition,\n trigger: 'hover',\n allowedPositions: Positions,\n disableAnimations: isTestEnv,\n useWrapper: false,\n };\n\n private getProps = createPropsGetter(Tooltip.defaultProps);\n\n public static delay = 100;\n private static triggersWithoutCloseButton: TooltipTrigger[] = ['hover', 'hoverAnchor', 'focus', 'hover&focus'];\n\n public state: TooltipState = { opened: false, focused: false };\n private theme!: Theme;\n private hoverTimeout: Nullable<number> = null;\n private contentElement: Nullable<HTMLElement> = null;\n private positions: Nullable<PopupPositionsType[]> = null;\n private clickedOutside = true;\n private setRootNode!: TSetRootNode;\n\n private popupRef = React.createRef<Popup>();\n public componentDidUpdate(prevProps: TooltipProps) {\n const { trigger, allowedPositions, pos } = this.getProps();\n if (trigger === 'closed' && this.state.opened) {\n this.close();\n }\n const posChanged = prevProps.pos !== pos;\n const allowedChanged = !isEqual(prevProps.allowedPositions, allowedPositions);\n\n if (posChanged \|\| allowedChanged) {\n this.positions = null;\n }\n }\n\n public componentWillUnmount() {\n this.clearHoverTimeout();\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupPinOffset: theme.tooltipPinOffset,\n popupMargin: theme.tooltipMargin,\n popupBorder: theme.tooltipBorder,\n popupBorderRadius: theme.tooltipBorderRadius,\n popupPinSize: theme.tooltipPinSize,\n popupPinOffsetX: theme.tooltipPinOffsetX,\n popupPinOffsetY: theme.tooltipPinOffsetY,\n popupBackground: theme.tooltipBg,\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderContent = () => {\n const content = this.props.render ? this.props.render() : null;\n if (isNullable(content)) {\n return null;\n }\n\n return (\n <div ref={this.refContent} className={styles.tooltipContent(this.theme)} data-tid={TooltipDataTids.content}>\n {content}\n {this.renderCloseButton()}\n </div>\n );\n };\n\n public renderCloseButton() {\n const hasCross =\n this.props.closeButton === undefined\n ? !Tooltip.triggersWithoutCloseButton.includes(this.getProps().trigger)\n : this.props.closeButton;\n\n if (!hasCross) {\n return null;\n }\n\n const icon = isTheme2022(this.theme) ? (\n <CloseButtonIcon\n tabbable={false}\n side={parseInt(this.theme.tooltipCloseBtnSide)}\n color={this.theme.tooltipCloseBtnColor}\n colorHover={this.theme.tooltipCloseBtnHoverColor}\n />\n ) : (\n <CrossIcon />\n );\n\n return (\n <div\n className={styles.cross(this.theme)}\n onClick={this.handleCloseButtonClick}\n data-tid={TooltipDataTids.crossIcon}\n >\n {icon}\n </div>\n );\n }\n\n public getAnchorElement = (): Nullable<Element> => {\n return this.popupRef.current?.anchorElement;\n };\n\n /\n Программно открывает тултип.\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\n * @public\n /\n public show() {\n if (this.state.opened) {\n return;\n }\n const trigger = this.getProps().trigger;\n if (trigger === 'opened' \|\| trigger === 'closed') {\n warning(true, `Function 'show' is not supported with trigger specified '${trigger}'`);\n return;\n }\n this.open();\n }\n\n /\n Программно закрывает тултип.\n * <p>Не действует если проп trigger `'opened'` или `'closed'`.</p>\n * @public\n */\n public hide() {\n const trigger = this.getProps().trigger;\n if (trigger === 'opened' \|\| trigger === 'closed') {\n warning(true, `Function 'hide' is not supported with trigger specified '${trigger}'`);\n return;\n }\n this.close();\n }\n\n private renderMain() {\n const props = this.props;\n const content = this.renderContent();\n const { popupProps, layerProps = { active: false } } = this.getPopupAndLayerProps();\n const anchorElement = props.children \|\| props.anchorElement;\n const popup = this.renderPopup(anchorElement, popupProps, content);\n\n return (\n <RenderLayer {...layerProps} getAnchorElement={this.getAnchorElement}>\n {popup}\n </RenderLayer>\n );\n }\n\n private renderPopup(\n anchorElement: React.ReactNode \| HTMLElement,\n popupProps: Partial<PopupProps>,\n content: JSX.Element \| null,\n ) {\n const { disableAnimations, trigger } = this.getProps();\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <Popup\n data-tid={TooltipDataTids.root}\n anchorElement={anchorElement}\n hasPin\n hasShadow\n maxWidth=\"none\"\n opened={this.state.opened}\n disableAnimations={disableAnimations}\n positions={this.getPositions()}\n ignoreHover={trigger === 'hoverAnchor'}\n onOpen={this.props.onOpen}\n onClose={this.props.onClose}\n tryPreserveFirstRenderedPosition\n ref={this.popupRef}\n withoutMobile\n {...popupProps}\n >\n {content}\n </Popup>\n </CommonWrapper>\n );\n }\n\n private refContent = (node: HTMLElement \| null) => {\n this.contentElement = node;\n };\n\n private getPositions() {\n if (!this.positions) {\n const { allowedPositions, pos } = this.getProps();\n const index = allowedPositions.indexOf(pos);\n if (index === -1) {\n throw new Error('Unexpected position passed to Tooltip. Expected one of: ' + allowedPositions.join(', '));\n }\n\n this.positions = [...allowedPositions.slice(index), ...allowedPositions.slice(0, index)];\n }\n\n return this.positions;\n }\n\n private getPopupAndLayerProps(): {\n layerProps?: Partial<RenderLayerProps>;\n popupProps: Partial<PopupProps>;\n } {\n const props = this.props;\n const useWrapper = !!props.children && this.getProps().useWrapper;\n const trigger = this.getProps().trigger;\n\n switch (trigger) {\n case 'opened':\n return {\n layerProps: {\n active: true,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n opened: true,\n useWrapper,\n },\n };\n\n case 'closed':\n return {\n popupProps: {\n opened: false,\n useWrapper,\n },\n };\n\n case 'hoverAnchor':\n case 'hover':\n return {\n popupProps: {\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n useWrapper,\n },\n };\n case 'manual':\n return {\n popupProps: {\n useWrapper,\n },\n };\n case 'click':\n return {\n layerProps: {\n active: this.state.opened,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n onClick: this.handleClick,\n useWrapper,\n },\n };\n\n case 'focus':\n return {\n popupProps: {\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n useWrapper,\n },\n };\n\n case 'hover&focus':\n return {\n layerProps: {\n active: this.state.opened,\n onClickOutside: this.handleClickOutsideAnchor,\n },\n popupProps: {\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave,\n useWrapper,\n },\n };\n\n default:\n throw new Error('Unknown trigger specified: ' + trigger);\n }\n }\n\n private open = () => this.setState({ opened: true });\n\n private close = () => this.setState({ opened: false });\n\n private clearHoverTimeout() {\n if (this.hoverTimeout) {\n clearTimeout(this.hoverTimeout);\n this.hoverTimeout = null;\n }\n }\n\n private handleMouseEnter = (event: MouseEventType) => {\n const isHoverAnchor = this.getProps().trigger === 'hoverAnchor';\n if (isHoverAnchor && event.target === this.contentElement) {\n return;\n }\n\n this.clearHoverTimeout();\n\n this.hoverTimeout = window.setTimeout(this.open, Tooltip.delay);\n };\n\n private handleMouseLeave = (event: MouseEventType) => {\n const trigger = this.getProps().trigger;\n if (\n (trigger === 'hover&focus' && this.state.focused) \|\|\n (trigger === 'hover' && event.relatedTarget === this.contentElement)\n ) {\n return;\n }\n\n this.clearHoverTimeout();\n\n if (trigger === 'hoverAnchor') {\n this.close();\n } else {\n this.hoverTimeout = window.setTimeout(this.close, Tooltip.delay);\n }\n };\n\n private handleClick = () => {\n this.open();\n };\n\n private handleClickOutsideAnchor = (event: Event) => {\n this.clickedOutside = this.isClickOutsideContent(event);\n if (this.clickedOutside) {\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest(event);\n }\n this.close();\n }\n };\n\n private isClickOutsideContent(event: Event) {\n if (this.contentElement && event.target instanceof Element) {\n return !containsTargetOrRenderContainer(event.target)(this.contentElement);\n }\n\n return true;\n }\n\n private handleFocus = () => {\n this.setState({ focused: true });\n this.open();\n };\n\n private handleBlur = () => {\n const trigger = this.getProps().trigger;\n if (trigger === 'hover&focus' && this.clickedOutside) {\n this.close();\n }\n\n if (trigger === 'focus') {\n this.close();\n }\n\n this.clickedOutside = true;\n this.setState({ focused: false });\n };\n\n private handleCloseButtonClick = (event: React.MouseEvent<HTMLElement>) => {\n event.stopPropagation();\n\n if (this.props.onCloseClick) {\n this.props.onCloseClick(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest(event);\n }\n\n this.close();\n };\n}\n"]}

package/components/Tooltip/Tooltip.d.ts CHANGED Viewed

@@ -45,7 +45,7 @@ export interface TooltipProps extends CommonProps {
     /**
      * Значение по умолчанию: `"top left"`.
      */
-    pos: PopupPositionsType;
+    pos?: PopupPositionsType;
     /**
      * Триггер открытия тултипа
      * ```ts
@@ -60,7 +60,7 @@ export interface TooltipProps extends CommonProps {
      * | 'manual';
      * ```
      */
-    trigger: TooltipTrigger;
+    trigger?: TooltipTrigger;
     /**
      * Хэндлер, вызываемый при клике по крестику
      */
@@ -69,7 +69,7 @@ export interface TooltipProps extends CommonProps {
      * Хэндлер, вызываемый при клике по крестику или
      * снаружи тултипа
      */
-    onCloseRequest?: () => void;
+    onCloseRequest?: (event?: Event | React.MouseEvent) => void;
     /**
      * Хэндлер, вызываемый при закрытии тултипа
      */
@@ -85,37 +85,36 @@ export interface TooltipProps extends CommonProps {
      * следующая позиция. Обязательно должен включать
      * позицию указанную в `pos`
      */
-    allowedPositions: PopupPositionsType[];
+    allowedPositions?: PopupPositionsType[];
     /**
      * Флаг отключения анимации.
      * @default false
      */
-    disableAnimations: boolean;
+    disableAnimations?: boolean;
     /**
      * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования тултипа при двух и более вложенных элементах.
      *
      * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
      */
-    useWrapper: boolean;
+    useWrapper?: boolean;
 }
 export interface TooltipState {
     opened: boolean;
     focused: boolean;
 }
+export declare const TooltipDataTids: {
+    readonly root: "Tooltip__root";
+    readonly content: "Tooltip__content";
+    readonly crossIcon: "Tooltip__crossIcon";
+};
+declare type DefaultProps = Required<Pick<TooltipProps, 'pos' | 'trigger' | 'allowedPositions' | 'disableAnimations' | 'useWrapper'>>;
 export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipState> implements InstanceWithAnchorElement {
     static __KONTUR_REACT_UI__: string;
-    private isMobileLayout;
     static propTypes: {
         children(props: TooltipProps, propName: keyof TooltipProps, componentName: string): void;
     };
-    static defaultProps: {
-        pos: "top left";
-        trigger: string;
-        allowedPositions: ("top left" | "top center" | "top right" | "right top" | "right middle" | "right bottom" | "bottom right" | "bottom center" | "bottom left" | "left bottom" | "left middle" | "left top")[];
-        disableAnimations: boolean;
-        useWrapper: boolean;
-        closeOnChildrenMouseLeave: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static delay: number;
     private static triggersWithoutCloseButton;
     state: TooltipState;
@@ -131,7 +130,7 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     render(): JSX.Element;
     renderContent: () => JSX.Element | null;
     renderCloseButton(): JSX.Element | null;
-    getAnchorElement: () => Nullable<HTMLElement>;
+    getAnchorElement: () => Nullable<Element>;
     /**
      * Программно открывает тултип.
      * <p>Не действует если проп *trigger* `'opened'` или `'closed'`.</p>
@@ -146,10 +145,9 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     hide(): void;
     private renderMain;
     private renderPopup;
-    private mobileCloseHandler;
     private refContent;
     private getPositions;
-    private getProps;
+    private getPopupAndLayerProps;
     private open;
     private close;
     private clearHoverTimeout;
@@ -162,3 +160,4 @@ export declare class Tooltip extends React.PureComponent<TooltipProps, TooltipSt
     private handleBlur;
     private handleCloseButtonClick;
 }
+export {};

package/components/Tooltip/Tooltip.styles/Tooltip.styles.js CHANGED Viewed

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   cross: function cross(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: 8px;\n      line-height: 0;\n      padding: ", ";\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 8px;\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.tooltipCloseBtnColor, t.tooltipCloseBtnPadding, t.tooltipCloseBtnHoverColor);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: ", ";\n      line-height: 0;\n      padding: ", ";\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: ", ";\n      box-sizing: content-box;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.tooltipCloseBtnColor, t.tooltipCloseBtnSide, t.tooltipCloseBtnPadding, t.tooltipCloseBtnSide, t.tooltipCloseBtnHoverColor);
   },
   tooltipContent: function tooltipContent(t) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding: ", " ", ";\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.tooltipTextColor, t.tooltipPaddingY, t.tooltipPaddingX, t.tooltipFontSize, t.tooltipLineHeight);

package/components/Tooltip/Tooltip.styles/Tooltip.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Tooltip.styles.ts"],"names":["css","memoizeStyle","styles","cross","t","tooltipCloseBtnColor","tooltipCloseBtnPadding","tooltipCloseBtnHoverColor","tooltipContent","tooltipTextColor","tooltipPaddingY","tooltipPaddingX","tooltipFontSize","tooltipLineHeight"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,KADiC,iBAC3BC,CAD2B,EACjB;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,oBADb;;;;~~AAKaD~~,IAAAA,CAAC,CAACE,~~sBALf;;;;;;;;~~AAaaF,IAAAA,CAAC,~~CAACG~~,yBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,cApBiC,~~0BAoBlBJ~~,CApBkB,EAoBR;AACvB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,~~CAACK~~,gBADb;~~AAEaL~~,IAAAA,CAAC,~~CAACM~~,eAFf,~~EAEkCN~~,CAAC,~~CAACO~~,eAFpC;;~~AAIeP~~,IAAAA,CAAC,~~CAACQ~~,eAJjB;~~AAKiBR~~,IAAAA,CAAC,~~CAACS~~,iBALnB;;AAOD,GA5BgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n cross(t: Theme) {\n return css`\n color: ${t.tooltipCloseBtnColor};\n cursor: pointer;\n height: ~~8px~~;\n line-height: 0;\n padding: ${t.tooltipCloseBtnPadding};\n position: absolute;\n right: 0;\n top: 0;\n width: ~~8px~~;\n box-sizing: content-box;\n\n &:hover {\n color: ${t.tooltipCloseBtnHoverColor};\n }\n `;\n },\n\n tooltipContent(t: Theme) {\n return css`\n color: ${t.tooltipTextColor};\n padding: ${t.tooltipPaddingY} ${t.tooltipPaddingX};\n position: relative;\n font-size: ${t.tooltipFontSize};\n line-height: ${t.tooltipLineHeight};\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Tooltip.styles.ts"],"names":["css","memoizeStyle","styles","cross","t","tooltipCloseBtnColor","tooltipCloseBtnSide","tooltipCloseBtnPadding","tooltipCloseBtnHoverColor","tooltipContent","tooltipTextColor","tooltipPaddingY","tooltipPaddingX","tooltipFontSize","tooltipLineHeight"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,KADiC,iBAC3BC,CAD2B,EACjB;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,oBADb;;AAGYD,IAAAA,CAAC,CAACE,mBAHd;;AAKaF,IAAAA,CAAC,CAACG,sBALf;;;;AASWH,IAAAA,CAAC,CAACE,mBATb;;;;AAaaF,IAAAA,CAAC,CAACI,yBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,cApBiC,0BAoBlBL,CApBkB,EAoBR;AACvB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACM,gBADb;AAEaN,IAAAA,CAAC,CAACO,eAFf,EAEkCP,CAAC,CAACQ,eAFpC;;AAIeR,IAAAA,CAAC,CAACS,eAJjB;AAKiBT,IAAAA,CAAC,CAACU,iBALnB;;AAOD,GA5BgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n cross(t: Theme) {\n return css`\n color: ${t.tooltipCloseBtnColor};\n cursor: pointer;\n height: ${t.tooltipCloseBtnSide};\n line-height: 0;\n padding: ${t.tooltipCloseBtnPadding};\n position: absolute;\n right: 0;\n top: 0;\n width: ${t.tooltipCloseBtnSide};\n box-sizing: content-box;\n\n &:hover {\n color: ${t.tooltipCloseBtnHoverColor};\n }\n `;\n },\n\n tooltipContent(t: Theme) {\n return css`\n color: ${t.tooltipTextColor};\n padding: ${t.tooltipPaddingY} ${t.tooltipPaddingX};\n position: relative;\n font-size: ${t.tooltipFontSize};\n line-height: ${t.tooltipLineHeight};\n `;\n },\n});\n"]}

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js CHANGED Viewed

@@ -10,6 +10,10 @@ import { PopupMenu } from "../../../internal/PopupMenu";
 import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+export var TooltipMenuDataTids = {
+  root: 'TooltipMenu__root'
+};
 export
 /**
 * Меню, раскрывающееся по клику на переданный в `caption` элемент.
@@ -29,6 +33,7 @@ var TooltipMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_R
     var _this;
     _this = _React$Component.call(this, props) || this;
+    _this.getProps = createPropsGetter(TooltipMenu.defaultProps);
     if (!props.caption && !isProductionEnv) {
       throw new Error('Prop "caption" is required!!!');
@@ -61,6 +66,7 @@ var TooltipMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_R
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement(PopupMenu, {
+      "data-tid": TooltipMenuDataTids.root,
       menuMaxHeight: this.props.menuMaxHeight,
       menuWidth: this.props.menuWidth,
       caption: this.props.caption,
@@ -70,7 +76,7 @@ var TooltipMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_R
       onOpen: this.props.onOpen,
       onClose: this.props.onClose,
       popupHasPin: true,
-      disableAnimations: this.props.disableAnimations
+      disableAnimations: this.getProps().disableAnimations
     }, this.props.children));
   };

package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["TooltipMenu.tsx"],"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","TooltipMenu","props","caption","Error","render","theme","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","setRootNode","menuMaxHeight","menuWidth","header","footer","positions","onOpen","onClose","disableAnimations","children","Component","__KONTUR_REACT_UI__"~~,"defaultProps"~~],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0C,0BAA1C;;AAEA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA~~,OAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,IAAaC,WAAb,~~GADCD~~,QACD,~~qHAOE~~,~~qBAAYE~~,KAAZ,EAAqC,~~WACnC~~,~~oCAAMA,~~KAAN,~~UAEA~~,~~IAAI~~,~~CAACA~~,KAAK,~~CAACC~~,OAAP,IAAkB,~~CAACN~~,eAAvB,EAAwC;AACtC,YAAM,~~IAAIO~~,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,~~GAbH~~;;~~AAeSC~~,EAAAA,~~MAfT~~,~~GAeE~~,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV;AACE,8BAAC,YAAD,CAAc,QAAd;AACE,YAAA,KAAK,~~EAAEZ~~,YAAY,~~CAACa~~,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEF,KAAK,CAACG,oBADxB;AAEEC,cAAAA,WAAW,EAAEJ,KAAK,CAACK,iBAFrB;AAGEC,cAAAA,YAAY,EAAEN,KAAK,CAACO,kBAHtB,EADK;;AAMLP,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACQ,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,~~GApCH~~;;~~AAsCSA~~,EAAAA,~~UAtCT~~,~~GAsCE~~,sBAAoB;AAClB,QAAI,CAAC,~~KAAKZ~~,KAAL,~~CAAWC~~,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,0BAAC,aAAD,aAAe,WAAW,EAAE,KAAKY,WAAjC,IAAkD,~~KAAKb~~,KAAvD;AACE,0BAAC,SAAD;AACE,QAAA,aAAa,EAAE,~~KAAKA~~,KAAL,~~CAAWc~~,~~aAD5B~~;~~AAEE~~,QAAA,SAAS,EAAE,~~KAAKd~~,KAAL,~~CAAWe~~,~~SAFxB~~;~~AAGE~~,QAAA,OAAO,EAAE,~~KAAKf~~,KAAL,~~CAAWC~~,~~OAHtB~~;~~AAIE~~,QAAA,MAAM,EAAE,~~KAAKD~~,KAAL,~~CAAWgB~~,~~MAJrB~~;~~AAKE~~,QAAA,MAAM,EAAE,~~KAAKhB~~,KAAL,~~CAAWiB~~,~~MALrB~~;~~AAME~~,QAAA,SAAS,EAAE,~~KAAKjB~~,KAAL,~~CAAWkB~~,~~SANxB~~;~~AAOE~~,QAAA,MAAM,EAAE,~~KAAKlB~~,KAAL,~~CAAWmB~~,~~MAPrB~~;~~AAQE~~,QAAA,OAAO,EAAE,~~KAAKnB~~,KAAL,~~CAAWoB~~,~~OARtB~~;~~AASE~~,QAAA,WAAW,~~MATb~~;~~AAUE~~,QAAA,iBAAiB,EAAE,~~KAAKpB~~,~~KAAL~~,~~CAAWqB~~,~~iBAVhC~~;;~~AAYG~~,~~WAAKrB~~,KAAL,~~CAAWsB~~,~~QAZd~~,CADF,CADF;;;;~~AAkBD~~,~~GA7DH~~,~~sBAAiC/B~~,KAAK,~~CAACgC~~,SAAvC,WACgBC,mBADhB,GACsC,aADtC,~~UAIgBC~~,YAJhB,~~GAI+B~~,~~EAC3BJ~~,iBAAiB,~~EAAEzB~~,~~SADQ~~,~~EAJ/B~~","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps \| {} \| MenuHeaderProps>;\n\nexport interface TooltipMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' \| 'onClose'> {\n children?: TooltipMenuChildType \| TooltipMenuChildType[];\n /** Максимальная высота меню /\n menuMaxHeight?: number \| string;\n /* Ширина меню /\n menuWidth?: number \| string;\n /\n Элемент или функция возвращающая элемент,\n * если передана, используется вместо `caption`,\n * в таком случае управлять открытием и закрытием меню\n * придется в этой функции\n /\n caption: PopupMenuProps['caption'];\n /\n Произвольный элемент, который будет отрендерен в шапке меню.\n \n _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n /\n header?: React.ReactNode;\n /\n Произвольный элемент, который будет отрендерен в подвале меню.\n \n Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).\n /\n footer?: React.ReactNode;\n /* Список позиций доступных для расположения выпадашки относительно `caption`.\n \n Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n \n Возможные значения: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n /\n positions?: PopupPositionsType[];\n /\n Не показывать анимацию\n /\n disableAnimations: boolean;\n}\n\n/\n Меню, раскрывающееся по клику на переданный в `caption` элемент.\n \n Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n \n Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n \n Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n private setRootNode!: TSetRootNode;\n\n public static defaultProps = {\n disableAnimations: isTestEnv,\n };\n constructor(props: TooltipMenuProps) {\n super(props);\n\n if (!props.caption && !isProductionEnv) {\n throw new Error('Prop \"caption\" is required!!!');\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupPinOffset: theme.tooltipMenuPinOffset,\n popupMargin: theme.tooltipMenuMargin,\n popupPinSize: theme.tooltipMenuPinSize,\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n if (!this.props.caption) {\n return null;\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <PopupMenu\n menuMaxHeight={this.props.menuMaxHeight}\n menuWidth={this.props.menuWidth}\n caption={this.props.caption}\n header={this.props.header}\n footer={this.props.footer}\n positions={this.props.positions}\n onOpen={this.props.onOpen}\n onClose={this.props.onClose}\n popupHasPin\n disableAnimations={this.~~props~~.disableAnimations}\n >\n {this.props.children}\n </PopupMenu>\n </CommonWrapper>\n );\n }\n}\n"]}
1	+ {"version":3,"sources":["TooltipMenu.tsx"],"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","TooltipMenuDataTids","root","TooltipMenu","props","getProps","defaultProps","caption","Error","render","theme","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","setRootNode","menuMaxHeight","menuWidth","header","footer","positions","onOpen","onClose","disableAnimations","children","Component","__KONTUR_REACT_UI__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0C,0BAA1C;;AAEA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;;;;;;;;;;;;;;;AAkBP,OAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,IAAaC,WAAb,GADCJ,QACD,qHAUE,qBAAYK,KAAZ,EAAqC;AACnC,wCAAMA,KAAN,UADmC,MAF7BC,QAE6B,GAFlBL,iBAAiB,CAACG,WAAW,CAACG,YAAb,CAEC;;AAGnC,QAAI,CAACF,KAAK,CAACG,OAAP,IAAkB,CAACX,eAAvB,EAAwC;AACtC,YAAM,IAAIY,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,GAhBH;;AAkBSC,EAAAA,MAlBT,GAkBE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACC,KAAD,EAAW;AACV;AACE,8BAAC,YAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEjB,YAAY,CAACkB,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEF,KAAK,CAACG,oBADxB;AAEEC,cAAAA,WAAW,EAAEJ,KAAK,CAACK,iBAFrB;AAGEC,cAAAA,YAAY,EAAEN,KAAK,CAACO,kBAHtB,EADK;;AAMLP,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACQ,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,GAvCH;;AAyCSA,EAAAA,UAzCT,GAyCE,sBAAoB;AAClB,QAAI,CAAC,KAAKd,KAAL,CAAWG,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,0BAAC,aAAD,aAAe,WAAW,EAAE,KAAKY,WAAjC,IAAkD,KAAKf,KAAvD;AACE,0BAAC,SAAD;AACE,oBAAUH,mBAAmB,CAACC,IADhC;AAEE,QAAA,aAAa,EAAE,KAAKE,KAAL,CAAWgB,aAF5B;AAGE,QAAA,SAAS,EAAE,KAAKhB,KAAL,CAAWiB,SAHxB;AAIE,QAAA,OAAO,EAAE,KAAKjB,KAAL,CAAWG,OAJtB;AAKE,QAAA,MAAM,EAAE,KAAKH,KAAL,CAAWkB,MALrB;AAME,QAAA,MAAM,EAAE,KAAKlB,KAAL,CAAWmB,MANrB;AAOE,QAAA,SAAS,EAAE,KAAKnB,KAAL,CAAWoB,SAPxB;AAQE,QAAA,MAAM,EAAE,KAAKpB,KAAL,CAAWqB,MARrB;AASE,QAAA,OAAO,EAAE,KAAKrB,KAAL,CAAWsB,OATtB;AAUE,QAAA,WAAW,MAVb;AAWE,QAAA,iBAAiB,EAAE,KAAKrB,QAAL,GAAgBsB,iBAXrC;;AAaG,WAAKvB,KAAL,CAAWwB,QAbd,CADF,CADF;;;;AAmBD,GAjEH,sBAAiCpC,KAAK,CAACqC,SAAvC,WACgBC,mBADhB,GACsC,aADtC,UAIgBxB,YAJhB,GAI6C,EACzCqB,iBAAiB,EAAE9B,SADsB,EAJ7C","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps \| unknown \| MenuHeaderProps>;\n\nexport interface TooltipMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' \| 'onClose'> {\n children?: TooltipMenuChildType \| TooltipMenuChildType[];\n /** Максимальная высота меню /\n menuMaxHeight?: number \| string;\n /* Ширина меню /\n menuWidth?: number \| string;\n /\n Элемент или функция возвращающая элемент,\n * если передана, используется вместо `caption`,\n * в таком случае управлять открытием и закрытием меню\n * придется в этой функции\n /\n caption: PopupMenuProps['caption'];\n /\n Произвольный элемент, который будет отрендерен в шапке меню.\n \n _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n /\n header?: React.ReactNode;\n /\n Произвольный элемент, который будет отрендерен в подвале меню.\n \n Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).\n /\n footer?: React.ReactNode;\n /* Список позиций доступных для расположения выпадашки относительно `caption`.\n \n Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n \n Возможные значения: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n /\n positions?: PopupPositionsType[];\n /\n Не показывать анимацию\n /\n disableAnimations?: boolean;\n}\n\nexport const TooltipMenuDataTids = {\n root: 'TooltipMenu__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;\n\n/\n Меню, раскрывающееся по клику на переданный в `caption` элемент.\n \n Положение меню задаётся с помощью массива `positions` и работает так:\n * первое значение в массиве - дефолтная позиция, меню раскроется на этой позиции, если оно не будет выходить за пределы `viewport`,\n * если раскрыться в дефолтной позиции не получится - будет использована следующая позиция, и так далее, пока не будет достигнут конец массива. Если все положения из списка будут выходить за пределы `viewport`, в качестве положения будет использовано первое значение в массиве.\n \n Если меню должно раскрываться только в одну сторону - массив `positions` должен содержать только один элемент: сторону, в которую должно открываться меню.\n \n Если массив `positions` не передан (или передан пустой массив), будут использованы всевозможные значения.\n */\n@rootNode\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n private setRootNode!: TSetRootNode;\n\n public static defaultProps: DefaultProps = {\n disableAnimations: isTestEnv,\n };\n\n private getProps = createPropsGetter(TooltipMenu.defaultProps);\n\n constructor(props: TooltipMenuProps) {\n super(props);\n\n if (!props.caption && !isProductionEnv) {\n throw new Error('Prop \"caption\" is required!!!');\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupPinOffset: theme.tooltipMenuPinOffset,\n popupMargin: theme.tooltipMenuMargin,\n popupPinSize: theme.tooltipMenuPinSize,\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n if (!this.props.caption) {\n return null;\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <PopupMenu\n data-tid={TooltipMenuDataTids.root}\n menuMaxHeight={this.props.menuMaxHeight}\n menuWidth={this.props.menuWidth}\n caption={this.props.caption}\n header={this.props.header}\n footer={this.props.footer}\n positions={this.props.positions}\n onOpen={this.props.onOpen}\n onClose={this.props.onClose}\n popupHasPin\n disableAnimations={this.getProps().disableAnimations}\n >\n {this.props.children}\n </PopupMenu>\n </CommonWrapper>\n );\n }\n}\n"]}

package/components/TooltipMenu/TooltipMenu.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { MenuItemProps } from '../MenuItem';
 import { MenuHeaderProps } from '../MenuHeader';
 import { PopupPositionsType } from '../../internal/Popup';
 import { CommonProps } from '../../internal/CommonWrapper';
-export declare type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;
+export declare type TooltipMenuChildType = React.ReactElement<MenuItemProps | unknown | MenuHeaderProps>;
 export interface TooltipMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {
     children?: TooltipMenuChildType | TooltipMenuChildType[];
     /** Максимальная высота меню */
@@ -21,13 +21,13 @@ export interface TooltipMenuProps extends CommonProps, Pick<PopupMenuProps, 'onO
     /**
      * Произвольный элемент, который будет отрендерен в шапке меню.
      *
-     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
      */
     header?: React.ReactNode;
     /**
      * Произвольный элемент, который будет отрендерен в подвале меню.
      *
-     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
+     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).
      */
     footer?: React.ReactNode;
     /**  Список позиций доступных для расположения выпадашки относительно `caption`.
@@ -40,8 +40,12 @@ export interface TooltipMenuProps extends CommonProps, Pick<PopupMenuProps, 'onO
     /**
      * Не показывать анимацию
      */
-    disableAnimations: boolean;
+    disableAnimations?: boolean;
 }
+export declare const TooltipMenuDataTids: {
+    readonly root: "TooltipMenu__root";
+};
+declare type DefaultProps = Required<Pick<TooltipMenuProps, 'disableAnimations'>>;
 /**
  * Меню, раскрывающееся по клику на переданный в `caption` элемент.
  *
@@ -56,10 +60,10 @@ export interface TooltipMenuProps extends CommonProps, Pick<PopupMenuProps, 'onO
 export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
     static __KONTUR_REACT_UI__: string;
     private setRootNode;
-    static defaultProps: {
-        disableAnimations: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     constructor(props: TooltipMenuProps);
     render(): JSX.Element;
     renderMain(): JSX.Element | null;
 }
+export {};

package/components/TooltipMenu/TooltipMenu.md CHANGED Viewed

@@ -16,6 +16,33 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
+В проп `caption` помимо компонента можно передать функцию, возвращающую компонент, с помощью которой можно управлять текущим состоянием тултип-меню.
+```jsx harmony
+import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
+<TooltipMenu caption={({ opened, openMenu, closeMenu, toggleMenu }) => {
+    return (
+      <>
+        <p>Сейчас тултип-меню { opened ? 'окрыто' : 'закрыто' }</p>
+        <Button onClick={toggleMenu}>Переключить меню</Button>
+        <Button onClick={openMenu}>Открыть меню</Button>
+        <Button onClick={closeMenu}>Закрыть меню</Button>
+      </>
+    )
+  }}>
+  <MenuHeader>Заголовок меню</MenuHeader>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</TooltipMenu>;
+```
 Тултип-меню с заданной шириной.
 ```jsx harmony
@@ -153,7 +180,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </TooltipMenu>;
 ```
-Условный рендер элементов тултип-меню (с сохранением поведения [`MenuItem`](#/Components/MenuItem)).
+Условный рендер элементов тултип-меню (с сохранением поведения [MenuItem](#/Components/MenuItem)).
 ```jsx harmony
 import {Button, MenuItem, Gapped, MenuSeparator} from '@skbkontur/react-ui';

package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import React, { useRef } from 'react';
+import { useEffect, useRef } from 'react';
 export var useEffectWithoutInitCall = function useEffectWithoutInitCall(effect, deps) {
   var isInitialRenderRef = useRef(true);
-  React.useEffect(function () {
+  useEffect(function () {
     if (isInitialRenderRef.current) {
       isInitialRenderRef.current = false;
     } else {

package/hooks/useEffectWithoutInitCall/useEffectWithoutInitCall.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useEffectWithoutInitCall.ts"],"names":["~~React~~","useRef","useEffectWithoutInitCall","effect","deps","isInitialRenderRef","~~useEffect","~~current"],"mappings":"AAAA,~~OAAOA~~,~~KAAP~~,~~IAAgCC~~,~~MAAhC~~,~~QAA8C~~,~~OAA9C~~;;AAEA,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,MAAD,EAAqBC,IAArB,EAA8C;AACpF,MAAMC,kBAAkB,GAAGJ,MAAM,CAAC,IAAD,CAAjC;;AAEAD,EAAAA,~~KAAK~~,~~CAACM~~,~~SAAN,CAAgB,~~YAAM;~~AACpB~~,~~QAAID~~,kBAAkB,~~CAACE~~,OAAvB,EAAgC;~~AAC9BF~~,MAAAA,kBAAkB,~~CAACE~~,OAAnB,GAA6B,KAA7B;AACD,KAFD,MAEO;~~AACLJ~~,MAAAA,MAAM;AACP;AACF,~~GAND~~,~~EAMGC~~,~~IANH~~;AAOD,CAVM","sourcesContent":["import ~~React~~, { DependencyList, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList) => {\n const isInitialRenderRef = useRef(true);\n\n ~~React.~~useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else {\n effect();\n }\n }, deps);\n};\n"]}
1	+ {"version":3,"sources":["useEffectWithoutInitCall.ts"],"names":["useEffect","useRef","useEffectWithoutInitCall","effect","deps","isInitialRenderRef","current"],"mappings":"AAAA,SAASA,SAAT,EAAoCC,MAApC,QAAkD,OAAlD;;AAEA,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,MAAD,EAAqBC,IAArB,EAA8C;AACpF,MAAMC,kBAAkB,GAAGJ,MAAM,CAAC,IAAD,CAAjC;;AAEAD,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIK,kBAAkB,CAACC,OAAvB,EAAgC;AAC9BD,MAAAA,kBAAkB,CAACC,OAAnB,GAA6B,KAA7B;AACD,KAFD,MAEO;AACLH,MAAAA,MAAM;AACP;AACF,GANQ,EAMNC,IANM,CAAT;AAOD,CAVM","sourcesContent":["import { useEffect, DependencyList, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList) => {\n const isInitialRenderRef = useRef(true);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else {\n effect();\n }\n }, deps);\n};\n"]}

package/hooks/useEffectWithoutInitCall.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const useEffectWithoutInitCall: (effect: () => void, deps: React.DependencyList) => void;
+import { DependencyList } from 'react';
+export declare const useEffectWithoutInitCall: (effect: () => void, deps: DependencyList) => void;

package/hooks/useMemoObject/useMemoObject.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMemoObject.ts"],"names":["useMemo","useMemoObject","objectValue","Object","values"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB~~;;AAEA~~,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,~~CAAyBC~~,~~WAAzB~~,~~EAAkD~~;~~AAC7E~~,SAAOF,OAAO,CAAU,oBAAME,WAAN,EAAV,EAA6BC,MAAM,CAACC,MAAP,CAAcF,WAAd,CAA7B,CAAd;AACD,CAFM","sourcesContent":["import { useMemo } from 'react';\n\nexport const useMemoObject = <TObject extends ~~object~~>(objectValue: TObject) => {\n return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"]}
1	+ {"version":3,"sources":["useMemoObject.ts"],"names":["useMemo","useMemoObject","objectValue","Object","values"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;;;;AAIA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAA4BC,WAA5B,EAAqD;AAChF,SAAOF,OAAO,CAAU,oBAAME,WAAN,EAAV,EAA6BC,MAAM,CAACC,MAAP,CAAcF,WAAd,CAA7B,CAAd;AACD,CAFM","sourcesContent":["import { useMemo } from 'react';\n\nimport { AnyObject } from '../lib/utils';\n\nexport const useMemoObject = <TObject extends AnyObject>(objectValue: TObject) => {\n return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"]}

package/hooks/useMemoObject.d.ts CHANGED Viewed

@@ -1 +1,2 @@
-export declare const useMemoObject: <TObject extends object>(objectValue: TObject) => TObject;
+import { AnyObject } from '../lib/utils';
+export declare const useMemoObject: <TObject extends AnyObject>(objectValue: TObject) => TObject;

package/index.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export * from './components/Autocomplete';
 export * from './components/Button';
+export * from './components/Calendar';
 export * from './components/Center';
 export * from './components/Checkbox';
 export * from './components/ComboBox';
@@ -52,3 +53,5 @@ export * from './lib/theming/themes/FlatTheme8pxOld';
 export * from './lib/theming/themes/Theme2022';
 export * from './lib/theming/themes/Theme2022Dark';
 export * from './internal/Popup/types';
+export * as ColorFunctions from './lib/styles/ColorFunctions';
+export * as DimensionFunctions from './lib/styles/DimensionFunctions';

package/index.js CHANGED Viewed

@@ -1,5 +1,6 @@
 export * from './components/Autocomplete';
 export * from './components/Button';
+export * from './components/Calendar';
 export * from './components/Center';
 export * from './components/Checkbox';
 export * from './components/ComboBox';
@@ -51,4 +52,6 @@ export * from './lib/theming/themes/DefaultTheme8pxOld';
 export * from './lib/theming/themes/FlatTheme8pxOld';
 export * from './lib/theming/themes/Theme2022';
 export * from './lib/theming/themes/Theme2022Dark';
-export * from './internal/Popup/types';
+export * from './internal/Popup/types';import * as _ColorFunctions from
+'./lib/styles/ColorFunctions';export { _ColorFunctions as ColorFunctions };import * as _DimensionFunctions from
+'./lib/styles/DimensionFunctions';export { _DimensionFunctions as DimensionFunctions };

package/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,uBAAd;AACA,cAAc,4BAAd;AACA,cAAc,4BAAd;AACA,cAAc,wBAAd;AACA,cAAc,yBAAd;AACA,cAAc,uBAAd;AACA,cAAc,2BAAd;AACA,cAAc,2BAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd;AACA,cAAc,2BAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,qBAAd;AACA,cAAc,yBAAd;AACA,cAAc,uBAAd;AACA,cAAc,4BAAd;AACA,cAAc,oBAAd;AACA,cAAc,qBAAd;AACA,cAAc,4BAAd;AACA,cAAc,oBAAd;AACA,cAAc,yBAAd;AACA,cAAc,8BAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,mBAAd;AACA,cAAc,uBAAd;AACA,cAAc,oBAAd;AACA,cAAc,qBAAd;AACA,cAAc,oBAAd;AACA,cAAc,yBAAd;AACA,cAAc,sBAAd;AACA,cAAc,0BAAd;AACA,cAAc,+BAAd;AACA,cAAc,cAAd;AACA,cAAc,4BAAd;AACA,cAAc,4BAAd;AACA,cAAc,mCAAd;AACA,cAAc,gCAAd;AACA,cAAc,yCAAd;AACA,cAAc,sCAAd;AACA,cAAc,gCAAd;AACA,cAAc,oCAAd;AACA,cAAc,wBAAd","sourcesContent":["export * from './components/Autocomplete';\nexport * from './components/Button';\nexport * from './components/Center';\nexport * from './components/Checkbox';\nexport * from './components/ComboBox';\nexport * from './components/CurrencyInput';\nexport * from './components/CurrencyLabel';\nexport * from './components/DateInput';\nexport * from './components/DatePicker';\nexport * from './components/Dropdown';\nexport * from './components/DropdownMenu';\nexport * from './components/FileUploader';\nexport * from './components/FxInput';\nexport * from './components/Gapped';\nexport * from './components/GlobalLoader';\nexport * from './components/Group';\nexport * from './components/Hint';\nexport * from './components/Input';\nexport * from './components/Kebab';\nexport * from './components/Link';\nexport * from './components/Loader';\nexport * from './components/MenuHeader';\nexport * from './components/MenuItem';\nexport * from './components/MenuSeparator';\nexport * from './components/Modal';\nexport * from './components/Paging';\nexport * from './components/PasswordInput';\nexport * from './components/Radio';\nexport * from './components/RadioGroup';\nexport * from './components/ScrollContainer';\nexport * from './components/Select';\nexport * from './components/SidePage';\nexport * from './components/Spinner';\nexport * from './components/Sticky';\nexport * from './components/Switcher';\nexport * from './components/Tabs';\nexport * from './components/Textarea';\nexport * from './components/Toast';\nexport * from './components/Toggle';\nexport * from './components/Token';\nexport * from './components/TokenInput';\nexport * from './components/Tooltip';\nexport * from './components/TooltipMenu';\nexport * from './components/ResponsiveLayout';\nexport * from './lib/locale';\nexport * from './lib/theming/ThemeContext';\nexport * from './lib/theming/ThemeFactory';\nexport * from './lib/theming/themes/DefaultTheme';\nexport * from './lib/theming/themes/DarkTheme';\nexport * from './lib/theming/themes/DefaultTheme8pxOld';\nexport * from './lib/theming/themes/FlatTheme8pxOld';\nexport * from './lib/theming/themes/Theme2022';\nexport * from './lib/theming/themes/Theme2022Dark';\nexport * from './internal/Popup/types';\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":["ColorFunctions","DimensionFunctions"],"mappings":"AAAA,cAAc,2BAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,uBAAd;AACA,cAAc,4BAAd;AACA,cAAc,4BAAd;AACA,cAAc,wBAAd;AACA,cAAc,yBAAd;AACA,cAAc,uBAAd;AACA,cAAc,2BAAd;AACA,cAAc,2BAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd;AACA,cAAc,2BAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,qBAAd;AACA,cAAc,yBAAd;AACA,cAAc,uBAAd;AACA,cAAc,4BAAd;AACA,cAAc,oBAAd;AACA,cAAc,qBAAd;AACA,cAAc,4BAAd;AACA,cAAc,oBAAd;AACA,cAAc,yBAAd;AACA,cAAc,8BAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,sBAAd;AACA,cAAc,qBAAd;AACA,cAAc,uBAAd;AACA,cAAc,mBAAd;AACA,cAAc,uBAAd;AACA,cAAc,oBAAd;AACA,cAAc,qBAAd;AACA,cAAc,oBAAd;AACA,cAAc,yBAAd;AACA,cAAc,sBAAd;AACA,cAAc,0BAAd;AACA,cAAc,+BAAd;AACA,cAAc,cAAd;AACA,cAAc,4BAAd;AACA,cAAc,4BAAd;AACA,cAAc,mCAAd;AACA,cAAc,gCAAd;AACA,cAAc,yCAAd;AACA,cAAc,sCAAd;AACA,cAAc,gCAAd;AACA,cAAc,oCAAd;AACA,cAAc,wBAAd,C;AACgC,6B,6BAApBA,c;AACwB,iC,iCAAxBC,kB","sourcesContent":["export * from './components/Autocomplete';\nexport * from './components/Button';\nexport * from './components/Calendar';\nexport * from './components/Center';\nexport * from './components/Checkbox';\nexport * from './components/ComboBox';\nexport * from './components/CurrencyInput';\nexport * from './components/CurrencyLabel';\nexport * from './components/DateInput';\nexport * from './components/DatePicker';\nexport * from './components/Dropdown';\nexport * from './components/DropdownMenu';\nexport * from './components/FileUploader';\nexport * from './components/FxInput';\nexport * from './components/Gapped';\nexport * from './components/GlobalLoader';\nexport * from './components/Group';\nexport * from './components/Hint';\nexport * from './components/Input';\nexport * from './components/Kebab';\nexport * from './components/Link';\nexport * from './components/Loader';\nexport * from './components/MenuHeader';\nexport * from './components/MenuItem';\nexport * from './components/MenuSeparator';\nexport * from './components/Modal';\nexport * from './components/Paging';\nexport * from './components/PasswordInput';\nexport * from './components/Radio';\nexport * from './components/RadioGroup';\nexport * from './components/ScrollContainer';\nexport * from './components/Select';\nexport * from './components/SidePage';\nexport * from './components/Spinner';\nexport * from './components/Sticky';\nexport * from './components/Switcher';\nexport * from './components/Tabs';\nexport * from './components/Textarea';\nexport * from './components/Toast';\nexport * from './components/Toggle';\nexport * from './components/Token';\nexport * from './components/TokenInput';\nexport * from './components/Tooltip';\nexport * from './components/TooltipMenu';\nexport * from './components/ResponsiveLayout';\nexport * from './lib/locale';\nexport * from './lib/theming/ThemeContext';\nexport * from './lib/theming/ThemeFactory';\nexport * from './lib/theming/themes/DefaultTheme';\nexport * from './lib/theming/themes/DarkTheme';\nexport * from './lib/theming/themes/DefaultTheme8pxOld';\nexport * from './lib/theming/themes/FlatTheme8pxOld';\nexport * from './lib/theming/themes/Theme2022';\nexport * from './lib/theming/themes/Theme2022Dark';\nexport * from './internal/Popup/types';\nexport * as ColorFunctions from './lib/styles/ColorFunctions';\nexport * as DimensionFunctions from './lib/styles/DimensionFunctions';\n"]}

package/internal/BGRuler/BGRuler.js CHANGED Viewed

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { getDOMRect } from "../../lib/dom/getDOMRect";
+import { createPropsGetter } from "../../lib/createPropsGetter";
 /**
  * Компонент рисует пиксельную линейку на заднем фоне.
  * Помогает контролировать размеры элементов при скриншотном тестировании.
@@ -20,6 +21,7 @@ export var BGRuler = /*#__PURE__*/function (_React$Component) {
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(BGRuler.defaultProps);
     _this.iframe = null;
     _this.componentDidMount = function () {
@@ -52,12 +54,15 @@ export var BGRuler = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this$props = this.props,
         width = _this$props.width,
-        height = _this$props.height,
-        color = _this$props.color,
-        top = _this$props.top,
-        bottom = _this$props.bottom,
-        left = _this$props.left,
-        right = _this$props.right;
+        bottom = _this$props.bottom;
+    var _this$getProps = this.getProps(),
+        height = _this$getProps.height,
+        top = _this$getProps.top,
+        left = _this$getProps.left,
+        right = _this$getProps.right,
+        color = _this$getProps.color;
     var wrapper = {
       position: 'absolute',
       width: width,