npm - @skbkontur/react-ui - Versions diffs - 6.0.2 → 6.0.3 - Mend

@skbkontur/react-ui 6.0.2 → 6.0.3

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isExternalLink } from '../../lib/utils.js';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './Link.styles.js';\nimport { LinkIcon } from './LinkIcon.js';\n\nexport interface LinkInnerProps extends CommonProps {\n /** Ссылка меняет цвет на серый и становится недоступна для нажатия. /\n disabled?: boolean;\n\n /* Добавляет иконку слева от ссылки. /\n icon?: React.ReactElement;\n\n /* Добавляет иконку справа от ссылки. /\n rightIcon?: React.ReactElement;\n\n /* Стиль ссылки. /\n use?: 'default' \| 'success' \| 'danger' \| 'grayed';\n\n /* @ignore /\n _button?: boolean;\n\n /* @ignore /\n _buttonOpened?: boolean;\n\n /* HTML-атрибут `tabindex`. /\n tabIndex?: number;\n\n /* Переводит ссылку в состояние загрузки. /\n loading?: boolean;\n\n /* Объект с переменными темы. /\n theme?: ThemeIn;\n\n /* Задает состояние фокуса.\n * @ignore /\n focused?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Ошибка\". /\n error?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Предупреждение\". /\n warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n LinkInnerProps,\n C\n>;\nexport interface LinkState {\n focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' \| 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/\n С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.\n */\n@withRenderEnvironment\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n LinkProps<C>,\n LinkState\n> {\n public static __KONTUR_REACT_UI__ = 'Link';\n public static displayName = 'Link';\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n component: LINK_DEFAULT_COMPONENT,\n };\n\n private getProps = createPropsGetter(Link.defaultProps);\n\n public state: LinkState = {\n focusedByTab: false,\n };\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n }\n\n public render(): JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getTabIndex = ({\n nonInteractive,\n tabIndex = 0,\n }: {\n nonInteractive: boolean \| undefined;\n tabIndex: number \| undefined;\n }) => {\n return nonInteractive ? -1 : tabIndex;\n };\n\n private getRel = () => {\n if (isAnchorProps(this.props)) {\n const { rel, href } = this.props;\n if (!rel && href) {\n return `noopener${isExternalLink(href, this.globalObject) ? ' noreferrer' : ''}`;\n }\n return rel;\n }\n\n return undefined;\n };\n\n private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n const {\n disabled,\n icon,\n rightIcon,\n use,\n loading,\n _button,\n _buttonOpened,\n component: Root,\n focused = false,\n error,\n warning,\n tabIndex,\n theme,\n ...rest\n } = props;\n\n let arrow = null;\n if (_button) {\n arrow = <span className={this.styles.arrow()} />;\n }\n\n const isFocused = !disabled && (this.state.focusedByTab \|\| focused);\n\n const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n const rightIconElement = rightIcon && (\n <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n );\n const nonInteractive = disabled \|\| loading;\n const getUseStyles = () => {\n switch (use) {\n case 'default':\n return this.styles.default(this.theme);\n case 'danger':\n return this.styles.danger(this.theme);\n case 'success':\n return this.styles.success(this.theme);\n case 'grayed':\n return this.styles.grayed(this.theme);\n }\n };\n const getUseLineFocusStyles = () => {\n switch (use) {\n case 'default':\n return this.styles.lineFocus(this.theme);\n case 'danger':\n return this.styles.lineFocusDanger(this.theme);\n case 'success':\n return this.styles.lineFocusSuccess(this.theme);\n case 'grayed':\n return this.styles.lineFocusGrayed(this.theme);\n }\n };\n\n const rootProps = {\n ...rest,\n className: this.cx({\n [this.styles.root(this.theme)]: true,\n [this.styles.reserButton()]: Root === 'button',\n [this.styles.focus(this.theme)]: isFocused,\n [this.styles.disabled(this.theme)]: disabled \|\| loading,\n [getUseStyles()]: true,\n [this.styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n [this.styles.button(this.theme)]: !!_button,\n [this.styles.buttonOpened(this.theme)]: !!_buttonOpened,\n [this.styles.warning(this.theme)]: warning,\n [this.styles.error(this.theme)]: error,\n [getUseLineFocusStyles()]: isFocused,\n }),\n onClick: this.handleClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n rel: this.getRel(),\n };\n\n const buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};\n\n return (\n <Root\n data-tid={LinkDataTids.root}\n {...rootProps}\n {...buttonOnlyProps}\n {...getVisualStateDataAttributes({ disabled })}\n >\n {leftIconElement}\n {this.props.children}\n {rightIconElement}\n {arrow}\n </Root>\n );\n };\n\n private handleFocus = () => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n this.globalObject.requestAnimationFrame?.(() => {\n if (this.keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n }\n };\n\n private handleBlur = () => {\n this.setState({ focusedByTab: false });\n };\n\n private handleClick = (event: React.MouseEvent) => {\n const { onClick, disabled, loading } = this.props;\n\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n if (onClick && !disabled && !loading) {\n onClick(event);\n }\n };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n return props.component === 'a';\n};\n"]}
1	+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../components/Link/Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { type JSX } from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport { isExternalLink } from '../../lib/utils.js';\nimport { getStyles } from './Link.styles.js';\nimport { LinkIcon } from './LinkIcon.js';\n\nexport interface LinkInnerProps extends CommonProps {\n /** Ссылка меняет цвет на серый и становится недоступна для нажатия. /\n disabled?: boolean;\n\n /* Добавляет иконку слева от ссылки. /\n icon?: React.ReactElement;\n\n /* Добавляет иконку справа от ссылки. /\n rightIcon?: React.ReactElement;\n\n /* Стиль ссылки. /\n use?: 'default' \| 'success' \| 'danger' \| 'grayed';\n\n /* @ignore /\n _button?: boolean;\n\n /* @ignore /\n _buttonOpened?: boolean;\n\n /* HTML-атрибут `tabindex`. /\n tabIndex?: number;\n\n /* Переводит ссылку в состояние загрузки. /\n loading?: boolean;\n\n /* Объект с переменными темы. /\n theme?: ThemeIn;\n\n /* Задает состояние фокуса.\n * @ignore /\n focused?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Ошибка\". /\n error?: boolean;\n\n /* Переводит ссылку в состояние валидации \"Предупреждение\". /\n warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n LinkInnerProps,\n C\n>;\nexport interface LinkState {\n focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' \| 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/\n С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.\n */\n@withRenderEnvironment\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n LinkProps<C>,\n LinkState\n> {\n public static __KONTUR_REACT_UI__ = 'Link';\n public static displayName = 'Link';\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n component: LINK_DEFAULT_COMPONENT,\n };\n\n private getProps = createPropsGetter(Link.defaultProps);\n\n public state: LinkState = {\n focusedByTab: false,\n };\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n }\n\n public render(): JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getTabIndex = ({\n nonInteractive,\n tabIndex = 0,\n }: {\n nonInteractive: boolean \| undefined;\n tabIndex: number \| undefined;\n }) => {\n return nonInteractive ? -1 : tabIndex;\n };\n\n private getRel = () => {\n if (isAnchorProps(this.props)) {\n const { rel, href } = this.props;\n if (!rel && href) {\n return `noopener${isExternalLink(href, this.globalObject) ? ' noreferrer' : ''}`;\n }\n return rel;\n }\n\n return undefined;\n };\n\n private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n const {\n disabled,\n icon,\n rightIcon,\n use,\n loading,\n _button,\n _buttonOpened,\n component: Root,\n focused = false,\n error,\n warning,\n tabIndex,\n theme,\n ...rest\n } = props;\n\n let arrow = null;\n if (_button) {\n arrow = <span className={this.styles.arrow()} />;\n }\n\n const isFocused = !disabled && (this.state.focusedByTab \|\| focused);\n\n const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n const rightIconElement = rightIcon && (\n <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n );\n const nonInteractive = disabled \|\| loading;\n const getUseStyles = () => {\n switch (use) {\n case 'default':\n return this.styles.default(this.theme);\n case 'danger':\n return this.styles.danger(this.theme);\n case 'success':\n return this.styles.success(this.theme);\n case 'grayed':\n return this.styles.grayed(this.theme);\n }\n };\n const getUseLineFocusStyles = () => {\n switch (use) {\n case 'default':\n return this.styles.lineFocus(this.theme);\n case 'danger':\n return this.styles.lineFocusDanger(this.theme);\n case 'success':\n return this.styles.lineFocusSuccess(this.theme);\n case 'grayed':\n return this.styles.lineFocusGrayed(this.theme);\n }\n };\n\n const rootProps = {\n ...rest,\n className: this.cx({\n [this.styles.root(this.theme)]: true,\n [this.styles.reserButton()]: Root === 'button',\n [this.styles.focus(this.theme)]: isFocused,\n [this.styles.disabled(this.theme)]: disabled \|\| loading,\n [getUseStyles()]: true,\n [this.styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n [this.styles.button(this.theme)]: !!_button,\n [this.styles.buttonOpened(this.theme)]: !!_buttonOpened,\n [this.styles.warning(this.theme)]: warning,\n [this.styles.error(this.theme)]: error,\n [getUseLineFocusStyles()]: isFocused,\n }),\n onClick: this.handleClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n rel: this.getRel(),\n };\n\n const buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};\n\n return (\n <Root\n data-tid={LinkDataTids.root}\n {...rootProps}\n {...buttonOnlyProps}\n {...getVisualStateDataAttributes({ disabled })}\n >\n {leftIconElement}\n {this.props.children}\n {rightIconElement}\n {arrow}\n </Root>\n );\n };\n\n private handleFocus = () => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n this.globalObject.requestAnimationFrame?.(() => {\n if (this.keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n }\n };\n\n private handleBlur = () => {\n this.setState({ focusedByTab: false });\n };\n\n private handleClick = (event: React.MouseEvent) => {\n const { onClick, disabled, loading } = this.props;\n\n if (disabled) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n if (onClick && !disabled && !loading) {\n onClick(event);\n }\n };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n return props.component === 'a';\n};\n"]}

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

