npm - @skbkontur/react-ui - Versions diffs - 5.4.7-225d1.0 → 5.4.7-7ccf0.0 - Mend

@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_globalObject","LayoutEvents","_interopRequireWildcard","_Spinner","_ThemeContext","_ZIndex","_CommonWrapper","_Emotion","_currentEnvironment","_taskWithDelayAndMinimalDuration","_tabbableHelpers","_rootNode","_getDOMRect2","_createPropsGetter","_Loader2","_class","_Loader","types","LoaderDataTids","exports","idle","veil","spinner","Loader","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","childrenRef","element","childrenContainerNode","spinnerRef","spinnerContainerNode","checkSpinnerPosition","isBrowser","globalObject","_getDOMRect","getDOMRect","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","spinnerNode","disableChildrenFocus","childrenObserver","makeObservable","tabbableElements","getTabbableElements","forEach","el","hasAttribute","setAttribute","tabIndex","toString","enableChildrenFocus","_globalObject$documen","_globalObject$documen2","makeUnobservable","Array","from","document","querySelectorAll","_el$getAttribute","getAttribute","removeAttribute","target","MutationObserver","config","childList","subtree","observer","observe","_this$childrenObserve","disconnect","state","isSpinnerVisible","isLoaderActive","spinnerTask","TaskWithDelayAndMinimalDuration","delayBeforeTaskStart","delayBeforeSpinnerShow","durationOfTask","minimalDelayBeforeSpinnerHide","taskStartCallback","taskStopCallback","_inheritsLoose2","default","_proto","prototype","componentDidMount","active","start","layoutEvents","addListener","debounce","componentDidUpdate","prevProps","prevState","component","_this$getProps","update","stop","componentWillUnmount","remove","clearTask","getDerivedStateFromProps","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_this$props","caption","type","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","styles","loader","ZIndex","applyZIndex","coverChildren","style","wrapperRef","children","cx","renderSpinner","_cx2","_this3","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper","ref","undefined","Spinner","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Loader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport type { AnyObject } from '../../lib/utils';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { SpinnerProps } from '../Spinner';\nimport { Spinner } from '../Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Loader.styles';\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 Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер.\n \n Если вам нужен только сам спиннер без дополнительного функционала - используйте компонент Spinner.\n */\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 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 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 }\n\n public componentDidMount() {\n const active = this.getProps().active;\n this.checkSpinnerPosition();\n active && this.spinnerTask.start();\n this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10));\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() {\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={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={cx({\n [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={cx(styles.spinnerContainer(), { [styles.spinnerContainerSticky()]: this.state.isStickySpinner })}\n style={this.state.spinnerStyle}\n >\n <div\n className={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(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 = globalObject.innerHeight;\n const windowWidth = 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 // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers\n Array.from(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 \|\| !globalObject.MutationObserver) {\n return;\n }\n const config = {\n childList: true,\n subtree: true,\n };\n const observer = new 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"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_globalObject","LayoutEvents","_interopRequireWildcard","_Spinner","_ThemeContext","_ZIndex","_CommonWrapper","_currentEnvironment","_taskWithDelayAndMinimalDuration","_tabbableHelpers","_rootNode","_getDOMRect2","_createPropsGetter","_renderEnvironment","_Loader2","_class","_Loader","types","LoaderDataTids","exports","idle","veil","spinner","Loader","withRenderEnvironment","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","childrenRef","element","childrenContainerNode","spinnerRef","spinnerContainerNode","checkSpinnerPosition","isBrowser","globalObject","_getDOMRect","getDOMRect","containerTop","top","containerRight","right","containerBottom","bottom","containerLeft","left","containerHeight","height","containerWidth","width","windowHeight","innerHeight","windowWidth","innerWidth","setState","isStickySpinner","spinnerStyle","Math","abs","spinnerHeight","spinnerNode","disableChildrenFocus","childrenObserver","makeObservable","tabbableElements","getTabbableElements","forEach","el","hasAttribute","setAttribute","tabIndex","toString","enableChildrenFocus","_this$globalObject$do","makeUnobservable","document","querySelectorAll","_el$getAttribute","getAttribute","removeAttribute","target","MutationObserver","config","childList","subtree","observer","observe","_this$childrenObserve","disconnect","state","isSpinnerVisible","isLoaderActive","_inheritsLoose2","default","_proto","prototype","componentDidMount","_this2","spinnerTask","TaskWithDelayAndMinimalDuration","delayBeforeTaskStart","delayBeforeSpinnerShow","durationOfTask","minimalDelayBeforeSpinnerHide","taskStartCallback","taskStopCallback","active","start","layoutEvents","addListener","debounce","componentDidUpdate","prevProps","prevState","component","_this$getProps","update","stop","componentWillUnmount","remove","clearTask","getDerivedStateFromProps","render","_this3","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","_this$cx","_this$props","caption","type","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","loader","ZIndex","applyZIndex","coverChildren","style","wrapperRef","children","cx","renderSpinner","_this$cx2","_this4","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper","ref","undefined","Spinner","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["Loader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { isBrowser } from '../../lib/globalObject';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { AnyObject } from '../../lib/utils';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { SpinnerProps } from '../Spinner';\nimport { Spinner } from '../Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Loader.styles';\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 Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер.\n \n Если вам нужен только сам спиннер без дополнительного функционала - используйте компонент Spinner.\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() {\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     active(t: Theme): string;
     loader(): string;
     spinnerContainer(): string;
     spinnerContainerSticky(): string;
     spinnerComponentWrapper(): string;
-};
+}>;

package/cjs/components/Loader/Loader.styles.js CHANGED Viewed

@@ -1,33 +1,34 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  active: function active(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ", ";\n    "])),
-    t.loaderBorderRadius,
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    active: function active(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ", ";\n    "])),
+      t.loaderBorderRadius,
-    t.loaderBg);
-  },
+      t.loaderBg);
-  loader: function loader() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "])));
+    },
+    loader: function loader() {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "])));
-  },
-  spinnerContainer: function spinnerContainer() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "])));
+    },
+    spinnerContainer: function spinnerContainer() {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "])));
@@ -45,17 +46,18 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  },
-  spinnerContainerSticky: function spinnerContainerSticky() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n    "])));
+    },
+    spinnerContainerSticky: function spinnerContainerSticky() {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n    "])));
-  },
-  spinnerComponentWrapper: function spinnerComponentWrapper() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
+    },
+    spinnerComponentWrapper: function spinnerComponentWrapper() {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
-  }
-});
+    }
+  };});

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","~~styles~~","exports","~~memoizeStyle~~","~~active~~","t","~~css~~","_taggedTemplateLiteralLoose2","default","loaderBorderRadius","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"sources":["Loader.styles.ts"],"sourcesContent":["import { css, ~~memoizeStyle~~ } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const ~~styles~~ = ~~memoizeStyle~~({\n active(t: Theme) {\n return css`\n border-radius: ${t.loaderBorderRadius};\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n background: ${t.loaderBg};\n `;\n },\n\n loader() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n z-index: inherit;\n `;\n },\n\n spinnerContainer() {\n return css`\n display: block;\n margin: auto;\n text-align: center;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &::before {\n content: ' ';\n display: inline-block;\n height: 100%;\n min-height: 100%;\n vertical-align: middle;\n }\n `;\n },\n\n spinnerContainerSticky() {\n return css`\n position: fixed;\n `;\n },\n\n spinnerComponentWrapper() {\n return css`\n display: inline-block;\n `;\n },\n});\n"],"mappings":"~~oRAAA~~,IAAAA,QAAA,GAAAC,OAAA,~~8BAA8D~~,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;~~AAGvD~~,IAAMC,~~MAAM~~,GAAAC,OAAA,CAAAD,~~MAAA~~,GAAG,IAAAE,~~qBAAY~~,EAAC;~~EACjCC~~,MAAM,WAAAA,OAACC,CAAQ,EAAE;~~IACf~~,~~WAAOC~~,~~YAAG~~,~~EAAAV~~,eAAA,KAAAA,eAAA,~~OAAAW~~,4BAAA,CAAAC,OAAA;~~IACSH~~,CAAC,~~CAACI~~,kBAAkB;;;;;;;~~IAOvBJ~~,CAAC,~~CAACK~~,QAAQ;;~~EAE5B~~,CAAC;;~~EAEDC~~,MAAM,WAAAA,OAAA,EAAG;~~IACP~~,~~WAAOL~~,~~YAAG~~,~~EAAAT~~,gBAAA,KAAAA,gBAAA,~~OAAAU~~,4BAAA,CAAAC,OAAA;;;;;;;~~EAOZ~~,CAAC;;~~EAEDI~~,gBAAgB,WAAAA,iBAAA,EAAG;~~IACjB~~,~~WAAON~~,~~YAAG~~,~~EAAAR~~,gBAAA,KAAAA,gBAAA,~~OAAAS~~,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;~~EAmBZ~~,CAAC;;~~EAEDK~~,sBAAsB,WAAAA,uBAAA,EAAG;~~IACvB~~,~~WAAOP~~,~~YAAG~~,~~EAAAP~~,gBAAA,KAAAA,gBAAA,~~OAAAQ~~,4BAAA,CAAAC,OAAA;;;~~EAGZ~~,CAAC;;~~EAEDM~~,uBAAuB,WAAAA,wBAAA,EAAG;~~IACxB~~,~~WAAOR~~,~~YAAG~~,~~EAAAN~~,gBAAA,KAAAA,gBAAA,~~OAAAO~~,4BAAA,CAAAC,OAAA;;;~~EAGZ~~;~~AACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","active","t","_taggedTemplateLiteralLoose2","default","loaderBorderRadius","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"sources":["Loader.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n active(t: Theme) {\n return css`\n border-radius: ${t.loaderBorderRadius};\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n background: ${t.loaderBg};\n `;\n },\n\n loader() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n width: 100%;\n z-index: inherit;\n `;\n },\n\n spinnerContainer() {\n return css`\n display: block;\n margin: auto;\n text-align: center;\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n\n &::before {\n content: ' ';\n display: inline-block;\n height: 100%;\n min-height: 100%;\n vertical-align: middle;\n }\n `;\n },\n\n spinnerContainerSticky() {\n return css`\n position: fixed;\n `;\n },\n\n spinnerComponentWrapper() {\n return css`\n display: inline-block;\n `;\n },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,MAAM,WAAAA,OAACC,CAAQ,EAAE;MACf,OAAOF,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAY,4BAAA,CAAAC,OAAA;MACSF,CAAC,CAACG,kBAAkB;;;;;;;MAOvBH,CAAC,CAACI,QAAQ;;IAE5B,CAAC;;IAEDC,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOP,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;;;;IAOZ,CAAC;;IAEDI,gBAAgB,WAAAA,iBAAA,EAAG;MACjB,OAAOR,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;IAmBZ,CAAC;;IAEDK,sBAAsB,WAAAA,uBAAA,EAAG;MACvB,OAAOT,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDM,uBAAuB,WAAAA,wBAAA,EAAG;MACxB,OAAOV,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -3,11 +3,11 @@
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _renderEnvironment = require("../../../lib/renderEnvironment");
+var _globalObject = require("../../../lib/globalObject");
 var _ThemeContext = require("../../../lib/theming/ThemeContext");
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
-var _Emotion = require("../../../lib/theming/Emotion");
-var _utils = require("../../../lib/utils");
 var _ColorableInputElement = require("./ColorableInputElement.styles");var _excluded = ["children", "onInput", "onFocus", "onBlur", "showOnFocus", "alwaysShowMask"]; /* eslint react-hooks/exhaustive-deps: 2 */
@@ -24,11 +24,15 @@ var _ColorableInputElement = require("./ColorableInputElement.styles");var _excl
 var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndName.forwardRefAndName)(
   'ColorableInputElement',
-  function ColorableInputElement(props, ref) {var _props$style3;
+  function ColorableInputElement(props, ref) {var _props$style3, _cx;
     var inputRef = (0, _react.useRef)(null);
     var spanRef = (0, _react.useRef)(null);
     var focused = (0, _react.useRef)(false);
     var updateActiveTimer = (0, _react.useRef)();
+    var globalObject = (0, _renderEnvironment.useGlobal)();
+    var emotion = (0, _renderEnvironment.useEmotion)();
+    var cx = emotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_ColorableInputElement.getStyles);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
     var _useState = (0, _react.useState)(
         Boolean(props.alwaysShowMask || !props.placeholder && (props.value || props.defaultValue))
@@ -57,9 +61,7 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
     }, [stopUpdateActive]);
     var paintText = (0, _react.useCallback)(function () {var _inputRef$current4, _shadow, _shadow2, _props$style, _props$style2;
-      var win = (0, _utils.tryGetWindow)(inputRef.current);
-      var doc = (0, _utils.tryGetDocument)(inputRef.current);
-      if (!spanRef.current || !inputRef.current || !(0, _utils.isWindow)(win) || !(0, _utils.isDocument)(doc) || !active) {var _inputRef$current3;
+      if (!(0, _globalObject.isBrowser)(globalObject) || !spanRef.current || !inputRef.current || !active) {var _inputRef$current3;
         inputRef.current && (inputRef.current.style.backgroundImage = '');
         (_inputRef$current3 = inputRef.current) == null || _inputRef$current3.classList.remove(_ColorableInputElement.globalClasses.input);
@@ -75,8 +77,8 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
       if (!typedValueElement || !fullValueElement) {
         shadow = spanRef.current.attachShadow({ mode: 'open' });
-        typedValueElement = doc.createElement('span');
-        fullValueElement = doc.createElement('span');
+        typedValueElement = globalObject.document.createElement('span');
+        fullValueElement = globalObject.document.createElement('span');
         typedValueElement.setAttribute('id', 'typed-value');
         fullValueElement.setAttribute('id', 'full-value');
@@ -130,7 +132,8 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
     props.disabled,
     theme.inputTextColor,
     theme.inputPlaceholderColor,
-    theme.inputTextColorDisabled, (_props$style3 =
+    theme.inputTextColorDisabled,
+    globalObject, (_props$style3 =
     props.style) == null ? void 0 : _props$style3.textAlign]
     );
@@ -191,7 +194,9 @@ var ColorableInputElement = exports.ColorableInputElement = (0, _forwardRefAndNa
         onFocus: handleFocus,
         onBlur: handleBlur,
         inputRef: inputRef,
-        className: (0, _Emotion.cx)(props.className, active && _ColorableInputElement.globalClasses.input) })
+        className: cx(props.className, styles.root(), (_cx = {}, _cx[
+        _ColorableInputElement.globalClasses.input] = active, _cx)
+        ) })
       ),
       active && /*#__PURE__*/_react.default.createElement("span", { style: { visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }, ref: spanRef })
       ));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_lodash","_interopRequireDefault","_ThemeContext","_forwardRefAndName","_Emotion","_utils","_ColorableInputElement","_excluded","ColorableInputElement","exports","forwardRefAndName","props","ref","_props$style3","inputRef","useRef","spanRef","focused","updateActiveTimer","theme","useContext","ThemeContext","_useState","useState","Boolean","alwaysShowMask","placeholder","value","defaultValue","active","setActive","children","onInput","onFocus","onBlur","showOnFocus","inputProps","_objectWithoutPropertiesLoose2","default","stopUpdateActive","useCallback","clearTimeout","current","updateActive","setTimeout","nextActive","_inputRef$current2","_inputRef$current","clientWidth","scrollWidth","scrollable","placeholderShown","parentElement","querySelector","paintText","_inputRef$current4","_shadow","_shadow2","_props$style","_props$style2","win","tryGetWindow","doc","tryGetDocument","isWindow","isDocument","_inputRef$current3","style","backgroundImage","classList","remove","globalClasses","input","add","shadow","shadowRoot","typedValueElement","getElementById","fullValueElement","attachShadow","mode","createElement","setAttribute","append","getComputedStyle","textContent","getAttribute","inputRect","getBoundingClientRect","typedValueRect","fullValueRect","threshold","width","degree","fontStyle","restValueWidth","Math","min","typedValueColor","inputTextColor","maskColor","inputPlaceholderColor","indent","disabled","inputTextColorDisabled","textAlign","debouncedPaintText","debounce","handleInput","e","handleFocus","handleBlur","useImperativeHandle","getRootNode","useEffect","Fragment","React","cloneElement","_extends2","className","cx","visibility","position","whiteSpace"],"sources":["ColorableInputElement.tsx"],"sourcesContent":["/* eslint react-hooks/exhaustive-deps: 2 /\nimport type { ForwardedRef } from 'react';\nimport React, { useEffect, useContext, useImperativeHandle, useRef, useCallback, useState } from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { InputElement, InputElementProps } from '../../Input';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { isDocument, isWindow, tryGetDocument, tryGetWindow } from '../../../lib/utils';\n\nimport { globalClasses } from './ColorableInputElement.styles';\n\nexport type ColorableInputElementProps = InputElementProps & {\n alwaysShowMask?: boolean;\n showOnFocus?: boolean;\n children: React.ReactElement;\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>>();\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 const win = tryGetWindow(inputRef.current);\n const doc = tryGetDocument(inputRef.current);\n if (!spanRef.current \|\| !inputRef.current \|\| !isWindow(win) \|\| !isDocument(doc) \|\| !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 = doc.createElement('span');\n fullValueElement = doc.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 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, active && globalClasses.input),\n })}\n {active && <span style={{ visibility: 'hidden', position: 'absolute', whiteSpace: 'pre' }} ref={spanRef} />}\n </>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_lodash","_interopRequireDefault","_renderEnvironment","_globalObject","_ThemeContext","_forwardRefAndName","_ColorableInputElement","_excluded","ColorableInputElement","exports","forwardRefAndName","props","ref","_props$style3","_cx","inputRef","useRef","spanRef","focused","updateActiveTimer","globalObject","useGlobal","emotion","useEmotion","cx","styles","useStyles","getStyles","theme","useContext","ThemeContext","_useState","useState","Boolean","alwaysShowMask","placeholder","value","defaultValue","active","setActive","children","onInput","onFocus","onBlur","showOnFocus","inputProps","_objectWithoutPropertiesLoose2","default","stopUpdateActive","useCallback","clearTimeout","current","updateActive","setTimeout","nextActive","_inputRef$current2","_inputRef$current","clientWidth","scrollWidth","scrollable","placeholderShown","parentElement","querySelector","paintText","_inputRef$current4","_shadow","_shadow2","_props$style","_props$style2","isBrowser","_inputRef$current3","style","backgroundImage","classList","remove","globalClasses","input","add","shadow","shadowRoot","typedValueElement","getElementById","fullValueElement","attachShadow","mode","document","createElement","setAttribute","append","getComputedStyle","textContent","getAttribute","inputRect","getBoundingClientRect","typedValueRect","fullValueRect","threshold","width","degree","fontStyle","restValueWidth","Math","min","typedValueColor","inputTextColor","maskColor","inputPlaceholderColor","indent","disabled","inputTextColorDisabled","textAlign","debouncedPaintText","debounce","handleInput","e","handleFocus","handleBlur","useImperativeHandle","getRootNode","useEffect","Fragment","React","cloneElement","_extends2","className","root","visibility","position","whiteSpace"],"sources":["ColorableInputElement.tsx"],"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';\nimport { isBrowser } from '../../../lib/globalObject';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { InputElement, InputElementProps } from '../../Input';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\n\nimport { globalClasses, getStyles } from './ColorableInputElement.styles';\n\nexport type ColorableInputElementProps = InputElementProps & {\n alwaysShowMask?: boolean;\n showOnFocus?: boolean;\n children: React.ReactElement;\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>>();\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"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/ColorableInputElement/ColorableInputElement.styles.d.ts CHANGED Viewed

@@ -1,3 +1,6 @@
 export declare const globalClasses: {
     input: string;
 };
+export declare const getStyles: import("../../../lib/theming/Emotion").StylesGetter<{
+    root(): string;
+}>;

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

@@ -1,8 +1,22 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");var _templateObject;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../../lib/theming/Emotion");var _templateObject;
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('colorable')({
   input: 'input'
 });
-(0, _Emotion.injectGlobal)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  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"])),
-globalClasses.input);
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      &.", " {\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    "])),
+      globalClasses.input);
+    }
+  };});

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_templateObject","globalClasses","exports","prefix","input","~~injectGlobal~~","_taggedTemplateLiteralLoose2","default"],"sources":["ColorableInputElement.styles.ts"],"sourcesContent":["import { ~~injectGlobal,~~ prefix } from '../../../lib/theming/Emotion';\n\nexport const globalClasses = prefix('colorable')({\n input: 'input',\n});\n\~~ninjectGlobal`\~~n ~~input.$~~{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"],"mappings":"~~2RAAA~~,IAAAA,QAAA,GAAAC,OAAA,~~iCAAoE~~,IAAAC,eAAA;;~~AAE7D~~,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,WAAW,CAAC,CAAC;EAC/CC,KAAK,EAAE;AACT,CAAC,CAAC;;~~AAEF~~,IAAAC,~~qBAAY~~,~~EAAAL~~,eAAA,KAAAA,eAAA,~~OAAAM~~,4BAAA,CAAAC,OAAA;~~AACFN~~,aAAa,CAACG,KAAK","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_templateObject","globalClasses","exports","prefix","input","getStyles","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default"],"sources":["ColorableInputElement.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { prefix, memoizeGetStyles } from '../../../lib/theming/Emotion';\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"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,iCAAwE,IAAAC,eAAA;;AAEjE,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,WAAW,CAAC,CAAC;EAC/CC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEK,IAAMC,SAAS,GAAAH,OAAA,CAAAG,SAAA,GAAG,IAAAC,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAR,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;MACJV,aAAa,CAACG,KAAK;;;;;;;;;IAS3B;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

@@ -2,8 +2,8 @@
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
-var _Emotion = require("../../lib/theming/Emotion");
 var _Input = require("../Input");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -119,6 +119,8 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
       props.mask,maskChar = props.maskChar,formatChars = props.formatChars,_props$alwaysShowMask = props.alwaysShowMask,alwaysShowMask = _props$alwaysShowMask === void 0 ? false : _props$alwaysShowMask,_props$colored = props.colored,colored = _props$colored === void 0 ? true : _props$colored,_props$imaskProps = props.imaskProps,customIMaskProps = _props$imaskProps === void 0 ? {} : _props$imaskProps,_props$unmask = props.unmask,unmask = _props$unmask === void 0 ? false : _props$unmask,onValueChange = props.onValueChange,onUnexpectedInput = props.onUnexpectedInput,onChange = props.onChange,onBeforePasteValue = props.onBeforePasteValue,element = props.element,className = props.className,maxLength = props.maxLength,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MaskedInput.getStyles);
     var inputRef = (0, _react.useRef)(null);
@@ -151,10 +153,6 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
     var imaskProps = getCompatibleIMaskProps();
-    // TODO: Удалить в следующем мажоре
-    // Селекторы могут ожидать определённый порядок классов
-    var uiFontGlobalClassesRoot = 'react-ui-ui-font-root';
     return /*#__PURE__*/(
       _react.default.createElement(_Input.Input, (0, _extends2.default)({
         ref: inputRef },
@@ -164,7 +162,7 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
         onInput: handleInput,
         onKeyDown: handleKeyDown,
         onPaste: handlePaste,
-        className: (0, _Emotion.cx)(_MaskedInput.globalClasses.root, uiFontGlobalClassesRoot, className, _MaskedInput.styles.root(theme)),
+        className: cx(_MaskedInput.globalClasses.root, className, styles.root(theme)),
         element:
         colored ? /*#__PURE__*/
         _react.default.createElement(_ColorableInputElement.ColorableInputElement, { showOnFocus: false, alwaysShowMask: alwaysShowMask }, /*#__PURE__*/

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","onBeforePasteValue","element","className","maxLength","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","cx","globalClasses","root","styles","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","event","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport type { Ref } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { globalClasses, styles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport type MaskedInputOnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedProps {\n /** Шаблон ввода, определяющий допустимые символы. /\n mask: string;\n\n /* Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.\n * @default _ /\n maskChar?: string;\n\n /* Словарь правил для настройки маски, где\n * Ключ — символ для использования в маске\n * Значение — регулярка-правило\n * @default { '9': '[0-9]', 'a': '[A-Za-z]', '': '[A-Za-z0-9]' } /\n formatChars?: Record<string, string>;\n\n /** Всегда показывать символы маски, независимо от фокуса в поле.\n * @default false /\n alwaysShowMask?: boolean;\n\n /* Событие некорректного ввода.\n * Вторым аргументом передаётся метод вспыхивания рамки поля.\n \n Если обработчик не задан, то при событии рамка всегда вспыхивает.\n \n @param value значение поля\n * @param blink метод вспыхивания рамки поля\n /\n onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n /\n Событие перед вставкой текста в поле.\n * Вызывается с аргументом value — текст из буфера.\n \n Обработчик должен вернуть текст — он попадёт в поле.\n \n @param value значение вставки.\n /\n onBeforePasteValue?: MaskedInputOnBeforePasteValue;\n\n /* Убирает из value символы маски, которые пользователь не вводил.\n * @default false /\n unmask?: boolean;\n\n /* Раскрашивает символы маски.\n * @default true\n * @ignore /\n colored?: boolean;\n\n /* Задает пропсы для компонента `IMaskInput`. Необходимы для юнит-тестов\n * @ignore /\n imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' \| 'date' \| 'time' \| 'password'>;\n\nexport const getSafeMaskInputType = (type?: InputType): MaskInputType \| undefined => {\n if (!type) {\n return type;\n }\n\n switch (type) {\n case 'number':\n case 'date':\n case 'time':\n case 'password':\n return 'text';\n default:\n return type;\n }\n};\n\nexport interface MaskedInputProps\n extends MaskedProps,\n Omit<\n InputProps,\n 'showClearIcon' \| 'mask' \| 'maxLength' \| 'type' \| 'alwaysShowMask' \| 'onUnexpectedInput' \| 'maskChar'\n > {\n type?: MaskInputType;\n}\n\n/* Поле ввода, которое ограничивает формат вводимого значения по заданной маске. Такое поле облегчает пользователю ввод и снижает количество ошибок.\n /\nexport const MaskedInput = forwardRefAndName(\n 'MaskedInput',\n function MaskedInput(props: MaskedInputProps, ref: Ref<Input \| null>) {\n const {\n mask,\n maskChar,\n formatChars,\n alwaysShowMask = false,\n colored = true,\n imaskProps: customIMaskProps = {},\n unmask = false,\n onValueChange,\n onUnexpectedInput,\n onChange,\n onBeforePasteValue,\n element,\n className,\n // @ts-expect-error: могут передавать игнорируя ошибку\n maxLength,\n ...inputProps\n } = props;\n const theme = useContext(ThemeContext);\n\n const inputRef = useRef<Input>(null);\n\n const [focused, setFocused] = useState(false);\n const prevValue = useRef<string>(props.value \|\| String(props.defaultValue) \|\| '');\n const prevSelectionStart = useRef<number \| null>(null);\n\n useImperativeHandle(\n ref,\n () =>\n inputRef.current &&\n Object.assign(inputRef.current, {\n selectAll: () => {\n inputRef.current?.focus();\n inputRef.current?.delaySelectAll();\n },\n }),\n [],\n );\n\n useEffect(() => {\n // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n // Поэтому актуальный value при монтировании надо получать вручную\n if (inputRef.current?.input) {\n prevValue.current = inputRef.current.input.value;\n prevSelectionStart.current = inputRef.current.input.selectionStart;\n }\n }, []);\n\n const imaskProps = getCompatibleIMaskProps();\n\n // TODO: Удалить в следующем мажоре\n // Селекторы могут ожидать определённый порядок классов\n const uiFontGlobalClassesRoot = 'react-ui-ui-font-root';\n\n return (\n <Input\n ref={inputRef}\n {...inputProps}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n className={cx(globalClasses.root, uiFontGlobalClassesRoot, className, styles.root(theme))}\n element={\n colored ? (\n <ColorableInputElement showOnFocus={false} alwaysShowMask={alwaysShowMask}>\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n </ColorableInputElement>\n ) : (\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n )\n }\n />\n );\n\n function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n if (onBeforePasteValue && onValueChange) {\n event.preventDefault();\n onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n }\n\n props.onPaste?.(event);\n }\n\n function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n return {\n mask: mask.replace(/0/g, '{\\\\0}') as any,\n placeholderChar: getMaskChar(maskChar),\n definitions: getDefinitions(formatChars),\n // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n eager: 'append',\n overwrite: 'shift',\n lazy: !alwaysShowMask && (props.disabled \|\| !focused),\n unmask,\n ...customIMaskProps,\n } as IMaskInputProps<HTMLInputElement>;\n }\n\n function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n const [value, , e] = args;\n\n // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n // Но нативный input никогда не вызывает onChange при монтировании.\n // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n // Он содержит нативное событие, вызвавшее изменение.\n e && onValueChange?.(value);\n !e && (prevValue.current = value);\n }\n\n /\n Отслеживаем неожиданные нажатия\n * handleAccept не вызывается когда значение с маской не меняется\n * Сначала вызывается handleAccept, затем handleInput\n */\n function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n const { value, selectionStart } = e.currentTarget;\n\n // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n handleUnexpectedInput(value);\n }\n prevValue.current = value;\n prevSelectionStart.current = selectionStart;\n\n props.onInput?.(e);\n }\n\n function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n setFocused(true);\n props.onFocus?.(e);\n\n // Если value из пропсов отличается от value, которое получит input после обработки,\n // то imask будет ставить каретку за последним валидным символом.\n props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n }\n\n function handleUnexpectedInput(value: string) {\n const blink = inputRef.current?.blink.bind(inputRef.current) \|\| (() => undefined);\n onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n }\n\n function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n setFocused(false);\n props.onBlur?.(e);\n }\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n if (\n (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) \|\|\n (isKeyDelete(e) && prevSelectionStart.current === value.length)\n ) {\n // Случаи, когда нажатие клавиш не тригерит `onInput`\n handleUnexpectedInput(value);\n prevValue.current = e.currentTarget.value;\n }\n prevSelectionStart.current = selectionStart;\n\n props.onKeyDown?.(e);\n }\n },\n);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_forwardRefAndName","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","onBeforePasteValue","element","className","maxLength","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","globalClasses","root","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","event","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport type { Ref } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { globalClasses, getStyles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport type MaskedInputOnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedProps {\n /** Шаблон ввода, определяющий допустимые символы. /\n mask: string;\n\n /* Плейсхолдер, который отображается на месте ещё не введённых пользователем символов.\n * @default _ /\n maskChar?: string;\n\n /* Словарь правил для настройки маски, где\n * Ключ — символ для использования в маске\n * Значение — регулярка-правило\n * @default { '9': '[0-9]', 'a': '[A-Za-z]', '': '[A-Za-z0-9]' } /\n formatChars?: Record<string, string>;\n\n /** Всегда показывать символы маски, независимо от фокуса в поле.\n * @default false /\n alwaysShowMask?: boolean;\n\n /* Событие некорректного ввода.\n * Вторым аргументом передаётся метод вспыхивания рамки поля.\n \n Если обработчик не задан, то при событии рамка всегда вспыхивает.\n \n @param value значение поля\n * @param blink метод вспыхивания рамки поля\n /\n onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n /\n Событие перед вставкой текста в поле.\n * Вызывается с аргументом value — текст из буфера.\n \n Обработчик должен вернуть текст — он попадёт в поле.\n \n @param value значение вставки.\n /\n onBeforePasteValue?: MaskedInputOnBeforePasteValue;\n\n /* Убирает из value символы маски, которые пользователь не вводил.\n * @default false /\n unmask?: boolean;\n\n /* Раскрашивает символы маски.\n * @default true\n * @ignore /\n colored?: boolean;\n\n /* Задает пропсы для компонента `IMaskInput`. Необходимы для юнит-тестов\n * @ignore /\n imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' \| 'date' \| 'time' \| 'password'>;\n\nexport const getSafeMaskInputType = (type?: InputType): MaskInputType \| undefined => {\n if (!type) {\n return type;\n }\n\n switch (type) {\n case 'number':\n case 'date':\n case 'time':\n case 'password':\n return 'text';\n default:\n return type;\n }\n};\n\nexport interface MaskedInputProps\n extends MaskedProps,\n Omit<\n InputProps,\n 'showClearIcon' \| 'mask' \| 'maxLength' \| 'type' \| 'alwaysShowMask' \| 'onUnexpectedInput' \| 'maskChar'\n > {\n type?: MaskInputType;\n}\n\n/* Поле ввода, которое ограничивает формат вводимого значения по заданной маске. Такое поле облегчает пользователю ввод и снижает количество ошибок.\n /\nexport const MaskedInput = forwardRefAndName(\n 'MaskedInput',\n function MaskedInput(props: MaskedInputProps, ref: Ref<Input \| null>) {\n const {\n mask,\n maskChar,\n formatChars,\n alwaysShowMask = false,\n colored = true,\n imaskProps: customIMaskProps = {},\n unmask = false,\n onValueChange,\n onUnexpectedInput,\n onChange,\n onBeforePasteValue,\n element,\n className,\n // @ts-expect-error: могут передавать игнорируя ошибку\n maxLength,\n ...inputProps\n } = props;\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n\n const inputRef = useRef<Input>(null);\n\n const [focused, setFocused] = useState(false);\n const prevValue = useRef<string>(props.value \|\| String(props.defaultValue) \|\| '');\n const prevSelectionStart = useRef<number \| null>(null);\n\n useImperativeHandle(\n ref,\n () =>\n inputRef.current &&\n Object.assign(inputRef.current, {\n selectAll: () => {\n inputRef.current?.focus();\n inputRef.current?.delaySelectAll();\n },\n }),\n [],\n );\n\n useEffect(() => {\n // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n // Поэтому актуальный value при монтировании надо получать вручную\n if (inputRef.current?.input) {\n prevValue.current = inputRef.current.input.value;\n prevSelectionStart.current = inputRef.current.input.selectionStart;\n }\n }, []);\n\n const imaskProps = getCompatibleIMaskProps();\n\n return (\n <Input\n ref={inputRef}\n {...inputProps}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onInput={handleInput}\n onKeyDown={handleKeyDown}\n onPaste={handlePaste}\n className={cx(globalClasses.root, className, styles.root(theme))}\n element={\n colored ? (\n <ColorableInputElement showOnFocus={false} alwaysShowMask={alwaysShowMask}>\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n </ColorableInputElement>\n ) : (\n <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n )\n }\n />\n );\n\n function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n if (onBeforePasteValue && onValueChange) {\n event.preventDefault();\n onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n }\n\n props.onPaste?.(event);\n }\n\n function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n return {\n mask: mask.replace(/0/g, '{\\\\0}') as any,\n placeholderChar: getMaskChar(maskChar),\n definitions: getDefinitions(formatChars),\n // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n eager: 'append',\n overwrite: 'shift',\n lazy: !alwaysShowMask && (props.disabled \|\| !focused),\n unmask,\n ...customIMaskProps,\n } as IMaskInputProps<HTMLInputElement>;\n }\n\n function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n const [value, , e] = args;\n\n // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n // Но нативный input никогда не вызывает onChange при монтировании.\n // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n // Он содержит нативное событие, вызвавшее изменение.\n e && onValueChange?.(value);\n !e && (prevValue.current = value);\n }\n\n /\n Отслеживаем неожиданные нажатия\n * handleAccept не вызывается когда значение с маской не меняется\n * Сначала вызывается handleAccept, затем handleInput\n */\n function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n const { value, selectionStart } = e.currentTarget;\n\n // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n handleUnexpectedInput(value);\n }\n prevValue.current = value;\n prevSelectionStart.current = selectionStart;\n\n props.onInput?.(e);\n }\n\n function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n setFocused(true);\n props.onFocus?.(e);\n\n // Если value из пропсов отличается от value, которое получит input после обработки,\n // то imask будет ставить каретку за последним валидным символом.\n props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n }\n\n function handleUnexpectedInput(value: string) {\n const blink = inputRef.current?.blink.bind(inputRef.current) \|\| (() => undefined);\n onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n }\n\n function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n setFocused(false);\n props.onBlur?.(e);\n }\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n if (\n (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) \|\|\n (isKeyDelete(e) && prevSelectionStart.current === value.length)\n ) {\n // Случаи, когда нажатие клавиш не тригерит `onInput`\n handleUnexpectedInput(value);\n prevValue.current = e.currentTarget.value;\n }\n prevSelectionStart.current = selectionStart;\n\n props.onKeyDown?.(e);\n }\n },\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MaskedInput/MaskedInput.styles.d.ts CHANGED Viewed

@@ -2,6 +2,6 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     root: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
-};
+}>;