@@ -2,8 +2,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
 import { resetButton } from '../../lib/styles/Mixins.js';
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
 import { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';
 var line = function (_a) {
     var keyframes = _a.keyframes;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.styles.js","sourceRoot":"","sources":["../../../components/Link/Link.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,~~gBAAgB~~,EAAE,MAAM,~~8BAA8B~~,CAAC;~~AAEhE~~,OAAO,EAAE,~~WAAW~~,EAAE,MAAM,~~4BAA4B~~,CAAC;~~AAEzD~~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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ~~memoizeGetStyles~~ } from '../../lib/~~theming~~/~~Emotion~~.js';\nimport ~~type~~ { ~~Theme~~ } from '../../lib/theming/~~Theme~~.js';\nimport { ~~resetButton~~ } from '../../lib/~~styles~~/~~Mixins~~.js';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n 0% {\n text-decoration-color: inherit;\n }\n 100% {\n text-decoration-color: transparent;\n }\n`;\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n return emotion.css`\n animation: ${line(emotion)} 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ${delay}s !important;\n animation-fill-mode: forwards !important;\n `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n root(t: Theme) {\n return emotion.css`\n cursor: pointer;\n position: relative;\n\n border-radius: 1px;\n text-decoration: ${t.linkTextDecoration};\n text-decoration-style: ${t.linkTextDecorationStyle};\n text-underline-offset: ${t.linkTextUnderlineOffset};\n text-decoration-thickness: ${t.linkTextDecorationThickness};\n transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n text-decoration-color: ${t.linkTextDecorationColor};\n &:hover {\n text-decoration-color: currentColor;\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n }\n }\n @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n ${oldLineText(t, emotion)};\n &:hover {\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n animation: none !important;\n }\n }\n `;\n },\n lineFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkHoverColor};\n `;\n },\n\n lineFocusSuccess(t: Theme) {\n return emotion.css`\n color: ${t.linkSuccessHoverColor} !important;\n `;\n },\n\n lineFocusDanger(t: Theme) {\n return emotion.css`\n color: ${t.linkDangerHoverColor} !important;\n `;\n },\n\n lineFocusGrayed(t: Theme) {\n return emotion.css`\n color: ${t.linkGrayedHoverColor} !important;\n `;\n },\n\n button(t: Theme) {\n return emotion.css`\n display: inline-block;\n line-height: ${t.linkButtonLineHeight};\n padding-left: ${t.linkButtonPaddingX};\n padding-right: ${t.linkButtonPaddingX};\n `;\n },\n\n buttonOpened(t: Theme) {\n return emotion.css`\n background: ${t.btnDefaultActiveBg};\n `;\n },\n\n arrow() {\n return emotion.css`\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n `;\n },\n\n grayed(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n `;\n },\n\n useGrayedFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n text-decoration: ${t.linkHoverTextDecoration};\n outline: ${t.linkFocusOutline};\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n ${linkDisabledMixin()};\n\n color: ${t.linkDisabledColor} !important; // override root color\n\n &:hover {\n color: ${t.linkDisabledColor};\n text-decoration-color: ${t.linkTextDecorationColor};\n }\n `;\n },\n\n icon() {\n return emotion.css`\n display: inline-block;\n `;\n },\n\n iconLeft(t: Theme) {\n return emotion.css`\n margin-right: ${t.linkIconMarginRight};\n `;\n },\n\n iconRight(t: Theme) {\n return emotion.css`\n margin-left: ${t.linkIconMarginLeft};\n `;\n },\n\n warning(t: Theme) {\n return emotion.css`\n background-color: ${t.btnWarningSecondary};\n box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n `;\n },\n\n error(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n `;\n },\n\n reserButton() {\n return emotion.css`\n ${resetButton()};\n `;\n },\n}));\n"]}
1	+ {"version":3,"file":"Link.styles.js","sourceRoot":"","sources":["../../../components/Link/Link.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n 0% {\n text-decoration-color: inherit;\n }\n 100% {\n text-decoration-color: transparent;\n }\n`;\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n return emotion.css`\n animation: ${line(emotion)} 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ${delay}s !important;\n animation-fill-mode: forwards !important;\n `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n root(t: Theme) {\n return emotion.css`\n cursor: pointer;\n position: relative;\n\n border-radius: 1px;\n text-decoration: ${t.linkTextDecoration};\n text-decoration-style: ${t.linkTextDecorationStyle};\n text-underline-offset: ${t.linkTextUnderlineOffset};\n text-decoration-thickness: ${t.linkTextDecorationThickness};\n transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n text-decoration-color: ${t.linkTextDecorationColor};\n &:hover {\n text-decoration-color: currentColor;\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n }\n }\n @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n ${oldLineText(t, emotion)};\n &:hover {\n text-decoration-style: ${t.linkHoverTextDecorationStyle};\n animation: none !important;\n }\n }\n `;\n },\n lineFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkHoverColor};\n `;\n },\n\n lineFocusSuccess(t: Theme) {\n return emotion.css`\n color: ${t.linkSuccessHoverColor} !important;\n `;\n },\n\n lineFocusDanger(t: Theme) {\n return emotion.css`\n color: ${t.linkDangerHoverColor} !important;\n `;\n },\n\n lineFocusGrayed(t: Theme) {\n return emotion.css`\n color: ${t.linkGrayedHoverColor} !important;\n `;\n },\n\n button(t: Theme) {\n return emotion.css`\n display: inline-block;\n line-height: ${t.linkButtonLineHeight};\n padding-left: ${t.linkButtonPaddingX};\n padding-right: ${t.linkButtonPaddingX};\n `;\n },\n\n buttonOpened(t: Theme) {\n return emotion.css`\n background: ${t.btnDefaultActiveBg};\n `;\n },\n\n arrow() {\n return emotion.css`\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n `;\n },\n\n grayed(t: Theme) {\n return emotion.css`\n ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n `;\n },\n\n useGrayedFocus(t: Theme) {\n return emotion.css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n text-decoration: ${t.linkHoverTextDecoration};\n outline: ${t.linkFocusOutline};\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n ${linkDisabledMixin()};\n\n color: ${t.linkDisabledColor} !important; // override root color\n\n &:hover {\n color: ${t.linkDisabledColor};\n text-decoration-color: ${t.linkTextDecorationColor};\n }\n `;\n },\n\n icon() {\n return emotion.css`\n display: inline-block;\n `;\n },\n\n iconLeft(t: Theme) {\n return emotion.css`\n margin-right: ${t.linkIconMarginRight};\n `;\n },\n\n iconRight(t: Theme) {\n return emotion.css`\n margin-left: ${t.linkIconMarginLeft};\n `;\n },\n\n warning(t: Theme) {\n return emotion.css`\n background-color: ${t.btnWarningSecondary};\n box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n `;\n },\n\n error(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n `;\n },\n\n reserButton() {\n return emotion.css`\n ${resetButton()};\n `;\n },\n}));\n"]}

package/components/Link/LinkIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinkIcon.js","sourceRoot":"","sources":["../../../components/Link/LinkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;~~AAG9C~~,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAO7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAwD;QAAtD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IAC9D,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,8BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EAAE,EACb,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC7C,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAChD,IAEA,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAC,MAAM,SAAG,CAAC,CAAC,CAAC,IAAI,CACtE,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Spinner } from '../Spinner/index.js';\n\nimport type { LinkProps } from './Link.js';\nimport { getStyles } from './Link.styles.js';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' \| 'loading'> {\n position?: 'left' \| 'right';\n hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps): React.JSX.Element => {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n\n return (\n <span\n className={cx(\n styles.icon(),\n position === 'left' && styles.iconLeft(theme),\n position === 'right' && styles.iconRight(theme),\n )}\n >\n {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n </span>\n );\n};\n"]}
1	+ {"version":3,"file":"LinkIcon.js","sourceRoot":"","sources":["../../../components/Link/LinkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAO7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAwD;QAAtD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IAC9D,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,8BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EAAE,EACb,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC7C,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAChD,IAEA,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAC,MAAM,SAAG,CAAC,CAAC,CAAC,IAAI,CACtE,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Spinner } from '../Spinner/index.js';\nimport type { LinkProps } from './Link.js';\nimport { getStyles } from './Link.styles.js';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' \| 'loading'> {\n position?: 'left' \| 'right';\n hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps): React.JSX.Element => {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n\n return (\n <span\n className={cx(\n styles.icon(),\n position === 'left' && styles.iconLeft(theme),\n position === 'right' && styles.iconRight(theme),\n )}\n >\n {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n </span>\n );\n};\n"]}

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { AnyObject } from '../../lib/utils.js';
-import type { SpinnerProps } from '../Spinner/index.js';
 import type { CommonProps } from '../../internal/CommonWrapper/index.js';
 import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { AnyObject } from '../../lib/utils.js';
+import type { SpinnerProps } from '../Spinner/index.js';
 declare const types: readonly ["mini", "normal", "big"];
 export type LoaderType = (typeof types)[number];
 export interface LoaderProps extends CommonProps {

package/components/Loader/Loader.js CHANGED Viewed

@@ -30,21 +30,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import React from 'react';
 import debounce from 'lodash.debounce';
-import { isBrowser } from '../../lib/globalObject.js';
-import * as LayoutEvents from '../../lib/LayoutEvents.js';
-import { Spinner } from '../Spinner/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { ZIndex } from '../../internal/ZIndex/index.js';
+import React from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { ZIndex } from '../../internal/ZIndex/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
 import { isTestEnv } from '../../lib/currentEnvironment.js';
-import { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration.js';
-import { getTabbableElements } from '../../lib/dom/tabbableHelpers.js';
-import { rootNode } from '../../lib/rootNode/index.js';
 import { getDOMRect } from '../../lib/dom/getDOMRect.js';
-import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { getTabbableElements } from '../../lib/dom/tabbableHelpers.js';
+import { isBrowser } from '../../lib/globalObject.js';
+import * as LayoutEvents from '../../lib/LayoutEvents.js';
 import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { Spinner } from '../Spinner/index.js';
 import { getStyles } from './Loader.styles.js';
 var types = ['mini', 'normal', 'big'];
 export var LoaderDataTids = {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../components/Loader/Loader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isBrowser } from '../../lib/globalObject.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport type { AnyObject } from '../../lib/utils.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport type { SpinnerProps } from '../Spinner/index.js';\nimport { Spinner } from '../Spinner/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration.js';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './Loader.styles.js';\n\nconst types = ['mini', 'normal', 'big'] as const;\n\nexport type LoaderType = (typeof types)[number];\n\nexport interface LoaderProps extends CommonProps {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Показывает лоадер.\n * @default false /\n active?: boolean;\n\n /* Подпись под спиннером.\n * @default \"\"\n /\n caption?: SpinnerProps['caption'];\n\n /* Задает компонент, заменяющий спиннер. /\n component?: React.ReactNode;\n\n /* Размер спиннера и текста.\n * @default normal. /\n type?: LoaderType;\n\n /* Время в миллисекундах для показа вуали без спиннера.\n * @default 300 /\n delayBeforeSpinnerShow?: number;\n\n /* Минимальное время в миллисекундах для показа спиннера.\n * @default 1000. /\n minimalDelayBeforeSpinnerHide?: number;\n}\n\nexport interface LoaderState {\n isStickySpinner: boolean;\n isSpinnerVisible: boolean;\n isLoaderActive: boolean;\n spinnerStyle?: AnyObject;\n}\n\nexport const LoaderDataTids = {\n idle: 'Loader__Idle',\n veil: 'Loader__Veil',\n spinner: 'Loader__Spinner',\n} as const;\n\ntype DefaultProps = Required<\n Pick<LoaderProps, 'type' \| 'active' \| 'delayBeforeSpinnerShow' \| 'minimalDelayBeforeSpinnerHide'>\n>;\n\n/\n С помощью лоадера можно отобразить процесс выполнения задачи.\n * Лоадер принимает в качестве дочернего элемента другой компонент или контент, который будет показан на экране.\n * Когда происходит загрузка, поверх этого компонента или контента будет отображаться [Спиннер](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-spinner--docs).\n */\n@withRenderEnvironment\n@rootNode\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n public static __KONTUR_REACT_UI__ = 'Loader';\n public static displayName = 'Loader';\n\n public static defaultProps: DefaultProps = {\n type: 'normal',\n active: false,\n delayBeforeSpinnerShow: isTestEnv ? 0 : 300,\n minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,\n };\n\n private getProps = createPropsGetter(Loader.defaultProps);\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private spinnerContainerNode: Nullable<HTMLDivElement>;\n private childrenContainerNode: Nullable<HTMLDivElement>;\n private spinnerNode: Nullable<HTMLDivElement>;\n private layoutEvents: Nullable<{ remove: () => void }>;\n private spinnerTask!: TaskWithDelayAndMinimalDuration;\n private childrenObserver: Nullable<MutationObserver>;\n\n constructor(props: LoaderProps) {\n super(props);\n\n this.spinnerContainerNode = null;\n this.childrenContainerNode = null;\n this.childrenObserver = null;\n this.spinnerNode = null;\n\n this.state = {\n isStickySpinner: false,\n isSpinnerVisible: false,\n isLoaderActive: false,\n };\n }\n\n public componentDidMount() {\n this.spinnerTask = new TaskWithDelayAndMinimalDuration({\n delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,\n durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,\n taskStartCallback: () => this.setState({ isSpinnerVisible: true }),\n taskStopCallback: () => this.setState({ isSpinnerVisible: false }),\n });\n const active = this.getProps().active;\n this.checkSpinnerPosition();\n active && this.spinnerTask.start();\n this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10), this.globalObject);\n\n if (active) {\n this.disableChildrenFocus();\n }\n }\n\n public componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>) {\n const { component } = this.props;\n const { active, delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide } = this.getProps();\n const { isLoaderActive } = this.state;\n\n if ((active && !prevProps.active) \|\| prevProps.component !== component) {\n this.checkSpinnerPosition();\n }\n\n if (\n delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow \|\|\n minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide\n ) {\n this.spinnerTask.update({\n delayBeforeTaskStart: delayBeforeSpinnerShow,\n durationOfTask: minimalDelayBeforeSpinnerHide,\n });\n }\n\n if (active !== prevProps.active) {\n active ? this.spinnerTask.start() : this.spinnerTask.stop();\n }\n\n if (isLoaderActive !== prevState.isLoaderActive) {\n if (isLoaderActive) {\n this.disableChildrenFocus();\n } else {\n this.enableChildrenFocus();\n }\n }\n }\n\n public componentWillUnmount() {\n this.makeUnobservable();\n if (this.layoutEvents) {\n this.layoutEvents.remove();\n }\n this.spinnerTask.clearTask();\n }\n\n public static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState> {\n if (props.active && !state.isLoaderActive) {\n return {\n isLoaderActive: true,\n };\n }\n if (state.isLoaderActive && !(props.active \|\| state.isSpinnerVisible)) {\n return {\n isLoaderActive: false,\n };\n }\n\n return state;\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { caption, component } = this.props;\n const type = this.getProps().type;\n const { isLoaderActive } = this.state;\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n className={this.styles.loader()}\n data-tid={this.props['data-tid'] \|\| (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle)}\n >\n <ZIndex\n applyZIndex={isLoaderActive}\n coverChildren={isLoaderActive}\n style={{ height: '100%' }}\n wrapperRef={this.childrenRef}\n >\n {this.props.children}\n </ZIndex>\n {isLoaderActive && (\n <ZIndex\n wrapperRef={this.spinnerRef}\n className={this.cx({\n [this.styles.active(this.theme)]: isLoaderActive,\n })}\n >\n {this.state.isSpinnerVisible && this.renderSpinner(type, caption, component)}\n </ZIndex>\n )}\n </div>\n </CommonWrapper>\n );\n }\n\n private childrenRef = (element: HTMLDivElement \| null) => {\n this.childrenContainerNode = element;\n };\n\n private spinnerRef = (element: HTMLDivElement \| null) => {\n this.spinnerContainerNode = element;\n };\n\n private renderSpinner(type?: LoaderType, caption?: React.ReactNode, component?: React.ReactNode) {\n return (\n <span\n data-tid={LoaderDataTids.spinner}\n className={this.cx(this.styles.spinnerContainer(), {\n [this.styles.spinnerContainerSticky()]: this.state.isStickySpinner,\n })}\n style={this.state.spinnerStyle}\n >\n <div\n className={this.styles.spinnerComponentWrapper()}\n ref={(element) => {\n this.spinnerNode = element;\n }}\n >\n {component !== undefined ? component : <Spinner type={type} caption={caption} />}\n </div>\n </span>\n );\n }\n\n private checkSpinnerPosition = () => {\n if (!this.spinnerContainerNode \|\| !isBrowser(this.globalObject)) {\n return;\n }\n\n const {\n top: containerTop,\n right: containerRight,\n bottom: containerBottom,\n left: containerLeft,\n height: containerHeight,\n width: containerWidth,\n } = getDOMRect(this.spinnerContainerNode);\n\n const windowHeight = this.globalObject.innerHeight;\n const windowWidth = this.globalObject.innerWidth;\n\n // Если контейнер не больше высоты и не шире окна,\n // то просто выравниваем по центру\n if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n this.setState({\n isStickySpinner: false,\n spinnerStyle: {},\n });\n return;\n }\n\n const spinnerStyle: {\n top?: number;\n right: number;\n bottom: number;\n left: number;\n } = {\n top: 30,\n right: 0,\n bottom: 30,\n left: 0,\n };\n\n // ПО ВЕРТИКАЛИ\n // Если верхний край контейнера ниже верхнего края окна,\n // то сдвигаем и лоадер\n if (containerTop > 0) {\n spinnerStyle.top = containerTop + 30;\n }\n\n // Если нижний край контейнера выше нижнего края окна,\n // то сдвигаем и лоадер\n if (containerBottom < windowHeight) {\n spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n }\n\n // Если знаем высоту спиннера и нижний край контейнера поднимается\n // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n\n const spinnerHeight = getDOMRect(this.spinnerNode).height;\n\n if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n delete spinnerStyle.top;\n }\n\n // ПО ГОРИЗОНТАЛИ\n // Если левый край контейнера правее левого края окна,\n // то сдвигаем и лоадер\n if (containerLeft > 0) {\n spinnerStyle.left = containerLeft;\n }\n\n // Если правый край контейнера левее правого края окна,\n // то сдвигаем и лоадер\n if (containerRight < windowWidth) {\n spinnerStyle.right = windowWidth - containerRight;\n }\n\n this.setState({\n isStickySpinner: true,\n spinnerStyle,\n });\n };\n\n private disableChildrenFocus = () => {\n if (!this.childrenObserver) {\n this.makeObservable();\n }\n const tabbableElements = getTabbableElements(this.childrenContainerNode);\n tabbableElements.forEach((el) => {\n if (!el.hasAttribute('origin-tabindex')) {\n el.setAttribute('origin-tabindex', el.tabIndex.toString());\n }\n el.tabIndex = -1;\n });\n };\n\n private enableChildrenFocus = () => {\n this.makeUnobservable();\n\n this.globalObject.document?.querySelectorAll('[origin-tabindex]').forEach((el) => {\n el.setAttribute('tabindex', el.getAttribute('origin-tabindex') ?? '0');\n el.removeAttribute('origin-tabindex');\n });\n };\n\n private makeObservable = () => {\n const target = this.childrenContainerNode;\n if (!target \|\| !this.globalObject.MutationObserver) {\n return;\n }\n const config = {\n childList: true,\n subtree: true,\n };\n const observer = new this.globalObject.MutationObserver(this.disableChildrenFocus);\n observer.observe(target, config);\n this.childrenObserver = observer;\n };\n\n private makeUnobservable = () => {\n this.childrenObserver?.disconnect();\n this.childrenObserver = null;\n };\n}\n"]}
1	+ {"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../components/Loader/Loader.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport debounce from 'lodash.debounce';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { AnyObject } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { Spinner } from '../Spinner/index.js';\nimport type { SpinnerProps } from '../Spinner/index.js';\nimport { getStyles } from './Loader.styles.js';\n\nconst types = ['mini', 'normal', 'big'] as const;\n\nexport type LoaderType = (typeof types)[number];\n\nexport interface LoaderProps extends CommonProps {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Показывает лоадер.\n * @default false /\n active?: boolean;\n\n /* Подпись под спиннером.\n * @default \"\"\n /\n caption?: SpinnerProps['caption'];\n\n /* Задает компонент, заменяющий спиннер. /\n component?: React.ReactNode;\n\n /* Размер спиннера и текста.\n * @default normal. /\n type?: LoaderType;\n\n /* Время в миллисекундах для показа вуали без спиннера.\n * @default 300 /\n delayBeforeSpinnerShow?: number;\n\n /* Минимальное время в миллисекундах для показа спиннера.\n * @default 1000. /\n minimalDelayBeforeSpinnerHide?: number;\n}\n\nexport interface LoaderState {\n isStickySpinner: boolean;\n isSpinnerVisible: boolean;\n isLoaderActive: boolean;\n spinnerStyle?: AnyObject;\n}\n\nexport const LoaderDataTids = {\n idle: 'Loader__Idle',\n veil: 'Loader__Veil',\n spinner: 'Loader__Spinner',\n} as const;\n\ntype DefaultProps = Required<\n Pick<LoaderProps, 'type' \| 'active' \| 'delayBeforeSpinnerShow' \| 'minimalDelayBeforeSpinnerHide'>\n>;\n\n/\n С помощью лоадера можно отобразить процесс выполнения задачи.\n * Лоадер принимает в качестве дочернего элемента другой компонент или контент, который будет показан на экране.\n * Когда происходит загрузка, поверх этого компонента или контента будет отображаться [Спиннер](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-spinner--docs).\n */\n@withRenderEnvironment\n@rootNode\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n public static __KONTUR_REACT_UI__ = 'Loader';\n public static displayName = 'Loader';\n\n public static defaultProps: DefaultProps = {\n type: 'normal',\n active: false,\n delayBeforeSpinnerShow: isTestEnv ? 0 : 300,\n minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,\n };\n\n private getProps = createPropsGetter(Loader.defaultProps);\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private spinnerContainerNode: Nullable<HTMLDivElement>;\n private childrenContainerNode: Nullable<HTMLDivElement>;\n private spinnerNode: Nullable<HTMLDivElement>;\n private layoutEvents: Nullable<{ remove: () => void }>;\n private spinnerTask!: TaskWithDelayAndMinimalDuration;\n private childrenObserver: Nullable<MutationObserver>;\n\n constructor(props: LoaderProps) {\n super(props);\n\n this.spinnerContainerNode = null;\n this.childrenContainerNode = null;\n this.childrenObserver = null;\n this.spinnerNode = null;\n\n this.state = {\n isStickySpinner: false,\n isSpinnerVisible: false,\n isLoaderActive: false,\n };\n }\n\n public componentDidMount() {\n this.spinnerTask = new TaskWithDelayAndMinimalDuration({\n delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,\n durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,\n taskStartCallback: () => this.setState({ isSpinnerVisible: true }),\n taskStopCallback: () => this.setState({ isSpinnerVisible: false }),\n });\n const active = this.getProps().active;\n this.checkSpinnerPosition();\n active && this.spinnerTask.start();\n this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10), this.globalObject);\n\n if (active) {\n this.disableChildrenFocus();\n }\n }\n\n public componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>) {\n const { component } = this.props;\n const { active, delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide } = this.getProps();\n const { isLoaderActive } = this.state;\n\n if ((active && !prevProps.active) \|\| prevProps.component !== component) {\n this.checkSpinnerPosition();\n }\n\n if (\n delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow \|\|\n minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide\n ) {\n this.spinnerTask.update({\n delayBeforeTaskStart: delayBeforeSpinnerShow,\n durationOfTask: minimalDelayBeforeSpinnerHide,\n });\n }\n\n if (active !== prevProps.active) {\n active ? this.spinnerTask.start() : this.spinnerTask.stop();\n }\n\n if (isLoaderActive !== prevState.isLoaderActive) {\n if (isLoaderActive) {\n this.disableChildrenFocus();\n } else {\n this.enableChildrenFocus();\n }\n }\n }\n\n public componentWillUnmount() {\n this.makeUnobservable();\n if (this.layoutEvents) {\n this.layoutEvents.remove();\n }\n this.spinnerTask.clearTask();\n }\n\n public static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState> {\n if (props.active && !state.isLoaderActive) {\n return {\n isLoaderActive: true,\n };\n }\n if (state.isLoaderActive && !(props.active \|\| state.isSpinnerVisible)) {\n return {\n isLoaderActive: false,\n };\n }\n\n return state;\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { caption, component } = this.props;\n const type = this.getProps().type;\n const { isLoaderActive } = this.state;\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n className={this.styles.loader()}\n data-tid={this.props['data-tid'] \|\| (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle)}\n >\n <ZIndex\n applyZIndex={isLoaderActive}\n coverChildren={isLoaderActive}\n style={{ height: '100%' }}\n wrapperRef={this.childrenRef}\n >\n {this.props.children}\n </ZIndex>\n {isLoaderActive && (\n <ZIndex\n wrapperRef={this.spinnerRef}\n className={this.cx({\n [this.styles.active(this.theme)]: isLoaderActive,\n })}\n >\n {this.state.isSpinnerVisible && this.renderSpinner(type, caption, component)}\n </ZIndex>\n )}\n </div>\n </CommonWrapper>\n );\n }\n\n private childrenRef = (element: HTMLDivElement \| null) => {\n this.childrenContainerNode = element;\n };\n\n private spinnerRef = (element: HTMLDivElement \| null) => {\n this.spinnerContainerNode = element;\n };\n\n private renderSpinner(type?: LoaderType, caption?: React.ReactNode, component?: React.ReactNode) {\n return (\n <span\n data-tid={LoaderDataTids.spinner}\n className={this.cx(this.styles.spinnerContainer(), {\n [this.styles.spinnerContainerSticky()]: this.state.isStickySpinner,\n })}\n style={this.state.spinnerStyle}\n >\n <div\n className={this.styles.spinnerComponentWrapper()}\n ref={(element) => {\n this.spinnerNode = element;\n }}\n >\n {component !== undefined ? component : <Spinner type={type} caption={caption} />}\n </div>\n </span>\n );\n }\n\n private checkSpinnerPosition = () => {\n if (!this.spinnerContainerNode \|\| !isBrowser(this.globalObject)) {\n return;\n }\n\n const {\n top: containerTop,\n right: containerRight,\n bottom: containerBottom,\n left: containerLeft,\n height: containerHeight,\n width: containerWidth,\n } = getDOMRect(this.spinnerContainerNode);\n\n const windowHeight = this.globalObject.innerHeight;\n const windowWidth = this.globalObject.innerWidth;\n\n // Если контейнер не больше высоты и не шире окна,\n // то просто выравниваем по центру\n if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n this.setState({\n isStickySpinner: false,\n spinnerStyle: {},\n });\n return;\n }\n\n const spinnerStyle: {\n top?: number;\n right: number;\n bottom: number;\n left: number;\n } = {\n top: 30,\n right: 0,\n bottom: 30,\n left: 0,\n };\n\n // ПО ВЕРТИКАЛИ\n // Если верхний край контейнера ниже верхнего края окна,\n // то сдвигаем и лоадер\n if (containerTop > 0) {\n spinnerStyle.top = containerTop + 30;\n }\n\n // Если нижний край контейнера выше нижнего края окна,\n // то сдвигаем и лоадер\n if (containerBottom < windowHeight) {\n spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n }\n\n // Если знаем высоту спиннера и нижний край контейнера поднимается\n // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n\n const spinnerHeight = getDOMRect(this.spinnerNode).height;\n\n if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n delete spinnerStyle.top;\n }\n\n // ПО ГОРИЗОНТАЛИ\n // Если левый край контейнера правее левого края окна,\n // то сдвигаем и лоадер\n if (containerLeft > 0) {\n spinnerStyle.left = containerLeft;\n }\n\n // Если правый край контейнера левее правого края окна,\n // то сдвигаем и лоадер\n if (containerRight < windowWidth) {\n spinnerStyle.right = windowWidth - containerRight;\n }\n\n this.setState({\n isStickySpinner: true,\n spinnerStyle,\n });\n };\n\n private disableChildrenFocus = () => {\n if (!this.childrenObserver) {\n this.makeObservable();\n }\n const tabbableElements = getTabbableElements(this.childrenContainerNode);\n tabbableElements.forEach((el) => {\n if (!el.hasAttribute('origin-tabindex')) {\n el.setAttribute('origin-tabindex', el.tabIndex.toString());\n }\n el.tabIndex = -1;\n });\n };\n\n private enableChildrenFocus = () => {\n this.makeUnobservable();\n\n this.globalObject.document?.querySelectorAll('[origin-tabindex]').forEach((el) => {\n el.setAttribute('tabindex', el.getAttribute('origin-tabindex') ?? '0');\n el.removeAttribute('origin-tabindex');\n });\n };\n\n private makeObservable = () => {\n const target = this.childrenContainerNode;\n if (!target \|\| !this.globalObject.MutationObserver) {\n return;\n }\n const config = {\n childList: true,\n subtree: true,\n };\n const observer = new this.globalObject.MutationObserver(this.disableChildrenFocus);\n observer.observe(target, config);\n this.childrenObserver = observer;\n };\n\n private makeUnobservable = () => {\n this.childrenObserver?.disconnect();\n this.childrenObserver = null;\n };\n}\n"]}

package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js CHANGED Viewed

@@ -20,13 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useContext, useEffect, useImperativeHandle, useRef, useCallback, useState } from 'react';
 import debounce from 'lodash.debounce';
-import { useGlobal, useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';
+import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
 import { isBrowser } from '../../../lib/globalObject.js';
+import { useEmotion, useGlobal, useStyles } from '../../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
-import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
-import { globalClasses, getStyles } from './ColorableInputElement.styles.js';
+import { getStyles, globalClasses } from './ColorableInputElement.styles.js';
 // Возможно придётся включить.
 // Иногда, на тяжёлых страницах, текст рендерится итеративно.
 // Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.

package/components/MaskedInput/ColorableInputElement/ColorableInputElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorableInputElement.js","sourceRoot":"","sources":["../../../../components/MaskedInput/ColorableInputElement/ColorableInputElement.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint react-hooks/exhaustive-deps: 2 /\nimport type { ForwardedRef } from 'react';\nimport React, { useContext, useEffect, useImperativeHandle, useRef, useCallback, useState } from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { useGlobal, useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { isBrowser } from '../../../lib/globalObject.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { InputElement, InputElementProps } from '../../Input/index.js';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\n\nimport { globalClasses, getStyles } from './ColorableInputElement.styles.js';\n\nexport type ColorableInputElementProps = InputElementProps & {\n alwaysShowMask?: boolean;\n showOnFocus?: boolean;\n children: React.ReactElement<any>;\n};\n\n// Возможно придётся включить.\n// Иногда, на тяжёлых страницах, текст рендерится итеративно.\n// Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.\n// setInterval(() => window.requestAnimationFrame(() => dictionary.forEach((paint) => paint())), 1000);\n\nexport const ColorableInputElement = forwardRefAndName(\n 'ColorableInputElement',\n function ColorableInputElement(props: ColorableInputElementProps, ref: ForwardedRef<InputElement>) {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const spanRef = useRef<HTMLSpanElement \| null>(null);\n const focused = useRef(false);\n const updateActiveTimer = useRef<ReturnType<typeof setTimeout> \| undefined>(undefined);\n const globalObject = useGlobal();\n const emotion = useEmotion();\n const { cx } = emotion;\n const styles = useStyles(getStyles);\n const theme = useContext(ThemeContext);\n const [active, setActive] = useState(\n Boolean(props.alwaysShowMask \|\| (!props.placeholder && (props.value \|\| props.defaultValue))),\n );\n\n const { children, onInput, onFocus, onBlur, showOnFocus, alwaysShowMask, ...inputProps } = props;\n\n const stopUpdateActive = useCallback(() => {\n clearTimeout(updateActiveTimer.current);\n }, []);\n\n const updateActive = useCallback(() => {\n stopUpdateActive();\n updateActiveTimer.current = setTimeout(() => {\n let nextActive = true;\n if (inputRef.current) {\n const { clientWidth, scrollWidth } = inputRef.current;\n const scrollable = scrollWidth > clientWidth;\n\n const placeholderShown = inputRef.current?.parentElement?.querySelector(':placeholder-shown');\n\n nextActive = !(scrollable \|\| placeholderShown);\n }\n setActive(nextActive);\n }, 0);\n }, [stopUpdateActive]);\n\n const paintText = useCallback(() => {\n if (!isBrowser(globalObject) \|\| !spanRef.current \|\| !inputRef.current \|\| !active) {\n inputRef.current && (inputRef.current.style.backgroundImage = '');\n inputRef.current?.classList.remove(globalClasses.input);\n\n return;\n }\n\n inputRef.current?.classList.add(globalClasses.input);\n\n let shadow = spanRef.current.shadowRoot;\n let typedValueElement = shadow?.getElementById('typed-value');\n let fullValueElement = shadow?.getElementById('full-value');\n\n if (!typedValueElement \|\| !fullValueElement) {\n shadow = spanRef.current.attachShadow({ mode: 'open' });\n\n typedValueElement = globalObject.document.createElement('span');\n fullValueElement = globalObject.document.createElement('span');\n typedValueElement.setAttribute('id', 'typed-value');\n fullValueElement.setAttribute('id', 'full-value');\n\n shadow.append(typedValueElement, fullValueElement);\n }\n\n const style = getComputedStyle(inputRef.current);\n\n typedValueElement.textContent =\n ((inputRef.current.getAttribute('data-unmasked-value') \|\| focused.current) &&\n inputRef.current.getAttribute('data-typed-value')) \|\|\n '';\n\n fullValueElement.textContent = inputRef.current.value \|\| inputRef.current.defaultValue \|\| '';\n\n const inputRect = inputRef.current.getBoundingClientRect();\n const typedValueRect = typedValueElement.getBoundingClientRect();\n const fullValueRect = fullValueElement.getBoundingClientRect();\n\n const threshold = typedValueRect.width / (inputRect.width / 100);\n const degree = style.fontStyle === 'italic' ? 100 : 90;\n const restValueWidth = 1 - Math.min(fullValueRect.width / inputRect.width, 1);\n\n let typedValueColor = theme.inputTextColor;\n let maskColor = theme.inputPlaceholderColor;\n let indent = 0;\n\n if (props.disabled) {\n typedValueColor = theme.inputTextColorDisabled;\n maskColor = theme.inputTextColorDisabled;\n }\n if (props.showOnFocus) {\n maskColor = focused.current ? maskColor : 'transparent';\n }\n if (props.style?.textAlign === 'right') {\n indent = 100 restValueWidth;\n }\n if (props.style?.textAlign === 'center') {\n indent = 50 * restValueWidth;\n }\n\n inputRef.current.style.backgroundImage = `\n linear-gradient(\n ${degree}deg,\n ${typedValueColor} ${threshold + indent}%,\n ${maskColor} ${threshold + indent}%\n )`;\n }, [\n active,\n props.showOnFocus,\n props.disabled,\n theme.inputTextColor,\n theme.inputPlaceholderColor,\n theme.inputTextColorDisabled,\n globalObject,\n props.style?.textAlign,\n ]);\n\n const debouncedPaintText = useCallback(() => debounce(paintText), [paintText])();\n\n const handleInput = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n debouncedPaintText();\n\n onInput?.(e);\n },\n [debouncedPaintText, onInput],\n );\n\n const handleFocus = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n updateActive();\n\n focused.current = true;\n\n onFocus?.(e);\n },\n [onFocus, updateActive],\n );\n\n const handleBlur = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n updateActive();\n\n focused.current = false;\n\n onBlur?.(e);\n },\n [onBlur, updateActive],\n );\n\n useImperativeHandle(\n ref,\n () => ({\n input: inputRef.current,\n getRootNode: () => inputRef.current,\n }),\n [],\n );\n\n useEffect(() => {\n debouncedPaintText();\n updateActive();\n\n return stopUpdateActive;\n }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);\n\n return (\n <>\n {React.cloneElement(children, {\n ...inputProps,\n onInput: handleInput,\n onFocus: handleFocus,\n onBlur: handleBlur,\n inputRef,\n className: cx(props.className, styles.root(), {\n [globalClasses.input]: active,\n }),\n })}\n {active && <span style={{ visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }} ref={spanRef} />}\n </>\n );\n },\n);\n"]}
1	+ {"version":3,"file":"ColorableInputElement.js","sourceRoot":"","sources":["../../../../components/MaskedInput/ColorableInputElement/ColorableInputElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport type { ForwardedRef } from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { isBrowser } from '../../../lib/globalObject.js';\nimport { useEmotion, useGlobal, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { InputElement, InputElementProps } from '../../Input/index.js';\nimport { getStyles, globalClasses } from './ColorableInputElement.styles.js';\n\nexport type ColorableInputElementProps = InputElementProps & {\n alwaysShowMask?: boolean;\n showOnFocus?: boolean;\n children: React.ReactElement<any>;\n};\n\n// Возможно придётся включить.\n// Иногда, на тяжёлых страницах, текст рендерится итеративно.\n// Из-за этого могут оставаться артефакты при покраске компонента, которые пропадут только после фокуса.\n// setInterval(() => window.requestAnimationFrame(() => dictionary.forEach((paint) => paint())), 1000);\n\nexport const ColorableInputElement = forwardRefAndName(\n 'ColorableInputElement',\n function ColorableInputElement(props: ColorableInputElementProps, ref: ForwardedRef<InputElement>) {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const spanRef = useRef<HTMLSpanElement \| null>(null);\n const focused = useRef(false);\n const updateActiveTimer = useRef<ReturnType<typeof setTimeout> \| undefined>(undefined);\n const globalObject = useGlobal();\n const emotion = useEmotion();\n const { cx } = emotion;\n const styles = useStyles(getStyles);\n const theme = useContext(ThemeContext);\n const [active, setActive] = useState(\n Boolean(props.alwaysShowMask \|\| (!props.placeholder && (props.value \|\| props.defaultValue))),\n );\n\n const { children, onInput, onFocus, onBlur, showOnFocus, alwaysShowMask, ...inputProps } = props;\n\n const stopUpdateActive = useCallback(() => {\n clearTimeout(updateActiveTimer.current);\n }, []);\n\n const updateActive = useCallback(() => {\n stopUpdateActive();\n updateActiveTimer.current = setTimeout(() => {\n let nextActive = true;\n if (inputRef.current) {\n const { clientWidth, scrollWidth } = inputRef.current;\n const scrollable = scrollWidth > clientWidth;\n\n const placeholderShown = inputRef.current?.parentElement?.querySelector(':placeholder-shown');\n\n nextActive = !(scrollable \|\| placeholderShown);\n }\n setActive(nextActive);\n }, 0);\n }, [stopUpdateActive]);\n\n const paintText = useCallback(() => {\n if (!isBrowser(globalObject) \|\| !spanRef.current \|\| !inputRef.current \|\| !active) {\n inputRef.current && (inputRef.current.style.backgroundImage = '');\n inputRef.current?.classList.remove(globalClasses.input);\n\n return;\n }\n\n inputRef.current?.classList.add(globalClasses.input);\n\n let shadow = spanRef.current.shadowRoot;\n let typedValueElement = shadow?.getElementById('typed-value');\n let fullValueElement = shadow?.getElementById('full-value');\n\n if (!typedValueElement \|\| !fullValueElement) {\n shadow = spanRef.current.attachShadow({ mode: 'open' });\n\n typedValueElement = globalObject.document.createElement('span');\n fullValueElement = globalObject.document.createElement('span');\n typedValueElement.setAttribute('id', 'typed-value');\n fullValueElement.setAttribute('id', 'full-value');\n\n shadow.append(typedValueElement, fullValueElement);\n }\n\n const style = getComputedStyle(inputRef.current);\n\n typedValueElement.textContent =\n ((inputRef.current.getAttribute('data-unmasked-value') \|\| focused.current) &&\n inputRef.current.getAttribute('data-typed-value')) \|\|\n '';\n\n fullValueElement.textContent = inputRef.current.value \|\| inputRef.current.defaultValue \|\| '';\n\n const inputRect = inputRef.current.getBoundingClientRect();\n const typedValueRect = typedValueElement.getBoundingClientRect();\n const fullValueRect = fullValueElement.getBoundingClientRect();\n\n const threshold = typedValueRect.width / (inputRect.width / 100);\n const degree = style.fontStyle === 'italic' ? 100 : 90;\n const restValueWidth = 1 - Math.min(fullValueRect.width / inputRect.width, 1);\n\n let typedValueColor = theme.inputTextColor;\n let maskColor = theme.inputPlaceholderColor;\n let indent = 0;\n\n if (props.disabled) {\n typedValueColor = theme.inputTextColorDisabled;\n maskColor = theme.inputTextColorDisabled;\n }\n if (props.showOnFocus) {\n maskColor = focused.current ? maskColor : 'transparent';\n }\n if (props.style?.textAlign === 'right') {\n indent = 100 * restValueWidth;\n }\n if (props.style?.textAlign === 'center') {\n indent = 50 * restValueWidth;\n }\n\n inputRef.current.style.backgroundImage = `\n linear-gradient(\n ${degree}deg,\n ${typedValueColor} ${threshold + indent}%,\n ${maskColor} ${threshold + indent}%\n )`;\n }, [\n active,\n props.showOnFocus,\n props.disabled,\n theme.inputTextColor,\n theme.inputPlaceholderColor,\n theme.inputTextColorDisabled,\n globalObject,\n props.style?.textAlign,\n ]);\n\n const debouncedPaintText = useCallback(() => debounce(paintText), [paintText])();\n\n const handleInput = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n debouncedPaintText();\n\n onInput?.(e);\n },\n [debouncedPaintText, onInput],\n );\n\n const handleFocus = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n updateActive();\n\n focused.current = true;\n\n onFocus?.(e);\n },\n [onFocus, updateActive],\n );\n\n const handleBlur = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n updateActive();\n\n focused.current = false;\n\n onBlur?.(e);\n },\n [onBlur, updateActive],\n );\n\n useImperativeHandle(\n ref,\n () => ({\n input: inputRef.current,\n getRootNode: () => inputRef.current,\n }),\n [],\n );\n\n useEffect(() => {\n debouncedPaintText();\n updateActive();\n\n return stopUpdateActive;\n }, [updateActive, props.value, props.defaultValue, theme, debouncedPaintText, stopUpdateActive]);\n\n return (\n <>\n {React.cloneElement(children, {\n ...inputProps,\n onInput: handleInput,\n onFocus: handleFocus,\n onBlur: handleBlur,\n inputRef,\n className: cx(props.className, styles.root(), {\n [globalClasses.input]: active,\n }),\n })}\n {active && <span style={{ visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }} ref={spanRef} />}\n </>\n );\n },\n);\n"]}

package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js CHANGED Viewed

@@ -2,7 +2,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import { prefix, memoizeGetStyles } from '../../../lib/theming/Emotion.js';
+import { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';
 export var globalClasses = prefix('colorable')({
     input: 'input',
 });

package/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorableInputElement.styles.js","sourceRoot":"","sources":["../../../../components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,~~MAAM~~,EAAE,~~gBAAgB~~,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,+TAAA,YACJ,EAAmB,8OAQxB,KARK,aAAa,CAAC,KAAK,EAQvB;QACJ,CAAC;KACF,CAAC;AAb8D,CAa9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ~~prefix~~, ~~memoizeGetStyles~~ } from '../../../lib/theming/Emotion.js';\n\nexport const globalClasses = prefix('colorable')({\n input: 'input',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n &.${globalClasses.input} {\n display: inline-block;\n background-color: transparent;\n background-size: 100%;\n background-repeat: repeat;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n `;\n },\n}));\n"]}
1	+ {"version":3,"file":"ColorableInputElement.styles.js","sourceRoot":"","sources":["../../../../components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,+TAAA,YACJ,EAAmB,8OAQxB,KARK,aAAa,CAAC,KAAK,EAQvB;QACJ,CAAC;KACF,CAAC;AAb8D,CAa9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../../lib/theming/Emotion.js';\n\nexport const globalClasses = prefix('colorable')({\n input: 'input',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n &.${globalClasses.input} {\n display: inline-block;\n background-color: transparent;\n background-size: 100%;\n background-repeat: repeat;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n `;\n },\n}));\n"]}

package/components/MaskedInput/FixedIMaskInput.js CHANGED Viewed

@@ -29,11 +29,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import { IMaskInput } from '@skbkontur/react-imask';
-import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import { isKeyArrow, isKeyArrowHorizontal, isKeyArrowLeft, isKeyArrowUp, isKeyEnd, isKeyHome, isModShift, isShortcutJumpCaret, isShortcutSelectAll, someKeys, } from '../../lib/events/keyboard/identifiers.js';
 import { MouseDrag } from '../../lib/events/MouseDrag.js';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
 import { scrollInputCaretIntoView } from '../../lib/scrollInputCaretIntoView.js';
 export var FixedIMaskInput = forwardRefAndName('FixedIMaskInput', function FixedIMaskInput(props, ref) {
     var inputRef = props.inputRef, restProps = __rest(props, ["inputRef"]);

package/components/MaskedInput/FixedIMaskInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FixedIMaskInput.js","sourceRoot":"","sources":["../../../components/MaskedInput/FixedIMaskInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useImperativeHandle, useRef } from 'react';\nimport type { InputMask, MaskedPatternOptions } from '@skbkontur/imask';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport { IMaskInput } from '@skbkontur/react-imask';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport {\n isKeyArrow,\n isKeyArrowHorizontal,\n isKeyArrowLeft,\n isKeyArrowUp,\n isKeyEnd,\n isKeyHome,\n isModShift,\n isShortcutJumpCaret,\n isShortcutSelectAll,\n someKeys,\n} from '../../lib/events/keyboard/identifiers.js';\nimport { MouseDrag } from '../../lib/events/MouseDrag.js';\nimport { scrollInputCaretIntoView } from '../../lib/scrollInputCaretIntoView.js';\n\nexport type FixedIMaskInputProps = IMaskInputProps<HTMLInputElement>;\n\ntype HeadDirection = 'left' \| 'right';\ntype SelectionDirection = 'forward' \| 'backward' \| 'none';\ntype SelectionSet = [number, number, SelectionDirection];\n\ninterface IMaskRefType {\n maskRef: InputMask<MaskedPatternOptions>;\n element: HTMLInputElement;\n}\n\nexport const FixedIMaskInput = forwardRefAndName(\n 'FixedIMaskInput',\n function FixedIMaskInput(props: FixedIMaskInputProps, ref: React.Ref<IMaskRefType \| null>) {\n const { inputRef, ...restProps } = props;\n const imaskRef = useRef<IMaskRefType>(null);\n const focused = useRef(false);\n\n useEffect(() => {\n if (imaskRef.current?.element) {\n fillTypedValue();\n const mouseDrag = MouseDrag.listen(imaskRef.current.element).onMouseDragEnd((e) => {\n let direction: SelectionDirection = 'none';\n\n if (\n mouseDrag.mouseDragStartEvent &&\n imaskRef.current?.element.selectionStart !== imaskRef.current?.element.selectionEnd\n ) {\n direction = mouseDrag.mouseDragStartEvent.pageX > e.pageX ? 'backward' : 'forward';\n }\n\n const [start, end] = getSelection();\n setSelection(start, end, direction);\n scrollCaretIntoView();\n });\n }\n }, []);\n\n useImperativeHandle<typeof imaskRef.current, typeof imaskRef.current>(ref, () => imaskRef.current, [\n imaskRef.current,\n ]);\n\n return (\n <IMaskInput\n {...restProps}\n ref={imaskRef}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onMouseUp={handleMouseUp}\n onAccept={handleAccept}\n onInput={handleInput}\n />\n );\n\n function getTypedValue() {\n const { _value = '', displayValue = '' } = imaskRef.current?.maskRef.masked \|\| {};\n const end = getMaxCaretPosition();\n const value = _value !== '' \|\| focused.current === true ? displayValue : '';\n\n return value.slice(0, end);\n }\n\n function fillTypedValue() {\n imaskRef.current?.element.setAttribute('data-typed-value', getTypedValue());\n imaskRef.current?.element.setAttribute('data-unmasked-value', imaskRef.current?.maskRef.unmaskedValue);\n }\n\n function getMaxCaretPosition(): number {\n const maskChars = [];\n if (imaskRef.current) {\n maskChars.push(imaskRef.current.maskRef.masked.placeholderChar);\n if (imaskRef.current.maskRef.masked.blocks) {\n (Object.values(imaskRef.current.maskRef.masked.blocks) as Array<{ placeholderChar?: string }>).forEach(\n ({ placeholderChar }) => placeholderChar && maskChars.push(placeholderChar),\n );\n }\n return imaskRef.current.element.value.split(new RegExp(maskChars.join('\|')))[0].length;\n }\n\n return Infinity;\n }\n\n function normalizeSelection() {\n const [start, end] = getSelection();\n const max = getMaxCaretPosition();\n if (end > max) {\n setSelection(start, max);\n }\n }\n\n function getNormalizedRange(calc: number \| unknown) {\n return typeof calc === 'number' ? Math.min(getMaxCaretPosition(), Math.max(0, calc)) : 0;\n }\n\n function getSelection(): SelectionSet {\n if (imaskRef.current) {\n return [\n imaskRef.current.element.selectionStart \|\| 0,\n imaskRef.current.element.selectionEnd \|\| 0,\n imaskRef.current.element.selectionDirection \|\| 'none',\n ];\n }\n return [0, 0, 'none'];\n }\n\n function setSelection(...[start, end, direction]: Parameters<HTMLInputElement['setSelectionRange']>) {\n imaskRef.current?.element.setSelectionRange(\n getNormalizedRange(start),\n getNormalizedRange(end),\n direction \|\| 'none',\n );\n }\n\n function scrollCaretIntoView() {\n const element = imaskRef.current?.element;\n if (element) {\n scrollInputCaretIntoView(element);\n }\n }\n\n function jumpCaret(prev: number, headDirection: HeadDirection) {\n const word = /а-яa-z0-9_/.valueOf();\n const wordRegExp = new RegExp(`([${word}])+[\\\\s]\|([^${word}])+`, 'gi');\n let next = headDirection === 'right' ? prev : 0;\n imaskRef.current?.element.value.match(wordRegExp)?.reduce<number[]>((s, a) => {\n const pos = a.length + (s.slice(-1)[0] \|\| 0);\n if (headDirection === 'right' && next === prev && next < pos) {\n next = getNormalizedRange(pos);\n } else if (headDirection === 'left' && prev > pos) {\n next = getNormalizedRange(pos);\n }\n return [...s, pos];\n }, []);\n return next;\n }\n\n /\n Вычислят положение каретки при управлении клавишами\n * @param e\n */\n function calcSelection(e: React.KeyboardEvent<HTMLInputElement>): SelectionSet {\n const [start, end, direction] = getSelection();\n const isSelectionMode = isModShift()(e);\n let tail = start !== end && direction === 'backward' ? end : start;\n let head = start !== end && direction === 'backward' ? start : end;\n const headDirection: HeadDirection = someKeys(isKeyArrowLeft, isKeyArrowUp, isKeyHome)(e) ? 'left' : 'right';\n const step = isKeyArrowHorizontal(e) ? 1 : Infinity;\n const increment = headDirection === 'left' ? -step : step;\n if (isShortcutJumpCaret(e)) {\n head = jumpCaret(head, headDirection);\n } else if (head !== tail && !isSelectionMode && isKeyArrowHorizontal(e)) {\n head = headDirection === 'right' ? Math.max(tail, head) : Math.min(tail, head);\n } else {\n head = head + increment;\n }\n if (isSelectionMode) {\n const start = Math.min(tail, head);\n const end = Math.max(tail, head);\n return [getNormalizedRange(start), getNormalizedRange(end), end === head ? 'forward' : 'backward'];\n }\n tail = head;\n return [getNormalizedRange(tail), getNormalizedRange(head), 'none'];\n }\n\n function handleMouseUp(e: React.MouseEvent<HTMLInputElement>) {\n normalizeSelection();\n\n props.onMouseUp?.(e);\n }\n\n function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n focused.current = true;\n fillTypedValue();\n\n setTimeout(normalizeSelection);\n\n props.onFocus?.(e);\n }\n\n function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n focused.current = false;\n fillTypedValue();\n\n props.onBlur?.(e);\n }\n\n function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n fillTypedValue();\n\n props.onAccept?.(...args);\n }\n\n function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n const maskRef = imaskRef.current?.maskRef;\n if (maskRef && maskRef.rawInputValue === '') {\n // в случае, когда пользователь стер все из инпута, очищаем value полностью\n // иначе в value остаются символы маски\n props.onAccept?.('', maskRef, e.nativeEvent as InputEvent);\n }\n\n props.onInput?.(e);\n }\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n const nearest = getMaxCaretPosition();\n if (isShortcutSelectAll(e)) {\n e.preventDefault();\n setSelection(0, nearest);\n scrollCaretIntoView();\n } else if (isKeyArrow(e) \|\| isKeyEnd(e) \|\| isKeyHome(e)) {\n e.preventDefault();\n const [start, end, direction] = calcSelection(e);\n setSelection(start, end, direction);\n scrollCaretIntoView();\n }\n\n props.onKeyDown?.(e);\n }\n },\n);\n"]}
1	+ {"version":3,"file":"FixedIMaskInput.js","sourceRoot":"","sources":["../../../components/MaskedInput/FixedIMaskInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { InputMask, MaskedPatternOptions } from '@skbkontur/imask';\nimport { IMaskInput } from '@skbkontur/react-imask';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport React, { useEffect, useImperativeHandle, useRef } from 'react';\n\nimport {\n isKeyArrow,\n isKeyArrowHorizontal,\n isKeyArrowLeft,\n isKeyArrowUp,\n isKeyEnd,\n isKeyHome,\n isModShift,\n isShortcutJumpCaret,\n isShortcutSelectAll,\n someKeys,\n} from '../../lib/events/keyboard/identifiers.js';\nimport { MouseDrag } from '../../lib/events/MouseDrag.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { scrollInputCaretIntoView } from '../../lib/scrollInputCaretIntoView.js';\n\nexport type FixedIMaskInputProps = IMaskInputProps<HTMLInputElement>;\n\ntype HeadDirection = 'left' \| 'right';\ntype SelectionDirection = 'forward' \| 'backward' \| 'none';\ntype SelectionSet = [number, number, SelectionDirection];\n\ninterface IMaskRefType {\n maskRef: InputMask<MaskedPatternOptions>;\n element: HTMLInputElement;\n}\n\nexport const FixedIMaskInput = forwardRefAndName(\n 'FixedIMaskInput',\n function FixedIMaskInput(props: FixedIMaskInputProps, ref: React.Ref<IMaskRefType \| null>) {\n const { inputRef, ...restProps } = props;\n const imaskRef = useRef<IMaskRefType>(null);\n const focused = useRef(false);\n\n useEffect(() => {\n if (imaskRef.current?.element) {\n fillTypedValue();\n const mouseDrag = MouseDrag.listen(imaskRef.current.element).onMouseDragEnd((e) => {\n let direction: SelectionDirection = 'none';\n\n if (\n mouseDrag.mouseDragStartEvent &&\n imaskRef.current?.element.selectionStart !== imaskRef.current?.element.selectionEnd\n ) {\n direction = mouseDrag.mouseDragStartEvent.pageX > e.pageX ? 'backward' : 'forward';\n }\n\n const [start, end] = getSelection();\n setSelection(start, end, direction);\n scrollCaretIntoView();\n });\n }\n }, []);\n\n useImperativeHandle<typeof imaskRef.current, typeof imaskRef.current>(ref, () => imaskRef.current, [\n imaskRef.current,\n ]);\n\n return (\n <IMaskInput\n {...restProps}\n ref={imaskRef}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onMouseUp={handleMouseUp}\n onAccept={handleAccept}\n onInput={handleInput}\n />\n );\n\n function getTypedValue() {\n const { _value = '', displayValue = '' } = imaskRef.current?.maskRef.masked \|\| {};\n const end = getMaxCaretPosition();\n const value = _value !== '' \|\| focused.current === true ? displayValue : '';\n\n return value.slice(0, end);\n }\n\n function fillTypedValue() {\n imaskRef.current?.element.setAttribute('data-typed-value', getTypedValue());\n imaskRef.current?.element.setAttribute('data-unmasked-value', imaskRef.current?.maskRef.unmaskedValue);\n }\n\n function getMaxCaretPosition(): number {\n const maskChars = [];\n if (imaskRef.current) {\n maskChars.push(imaskRef.current.maskRef.masked.placeholderChar);\n if (imaskRef.current.maskRef.masked.blocks) {\n (Object.values(imaskRef.current.maskRef.masked.blocks) as Array<{ placeholderChar?: string }>).forEach(\n ({ placeholderChar }) => placeholderChar && maskChars.push(placeholderChar),\n );\n }\n return imaskRef.current.element.value.split(new RegExp(maskChars.join('\|')))[0].length;\n }\n\n return Infinity;\n }\n\n function normalizeSelection() {\n const [start, end] = getSelection();\n const max = getMaxCaretPosition();\n if (end > max) {\n setSelection(start, max);\n }\n }\n\n function getNormalizedRange(calc: number \| unknown) {\n return typeof calc === 'number' ? Math.min(getMaxCaretPosition(), Math.max(0, calc)) : 0;\n }\n\n function getSelection(): SelectionSet {\n if (imaskRef.current) {\n return [\n imaskRef.current.element.selectionStart \|\| 0,\n imaskRef.current.element.selectionEnd \|\| 0,\n imaskRef.current.element.selectionDirection \|\| 'none',\n ];\n }\n return [0, 0, 'none'];\n }\n\n function setSelection(...[start, end, direction]: Parameters<HTMLInputElement['setSelectionRange']>) {\n imaskRef.current?.element.setSelectionRange(\n getNormalizedRange(start),\n getNormalizedRange(end),\n direction \|\| 'none',\n );\n }\n\n function scrollCaretIntoView() {\n const element = imaskRef.current?.element;\n if (element) {\n scrollInputCaretIntoView(element);\n }\n }\n\n function jumpCaret(prev: number, headDirection: HeadDirection) {\n const word = /а-яa-z0-9_/.valueOf();\n const wordRegExp = new RegExp(`([${word}])+[\\\\s]\|([^${word}])+`, 'gi');\n let next = headDirection === 'right' ? prev : 0;\n imaskRef.current?.element.value.match(wordRegExp)?.reduce<number[]>((s, a) => {\n const pos = a.length + (s.slice(-1)[0] \|\| 0);\n if (headDirection === 'right' && next === prev && next < pos) {\n next = getNormalizedRange(pos);\n } else if (headDirection === 'left' && prev > pos) {\n next = getNormalizedRange(pos);\n }\n return [...s, pos];\n }, []);\n return next;\n }\n\n /\n Вычислят положение каретки при управлении клавишами\n * @param e\n */\n function calcSelection(e: React.KeyboardEvent<HTMLInputElement>): SelectionSet {\n const [start, end, direction] = getSelection();\n const isSelectionMode = isModShift()(e);\n let tail = start !== end && direction === 'backward' ? end : start;\n let head = start !== end && direction === 'backward' ? start : end;\n const headDirection: HeadDirection = someKeys(isKeyArrowLeft, isKeyArrowUp, isKeyHome)(e) ? 'left' : 'right';\n const step = isKeyArrowHorizontal(e) ? 1 : Infinity;\n const increment = headDirection === 'left' ? -step : step;\n if (isShortcutJumpCaret(e)) {\n head = jumpCaret(head, headDirection);\n } else if (head !== tail && !isSelectionMode && isKeyArrowHorizontal(e)) {\n head = headDirection === 'right' ? Math.max(tail, head) : Math.min(tail, head);\n } else {\n head = head + increment;\n }\n if (isSelectionMode) {\n const start = Math.min(tail, head);\n const end = Math.max(tail, head);\n return [getNormalizedRange(start), getNormalizedRange(end), end === head ? 'forward' : 'backward'];\n }\n tail = head;\n return [getNormalizedRange(tail), getNormalizedRange(head), 'none'];\n }\n\n function handleMouseUp(e: React.MouseEvent<HTMLInputElement>) {\n normalizeSelection();\n\n props.onMouseUp?.(e);\n }\n\n function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n focused.current = true;\n fillTypedValue();\n\n setTimeout(normalizeSelection);\n\n props.onFocus?.(e);\n }\n\n function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n focused.current = false;\n fillTypedValue();\n\n props.onBlur?.(e);\n }\n\n function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n fillTypedValue();\n\n props.onAccept?.(...args);\n }\n\n function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n const maskRef = imaskRef.current?.maskRef;\n if (maskRef && maskRef.rawInputValue === '') {\n // в случае, когда пользователь стер все из инпута, очищаем value полностью\n // иначе в value остаются символы маски\n props.onAccept?.('', maskRef, e.nativeEvent as InputEvent);\n }\n\n props.onInput?.(e);\n }\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n const nearest = getMaxCaretPosition();\n if (isShortcutSelectAll(e)) {\n e.preventDefault();\n setSelection(0, nearest);\n scrollCaretIntoView();\n } else if (isKeyArrow(e) \|\| isKeyEnd(e) \|\| isKeyHome(e)) {\n e.preventDefault();\n const [start, end, direction] = calcSelection(e);\n setSelection(start, end, direction);\n scrollCaretIntoView();\n }\n\n props.onKeyDown?.(e);\n }\n },\n);\n"]}

package/components/MaskedInput/MaskedInput.js CHANGED Viewed

@@ -21,15 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
-import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
-import { Input } from '../Input/index.js';
 import { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers.js';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { getStyles, globalClasses } from './MaskedInput.styles.js';
-import { getDefinitions, getMaskChar } from './MaskedInput.helpers.js';
+import { Input } from '../Input/index.js';
 import { ColorableInputElement } from './ColorableInputElement/index.js';
 import { FixedIMaskInput } from './FixedIMaskInput.js';
+import { getDefinitions, getMaskChar } from './MaskedInput.helpers.js';
+import { getStyles, globalClasses } from './MaskedInput.styles.js';
 export var getSafeMaskInputType = function (type) {
     if (!type) {
         return type;