npm - @skbkontur/react-ui - Versions diffs - 6.4.7-9ac75.0 → 6.4.7 - Mend

@skbkontur/react-ui 6.4.7-9ac75.0 → 6.4.7

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MobilePopup.js","sourceRoot":"","sources":["MobilePopup.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { cx } from '../../lib/cx.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll/index.js';\nimport { RenderContainer } from '../RenderContainer/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { jsStyles } from './MobilePopup.css.js';\nimport { MobilePopupFooter } from './MobilePopupFooter/index.js';\nimport { MobilePopupHeader } from './MobilePopupHeader/index.js';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n /*\n Функция, вызываемая при закрытии всплывающего окна\n /\n onClose?: () => void;\n /\n Заголовок всплывающего окна, располагается в шапке\n /\n caption?: string;\n /\n Шапка всплывающего окна\n /\n headerChildComponent?: React.ReactNode;\n /\n Подвал всплывающего окна\n /\n footerChildComponent?: React.ReactNode;\n /\n Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n /\n withoutRenderContainer?: boolean;\n /\n Функция, вызываемая при клике по вуали\n /\n onCloseRequest?: () => void;\n /\n Позволяет контролировать текущее состояние всплывающего окна\n /\n opened: boolean;\n /\n Позволяет отрисовать попап по центру экрана\n /\n verticalAlign?: 'center' \| 'bottom';\n size?: SizeProp;\n children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n root: 'MobilePopup__root',\n container: 'MobilePopup__container',\n backdrop: 'MobilePopup__backdrop',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n public static displayName = 'MobileMenuHeader';\n private refForTransition = React.createRef<HTMLDivElement>();\n\n // see #2873 and #2895\n public static readonly defaultRootNode = null;\n\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\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 public renderMain() {\n const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const align = this.props.verticalAlign ?? 'bottom';\n const content = (\n <ZIndex id={this.props.id} className={jsStyles.zIndex} priority={'MobilePopup'}>\n <Transition\n in={this.props.opened}\n onExited={this.props.onClose}\n mountOnEnter\n unmountOnExit\n timeout={0}\n nodeRef={this.refForTransition}\n >\n {themeGTE6_1 ? (\n <div className={jsStyles.wrapper6_1} ref={this.refForTransition}>\n <RenderLayer onClickOutside={this.close}>\n <div\n ref={this.setRootNode}\n data-tid={MobilePopupDataTids.container}\n className={cx(jsStyles.containerBase6_1, align === 'bottom' && jsStyles.containerBottom6_1)}\n >\n <div data-tid={MobilePopupDataTids.root} className={jsStyles.root6_1}>\n <MobilePopupHeader size={this.props.size} caption={this.props.caption}>\n {this.props.headerChildComponent}\n </MobilePopupHeader>\n <div className={this.getContentClassName6_1()}>{this.props.children}</div>\n <MobilePopupFooter size={this.props.size}>{this.props.footerChildComponent}</MobilePopupFooter>\n </div>\n </div>\n </RenderLayer>\n <div\n data-tid={MobilePopupDataTids.backdrop}\n className={jsStyles.bg}\n onClick={this.backdropClick}\n onMouseDown={this.backdropStopPropagation}\n onPointerDownCapture={this.backdropStopPropagation}\n onPointerUpCapture={this.backdropStopPropagation}\n />\n <HideBodyVerticalScroll />\n </div>\n ) : (\n <div className={jsStyles.wrapper} ref={this.refForTransition}>\n <RenderLayer onClickOutside={this.close}>\n <div ref={this.setRootNode} data-tid={MobilePopupDataTids.container} className={jsStyles.container}>\n <div data-tid={MobilePopupDataTids.root} className={jsStyles.root}>\n <MobilePopupHeader caption={this.props.caption}>\n {this.props.headerChildComponent}\n </MobilePopupHeader>\n <div className={jsStyles.content}>{this.props.children}</div>\n <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n </div>\n <div onClick={this.close} className={jsStyles.bottomIndent} />\n </div>\n </RenderLayer>\n <div\n data-tid={MobilePopupDataTids.backdrop}\n className={jsStyles.bg}\n onClick={this.backdropClick}\n onMouseDown={this.backdropStopPropagation}\n onPointerDownCapture={this.backdropStopPropagation}\n onPointerUpCapture={this.backdropStopPropagation}\n />\n <HideBodyVerticalScroll />\n </div>\n )}\n </Transition>\n </ZIndex>\n );\n\n if (this.props.withoutRenderContainer) {\n return content;\n }\n\n return <RenderContainer>{content}</RenderContainer>;\n }\n\n public close = (): void => {\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest();\n }\n };\n\n /* Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).\n * В мобильных браузерах pointerup может породить click по нижележащему элементу.\n * Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.\n */\n private backdropStopPropagation = (event: React.SyntheticEvent) => {\n event.preventDefault();\n event.stopPropagation();\n };\n\n private backdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n this.backdropStopPropagation(event);\n this.close();\n };\n\n private getContentClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'small':\n return jsStyles.contentSmall6_1;\n case 'medium':\n return jsStyles.contentMedium6_1;\n case 'large':\n return jsStyles.contentLarge6_1;\n default:\n return jsStyles.contentSmall6_1;\n }\n };\n}\n"]}
1	+ {"version":3,"file":"MobilePopup.js","sourceRoot":"","sources":["MobilePopup.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\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 } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll/index.js';\nimport { RenderContainer } from '../RenderContainer/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { getJsStyles } from './MobilePopup.styles.js';\nimport { MobilePopupFooter } from './MobilePopupFooter/index.js';\nimport { MobilePopupHeader } from './MobilePopupHeader/index.js';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n /*\n Функция, вызываемая при закрытии всплывающего окна\n /\n onClose?: () => void;\n /\n Заголовок всплывающего окна, располагается в шапке\n /\n caption?: string;\n /\n Шапка всплывающего окна\n /\n headerChildComponent?: React.ReactNode;\n /\n Подвал всплывающего окна\n /\n footerChildComponent?: React.ReactNode;\n /\n Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n /\n withoutRenderContainer?: boolean;\n /\n Функция, вызываемая при клике по вуали\n /\n onCloseRequest?: () => void;\n /\n Позволяет контролировать текущее состояние всплывающего окна\n /\n opened: boolean;\n /\n Позволяет отрисовать попап по центру экрана\n /\n verticalAlign?: 'center' \| 'bottom';\n size?: SizeProp;\n children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n root: 'MobilePopup__root',\n container: 'MobilePopup__container',\n backdrop: 'MobilePopup__backdrop',\n} as const;\n\n@withRenderEnvironment\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n public static displayName = 'MobileMenuHeader';\n private refForTransition = React.createRef<HTMLDivElement>();\n\n // see #2873 and #2895\n public static readonly defaultRootNode = null;\n\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private jsStyles!: ReturnType<typeof getJsStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render() {\n this.jsStyles = getJsStyles(this.emotion);\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const align = this.props.verticalAlign ?? 'bottom';\n const content = (\n <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n <Transition\n in={this.props.opened}\n onExited={this.props.onClose}\n mountOnEnter\n unmountOnExit\n timeout={0}\n nodeRef={this.refForTransition}\n >\n {themeGTE6_1 ? (\n <div className={this.jsStyles.wrapper6_1(this.theme)} ref={this.refForTransition}>\n <RenderLayer onClickOutside={this.close}>\n <div\n ref={this.setRootNode}\n data-tid={MobilePopupDataTids.container}\n className={this.cx(\n this.jsStyles.containerBase6_1(this.theme),\n align === 'bottom' && this.jsStyles.containerBottom6_1(this.theme),\n )}\n >\n <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root6_1(this.theme)}>\n <MobilePopupHeader size={this.props.size} caption={this.props.caption}>\n {this.props.headerChildComponent}\n </MobilePopupHeader>\n <div className={this.getContentClassName6_1()}>{this.props.children}</div>\n <MobilePopupFooter size={this.props.size}>{this.props.footerChildComponent}</MobilePopupFooter>\n </div>\n </div>\n </RenderLayer>\n <div\n data-tid={MobilePopupDataTids.backdrop}\n className={this.jsStyles.bg()}\n onClick={this.backdropClick}\n onMouseDown={this.backdropStopPropagation}\n onPointerDownCapture={this.backdropStopPropagation}\n onPointerUpCapture={this.backdropStopPropagation}\n />\n <HideBodyVerticalScroll />\n </div>\n ) : (\n <div className={this.jsStyles.wrapper()} ref={this.refForTransition}>\n <RenderLayer onClickOutside={this.close}>\n <div\n ref={this.setRootNode}\n data-tid={MobilePopupDataTids.container}\n className={this.jsStyles.container(this.theme)}\n >\n <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n <MobilePopupHeader caption={this.props.caption}>\n {this.props.headerChildComponent}\n </MobilePopupHeader>\n <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n </div>\n <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n </div>\n </RenderLayer>\n <div\n data-tid={MobilePopupDataTids.backdrop}\n className={this.jsStyles.bg()}\n onClick={this.backdropClick}\n onMouseDown={this.backdropStopPropagation}\n onPointerDownCapture={this.backdropStopPropagation}\n onPointerUpCapture={this.backdropStopPropagation}\n />\n <HideBodyVerticalScroll />\n </div>\n )}\n </Transition>\n </ZIndex>\n );\n\n if (this.props.withoutRenderContainer) {\n return content;\n }\n\n return <RenderContainer>{content}</RenderContainer>;\n }\n\n public close = (): void => {\n if (this.props.onCloseRequest) {\n this.props.onCloseRequest();\n }\n };\n\n /* Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).\n * В мобильных браузерах pointerup может породить click по нижележащему элементу.\n * Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.\n */\n private backdropStopPropagation = (event: React.SyntheticEvent) => {\n event.preventDefault();\n event.stopPropagation();\n };\n\n private backdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n this.backdropStopPropagation(event);\n this.close();\n };\n\n private getContentClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'small':\n return this.jsStyles.contentSmall6_1(this.theme);\n case 'medium':\n return this.jsStyles.contentMedium6_1(this.theme);\n case 'large':\n return this.jsStyles.contentLarge6_1(this.theme);\n default:\n return this.jsStyles.contentSmall6_1(this.theme);\n }\n };\n}\n"]}

package/internal/MobilePopup/MobilePopup.styles.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(t: Theme): string;
+    wrapper(): string;
+    content(t: Theme): string;
+    container(t: Theme): string;
+    root6_1(t: Theme): string;
+    wrapper6_1(t: Theme): string;
+    contentSmall6_1(t: Theme): string;
+    contentMedium6_1(t: Theme): string;
+    contentLarge6_1(t: Theme): string;
+    containerBase6_1(t: Theme): string;
+    containerBottom6_1(t: Theme): string;
+    bg(): string;
+    bottomIndent(): string;
+    zIndex(): string;
+}>;

package/internal/MobilePopup/MobilePopup.styles.js ADDED Viewed

@@ -0,0 +1,57 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getJsStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    var content6_1 = function (t) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    "], ["\n      background-color: ", ";\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    "])), t.bgDefault);
+    };
+    return {
+        root: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        padding-bottom: ", ";\n        background: ", ";\n      "], ["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        padding-bottom: ", ";\n        background: ", ";\n      "])), t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBottomPadding, t.menuBgDefault);
+        },
+        wrapper: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      "], ["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      "])));
+        },
+        content: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), t.bgDefault);
+        },
+        container: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        position: absolute;\n        top: ", ";\n        left: ", ";\n        right: ", ";\n        z-index: 100000;\n      "], ["\n        position: absolute;\n        top: ", ";\n        left: ", ";\n        right: ", ";\n        z-index: 100000;\n      "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
+        },
+        root6_1: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        background: ", ";\n\n        max-height: calc(100vh - (2 * ", "));\n        max-height: calc(100dvh - (2 * ", "));\n      "], ["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        background: ", ";\n\n        max-height: calc(100vh - (2 * ", "));\n        max-height: calc(100dvh - (2 * ", "));\n      "])), t.mobilePopupContainerBorderRadius, t.menuBgDefault, t.mobilePopupPositionY, t.mobilePopupPositionY);
+        },
+        wrapper6_1: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        position: fixed;\n        top: ", ";\n        bottom: ", ";\n        right: ", ";\n        left: ", ";\n        display: flex;\n        align-items: center;\n      "], ["\n        position: fixed;\n        top: ", ";\n        bottom: ", ";\n        right: ", ";\n        left: ", ";\n        display: flex;\n        align-items: center;\n      "])), t.mobilePopupPositionY, t.mobilePopupPositionY, t.mobilePopupPositionX, t.mobilePopupPositionX);
+        },
+        contentSmall6_1: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content6_1(t), t.mobilePopupPaddingSmall);
+        },
+        contentMedium6_1: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content6_1(t), t.mobilePopupPaddingMedium);
+        },
+        contentLarge6_1: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content6_1(t), t.mobilePopupPaddingLarge);
+        },
+        containerBase6_1: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ", "));\n      "], ["\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ", "));\n      "])), t.mobilePopupPositionX);
+        },
+        containerBottom6_1: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        bottom: 0;\n        max-height: calc(100vh - (2 * ", "));\n      "], ["\n        bottom: 0;\n        max-height: calc(100vh - (2 * ", "));\n      "])), t.mobilePopupPositionY);
+        },
+        bg: function () {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      "], ["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      "])));
+        },
+        bottomIndent: function () {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        height: 80px;\n      "], ["\n        height: 80px;\n      "])));
+        },
+        zIndex: function () {
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        position: relative;\n      "], ["\n        position: relative;\n      "])));
+        },
+    };
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
+//# sourceMappingURL=MobilePopup.styles.js.map

package/internal/MobilePopup/MobilePopup.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobilePopup.styles.js","sourceRoot":"","sources":["MobilePopup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,UAAU,GAAG,UAAC,CAAQ;QAC1B,OAAO,GAAG,+LAAA,4BACY,EAAW,8FAKhC,KALqB,CAAC,CAAC,SAAS,EAK/B;IACJ,CAAC,CAAC;IACF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0UAAA,qKAMS,EAAkC,wDAEjC,EAAmC,yBACvC,EAAe,WAC9B,KAJkB,CAAC,CAAC,gCAAgC,EAEjC,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,0MAAA,uIAOT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,8GAAA,8BACY,EAAW,WAChC,KADqB,CAAC,CAAC,SAAS,EAC/B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,mMAAA,8CAED,EAAuB,mBACtB,EAAyB,oBACxB,EAAyB,qCAEnC,KAJQ,CAAC,CAAC,qBAAqB,EACtB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAElC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,4YAAA,qKAMS,EAAkC,oDAErC,EAAe,6CAEG,EAAsB,8CACrB,EAAsB,aACxD,KANkB,CAAC,CAAC,gCAAgC,EAErC,CAAC,CAAC,aAAa,EAEG,CAAC,CAAC,oBAAoB,EACrB,CAAC,CAAC,oBAAoB,EACvD;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,mPAAA,2CAED,EAAsB,qBACnB,EAAsB,oBACvB,EAAsB,mBACvB,EAAsB,iEAG/B,KANQ,CAAC,CAAC,oBAAoB,EACnB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EAG9B;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAA0B,WACtC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,qHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,oLAAA,gGAGuB,EAAsB,aACtD,KADgC,CAAC,CAAC,oBAAoB,EACrD;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,kJAAA,8DAEwB,EAAsB,aACvD,KADiC,CAAC,CAAC,oBAAoB,EACtD;QACJ,CAAC;QAED,EAAE;YACA,OAAO,GAAG,6RAAA,wNAUT,KAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,sGAAA,iCAET,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,4GAAA,uCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","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';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n const content6_1 = (t: Theme) => {\n return css`\n background-color: ${t.bgDefault};\n overflow-y: scroll;\n &::-webkit-scrollbar {\n width: 0;\n }\n `;\n };\n return {\n root(t: Theme) {\n return css`\n width: 100%;\n height: 100%;\n flex-direction: column;\n display: flex;\n justify-content: flex-end;\n border-radius: ${t.mobilePopupContainerBorderRadius};\n overflow: hidden;\n padding-bottom: ${t.mobilePopupContainerBottomPadding};\n background: ${t.menuBgDefault};\n `;\n },\n\n wrapper() {\n return css`\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n overflow: auto;\n `;\n },\n\n content(t: Theme) {\n return css`\n background-color: ${t.bgDefault};\n `;\n },\n\n container(t: Theme) {\n return css`\n position: absolute;\n top: ${t.mobilePopupTopPadding};\n left: ${t.mobilePopupOuterIndentY};\n right: ${t.mobilePopupOuterIndentY};\n z-index: 100000;\n `;\n },\n\n root6_1(t: Theme) {\n return css`\n width: 100%;\n height: 100%;\n flex-direction: column;\n display: flex;\n justify-content: flex-end;\n border-radius: ${t.mobilePopupContainerBorderRadius};\n overflow: hidden;\n background: ${t.menuBgDefault};\n\n max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n max-height: calc(100dvh - (2 * ${t.mobilePopupPositionY}));\n `;\n },\n\n wrapper6_1(t: Theme) {\n return css`\n position: fixed;\n top: ${t.mobilePopupPositionY};\n bottom: ${t.mobilePopupPositionY};\n right: ${t.mobilePopupPositionX};\n left: ${t.mobilePopupPositionX};\n display: flex;\n align-items: center;\n `;\n },\n\n contentSmall6_1(t: Theme) {\n return css`\n ${content6_1(t)}\n padding: ${t.mobilePopupPaddingSmall};\n `;\n },\n\n contentMedium6_1(t: Theme) {\n return css`\n ${content6_1(t)}\n padding: ${t.mobilePopupPaddingMedium};\n `;\n },\n\n contentLarge6_1(t: Theme) {\n return css`\n ${content6_1(t)}\n padding: ${t.mobilePopupPaddingLarge};\n `;\n },\n\n containerBase6_1(t: Theme) {\n return css`\n position: absolute;\n z-index: 100000;\n min-width: calc(100vw - (2 * ${t.mobilePopupPositionX}));\n `;\n },\n\n containerBottom6_1(t: Theme) {\n return css`\n bottom: 0;\n max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n `;\n },\n\n bg() {\n return css`\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 9999;\n touch-action: none;\n background: #333333;\n opacity: 50%;\n `;\n },\n\n bottomIndent() {\n return css`\n height: 80px;\n `;\n },\n\n zIndex() {\n return css`\n position: relative;\n `;\n },\n };\n});\n"]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ interface Props extends PropsWithChildren {
 }
 export declare class MobilePopupFooter extends React.Component<Props> {
     static __KONTUR_REACT_UI__: string;
+    private jsStyles;
+    private emotion;
     private theme;
     render(): React.JSX.Element;
     private renderMain;

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js CHANGED Viewed

@@ -13,10 +13,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
 import { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';
-import { jsStyles } from './MobilePopupFooter.css.js';
+import { getJsStyles } from './MobilePopupFooter.styles.js';
 var MobilePopupFooter = /** @class */ (function (_super) {
     __extends(MobilePopupFooter, _super);
     function MobilePopupFooter() {
@@ -24,18 +31,19 @@ var MobilePopupFooter = /** @class */ (function (_super) {
         _this.getRootSizeClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return jsStyles.rootLarge6_1;
+                    return _this.jsStyles.rootLarge6_1(_this.theme);
                 case 'medium':
-                    return jsStyles.rootMedium6_1;
+                    return _this.jsStyles.rootMedium6_1(_this.theme);
                 case 'small':
                 default:
-                    return jsStyles.rootSmall6_1;
+                    return _this.jsStyles.rootSmall6_1(_this.theme);
             }
         };
         return _this;
     }
     MobilePopupFooter.prototype.render = function () {
         var _this = this;
+        this.jsStyles = getJsStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return _this.renderMain();
@@ -50,9 +58,12 @@ var MobilePopupFooter = /** @class */ (function (_super) {
         if (themeGTE6_1) {
             return React.createElement("div", { className: this.getRootSizeClassName6_1() }, children);
         }
-        return React.createElement("div", { className: jsStyles.root }, children);
+        return React.createElement("div", { className: this.jsStyles.root(this.theme) }, children);
     };
     MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';
+    MobilePopupFooter = __decorate([
+        withRenderEnvironment
+    ], MobilePopupFooter);
     return MobilePopupFooter;
 }(React.Component));
 export { MobilePopupFooter };

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["MobilePopupFooter.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;AACA~~,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAG1B~~,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,~~QAAQ~~,EAAE,MAAM,~~4BAA4B,~~CAAC;~~AAMtD~~;IAAuC,qCAAsB;IAA7D;;~~QA+BU~~,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,QAAQ,CAAC,YAAY,CAAC;~~gBAC/B~~,KAAK,QAAQ;oBACX,OAAO,QAAQ,CAAC,aAAa,CAAC;~~gBAChC~~,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,QAAQ,CAAC,YAAY,CAAC;~~YACjC~~,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;~~IArCQ~~,kCAAM,GAAb;QAAA,~~iBASC~~;~~QARC~~,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAG,QAAQ,CAAO,CAAC;QAC1E,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,QAAQ,CAAC,IAAI,IAAG,QAAQ,CAAO,CAAC;~~IACzD~~,CAAC;~~IA5Ba~~,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;~~IAyCzD~~,wBAAC;CAAA,~~AA1CD~~,CAAuC,KAAK,CAAC,SAAS,~~GA0CrD~~;~~SA1CY~~,iBAAiB","sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { ~~jsStyles~~ } from './MobilePopupFooter.~~css~~.js';\n\ninterface Props extends PropsWithChildren {\n size?: SizeProp;\n}\n\nexport class MobilePopupFooter extends React.Component<Props> {\n public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n private theme!: Theme;\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 themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const { children } = this.props;\n\n if (!children \|\| !React.isValidElement(children)) {\n return null;\n }\n\n if (themeGTE6_1) {\n return <div className={this.getRootSizeClassName6_1()}>{children}</div>;\n }\n\n return <div className={jsStyles.root}>{children}</div>;\n }\n\n private getRootSizeClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'large':\n return jsStyles.rootLarge6_1;\n case 'medium':\n return jsStyles.rootMedium6_1;\n case 'small':\n default:\n return jsStyles.rootSmall6_1;\n }\n };\n}\n"]}
1	+ {"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["MobilePopupFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D;IAAuC,qCAAsB;IAA7D;;QAmCU,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAChD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAvCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAG,QAAQ,CAAO,CAAC;QAC1E,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAO,CAAC;IAC1E,CAAC;IAhCa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IAD5C,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CA8C7B;IAAD,wBAAC;CAAA,AA9CD,CAAuC,KAAK,CAAC,SAAS,GA8CrD;SA9CY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { getJsStyles } from './MobilePopupFooter.styles.js';\n\ninterface Props extends PropsWithChildren {\n size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<Props> {\n public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n private jsStyles!: ReturnType<typeof getJsStyles>;\n private emotion!: Emotion;\n private theme!: Theme;\n\n public render() {\n this.jsStyles = getJsStyles(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 themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const { children } = this.props;\n\n if (!children \|\| !React.isValidElement(children)) {\n return null;\n }\n\n if (themeGTE6_1) {\n return <div className={this.getRootSizeClassName6_1()}>{children}</div>;\n }\n\n return <div className={this.jsStyles.root(this.theme)}>{children}</div>;\n }\n\n private getRootSizeClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'large':\n return this.jsStyles.rootLarge6_1(this.theme);\n case 'medium':\n return this.jsStyles.rootMedium6_1(this.theme);\n case 'small':\n default:\n return this.jsStyles.rootSmall6_1(this.theme);\n }\n };\n}\n"]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { Theme } from '../../../lib/theming/Theme.js';
+export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
+    root(t: Theme): string;
+    rootSmall6_1(t: Theme): string;
+    rootMedium6_1(t: Theme): string;
+    rootLarge6_1(t: Theme): string;
+}>;

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js ADDED Viewed

@@ -0,0 +1,25 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
+export var getJsStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    var rootBase6_1 = function (t) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ", ";\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "], ["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ", ";\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "])), t.menuBgDefault, t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBorderRadius); };
+    return {
+        root: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ", ";\n        padding: ", ";\n      "], ["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ", ";\n        padding: ", ";\n      "])), t.menuBgDefault, t.mobilePopupFooterPadding);
+        },
+        rootSmall6_1: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase6_1(t), t.mobilePopupFooterPaddingSmall);
+        },
+        rootMedium6_1: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase6_1(t), t.mobilePopupFooterPaddingMedium);
+        },
+        rootLarge6_1: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase6_1(t), t.mobilePopupFooterPaddingLarge);
+        },
+    };
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=MobilePopupFooter.styles.js.map

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobilePopupFooter.styles.js","sourceRoot":"","sources":["MobilePopupFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,uPAAA,8FAIrB,EAAe,oCACA,EAAkC,qCACjC,EAAkC,OACjE,KAHe,CAAC,CAAC,aAAa,EACA,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GANhC,CAOjC,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sNAAA,8GAIM,EAAe,sBAClB,EAA0B,WACtC,KAFe,CAAC,CAAC,aAAa,EAClB,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QACD,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAAgC,WAC5C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","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';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n const rootBase6_1 = (t: Theme) => css`\n position: relative;\n display: flex;\n flex-direction: column;\n background: ${t.menuBgDefault};\n border-bottom-left-radius: ${t.mobilePopupContainerBorderRadius};\n border-bottom-right-radius: ${t.mobilePopupContainerBorderRadius};\n `;\n\n return {\n root(t: Theme) {\n return css`\n position: relative;\n display: flex;\n flex-direction: column;\n background: ${t.menuBgDefault};\n padding: ${t.mobilePopupFooterPadding};\n `;\n },\n\n rootSmall6_1(t: Theme) {\n return css`\n ${rootBase6_1(t)};\n padding: ${t.mobilePopupFooterPaddingSmall};\n `;\n },\n rootMedium6_1(t: Theme) {\n return css`\n ${rootBase6_1(t)};\n padding: ${t.mobilePopupFooterPaddingMedium};\n `;\n },\n rootLarge6_1(t: Theme) {\n return css`\n ${rootBase6_1(t)};\n padding: ${t.mobilePopupFooterPaddingLarge};\n `;\n },\n };\n});\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts CHANGED Viewed

@@ -10,6 +10,9 @@ interface MobilePopupHeaderProps {
 export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private emotion;
+    private cx;
+    private jsStyles;
     private theme;
     render(): React.JSX.Element;
     private renderMain;

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js CHANGED Viewed

@@ -13,12 +13,18 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { cx } from '../../../lib/cx.js';
+import { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
 import { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';
 import { isNonNullable } from '../../../lib/utils.js';
-import { jsStyles } from './MobilePopupHeader.css.js';
+import { getJsStyles } from './MobilePopupHeader.styles.js';
 var MobilePopupHeader = /** @class */ (function (_super) {
     __extends(MobilePopupHeader, _super);
     function MobilePopupHeader() {
@@ -26,29 +32,30 @@ var MobilePopupHeader = /** @class */ (function (_super) {
         _this.getContainerClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return jsStyles.containerLarge6_1;
+                    return _this.jsStyles.containerLarge6_1(_this.theme);
                 case 'medium':
-                    return jsStyles.containerMedium6_1;
+                    return _this.jsStyles.containerMedium6_1(_this.theme);
                 case 'small':
                 default:
-                    return jsStyles.containerSmall6_1;
+                    return _this.jsStyles.containerSmall6_1(_this.theme);
             }
         };
         _this.getRootSizeClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return jsStyles.rootLarge6_1;
+                    return _this.jsStyles.rootLarge6_1(_this.theme);
                 case 'medium':
-                    return jsStyles.rootMedium6_1;
+                    return _this.jsStyles.rootMedium6_1(_this.theme);
                 case 'small':
                 default:
-                    return jsStyles.rootSmall6_1;
+                    return _this.jsStyles.rootSmall6_1(_this.theme);
             }
         };
         return _this;
     }
     MobilePopupHeader.prototype.render = function () {
         var _this = this;
+        this.jsStyles = getJsStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return _this.renderMain();
@@ -64,25 +71,28 @@ var MobilePopupHeader = /** @class */ (function (_super) {
             }
             return (React.createElement("div", { className: this.getRootSizeClassName6_1() },
                 React.createElement("div", { className: this.getContainerClassName6_1() },
-                    caption && (React.createElement("div", { className: cx((_a = {},
-                            _a[jsStyles.caption] = true,
-                            _a[jsStyles.captionWithChildren] = isNonNullable(children),
+                    caption && (React.createElement("div", { className: this.cx((_a = {},
+                            _a[this.jsStyles.caption(this.theme)] = true,
+                            _a[this.jsStyles.captionWithChildren()] = isNonNullable(children),
                             _a)) }, caption)),
                     React.isValidElement(children) && React.createElement("div", null, children))));
         }
-        return (React.createElement("div", { className: cx((_b = {},
-                _b[jsStyles.root] = true,
-                _b[jsStyles.rootWithoutContent] = !caption && !children,
+        return (React.createElement("div", { className: this.cx((_b = {},
+                _b[this.jsStyles.root(this.theme)] = true,
+                _b[this.jsStyles.rootWithoutContent()] = !caption && !children,
                 _b)) },
-            React.createElement("div", { className: jsStyles.container },
-                caption && (React.createElement("div", { className: cx((_c = {},
-                        _c[jsStyles.caption] = true,
-                        _c[jsStyles.captionWithChildren] = isNonNullable(children),
+            React.createElement("div", { className: this.jsStyles.container() },
+                caption && (React.createElement("div", { className: this.cx((_c = {},
+                        _c[this.jsStyles.caption(this.theme)] = true,
+                        _c[this.jsStyles.captionWithChildren()] = isNonNullable(children),
                         _c)) }, caption)),
                 React.isValidElement(children) && React.createElement("div", null, children))));
     };
     MobilePopupHeader.__KONTUR_REACT_UI__ = 'MobileMenuHeader';
     MobilePopupHeader.displayName = 'MobileMenuHeader';
+    MobilePopupHeader = __decorate([
+        withRenderEnvironment
+    ], MobilePopupHeader);
     return MobilePopupHeader;
 }(React.Component));
 export { MobilePopupHeader };

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["MobilePopupHeader.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;AAAA~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,~~EAAE~~,EAAE,MAAM,~~oBAAoB~~,CAAC;~~AAExC~~,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,~~QAAQ~~,EAAE,MAAM,~~4BAA4B,~~CAAC;~~AAUtD~~;IAAuC,qCAAgE;IAAvG;;~~QAqEU~~,8BAAwB,GAAG;YACjC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,QAAQ,CAAC,iBAAiB,CAAC;~~gBACpC~~,KAAK,QAAQ;oBACX,OAAO,QAAQ,CAAC,kBAAkB,CAAC;~~gBACrC~~,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,QAAQ,CAAC,iBAAiB,CAAC;~~YACtC~~,CAAC;QACH,CAAC,CAAC;QAEM,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,QAAQ,CAAC,YAAY,CAAC;~~gBAC/B~~,KAAK,QAAQ;oBACX,OAAO,QAAQ,CAAC,aAAa,CAAC;~~gBAChC~~,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,QAAQ,CAAC,YAAY,CAAC;~~YACjC~~,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;~~IAtFQ~~,kCAAM,GAAb;QAAA,~~iBASC~~;~~QARC~~,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC5C,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,OAAO,aAAA,EAAE,QAAQ,cAAe,CAAC;QAEzC,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;gBAC/D,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE;gBAC5C,6BAAK,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE;oBAC5C,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,EAAE;~~4BACX~~,GAAC,QAAQ,CAAC,OAAO,IAAG,IAAI;~~4BACxB~~,GAAC,QAAQ,CAAC,mBAAmB,IAAG,aAAa,CAAC,QAAQ,CAAC;~~gCACvD~~,IAED,OAAO,CACJ,CACP;oBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;QACJ,CAAC;QAED,OAAO,CACL,6BACE,SAAS,EAAE,EAAE;~~gBACX~~,GAAC,QAAQ,CAAC,IAAI,IAAG,IAAI;~~gBACrB~~,GAAC,QAAQ,CAAC,kBAAkB,IAAG,CAAC,OAAO,IAAI,CAAC,QAAQ;~~oBACpD~~;YAEF,6BAAK,SAAS,EAAE,QAAQ,CAAC,SAAS;~~gBAC/B~~,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,EAAE;~~wBACX~~,GAAC,QAAQ,CAAC,OAAO,IAAG,IAAI;~~wBACxB~~,GAAC,QAAQ,CAAC,mBAAmB,IAAG,aAAa,CAAC,QAAQ,CAAC;~~4BACvD~~,IAED,OAAO,CACJ,CACP;gBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;IACJ,CAAC;~~IAlEa~~,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,6BAAW,GAAG,kBAAkB,AAArB,CAAsB;~~IA0FjD~~,wBAAC;CAAA,~~AA5FD~~,CAAuC,KAAK,CAAC,SAAS,~~GA4FrD~~;~~SA5FY~~,iBAAiB","sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { cx } from '../../../lib/cx.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { ~~jsStyles~~ } from './MobilePopupHeader.~~css~~.js';\n\ninterface MobilePopupHeaderProps {\n /*\n Заголовок шапки\n */\n caption?: string;\n size?: SizeProp;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n public static displayName = 'MobileMenuHeader';\n\n private theme!: Theme;\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(): ReactElement \| null {\n const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const { caption, children } = this.props;\n\n if (themeGTE6_1) {\n if (!caption && (!children \|\| !React.isValidElement(children))) {\n return null;\n }\n\n return (\n <div className={this.getRootSizeClassName6_1()}>\n <div className={this.getContainerClassName6_1()}>\n {caption && (\n <div\n className={cx({\n [jsStyles.caption]: true,\n [jsStyles.captionWithChildren]: isNonNullable(children),\n })}\n >\n {caption}\n </div>\n )}\n {React.isValidElement(children) && <div>{children}</div>}\n </div>\n </div>\n );\n }\n\n return (\n <div\n className={cx({\n [jsStyles.root]: true,\n [jsStyles.rootWithoutContent]: !caption && !children,\n })}\n >\n <div className={jsStyles.container}>\n {caption && (\n <div\n className={cx({\n [jsStyles.caption]: true,\n [jsStyles.captionWithChildren]: isNonNullable(children),\n })}\n >\n {caption}\n </div>\n )}\n {React.isValidElement(children) && <div>{children}</div>}\n </div>\n </div>\n );\n }\n\n private getContainerClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'large':\n return jsStyles.containerLarge6_1;\n case 'medium':\n return jsStyles.containerMedium6_1;\n case 'small':\n default:\n return jsStyles.containerSmall6_1;\n }\n };\n\n private getRootSizeClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'large':\n return jsStyles.rootLarge6_1;\n case 'medium':\n return jsStyles.rootMedium6_1;\n case 'small':\n default:\n return jsStyles.rootSmall6_1;\n }\n };\n}\n"]}
1	+ {"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["MobilePopupHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAW5D;IAAuC,qCAAgE;IAAvG;;QA0EU,8BAAwB,GAAG;YACjC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACrD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACtD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YACvD,CAAC;QACH,CAAC,CAAC;QAEM,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAChD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAxFQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC5C,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAhC,OAAO,aAAA,EAAE,QAAQ,cAAe,CAAC;QAEzC,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;gBAC/D,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE;gBAC5C,6BAAK,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE;oBAC5C,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;4BAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;4BACzC,GAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,IAAG,aAAa,CAAC,QAAQ,CAAC;gCAC9D,IAED,OAAO,CACJ,CACP;oBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;QACJ,CAAC;QAED,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;gBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;gBACtC,GAAC,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,IAAG,CAAC,OAAO,IAAI,CAAC,QAAQ;oBAC3D;YAEF,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE;gBACtC,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CAAC,EAAE;wBAChB,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,IAAI;wBACzC,GAAC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,IAAG,aAAa,CAAC,QAAQ,CAAC;4BAC9D,IAED,OAAO,CACJ,CACP;gBACA,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,iCAAM,QAAQ,CAAO,CACpD,CACF,CACP,CAAC;IACJ,CAAC;IAvEa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,6BAAW,GAAG,kBAAkB,AAArB,CAAsB;IAFpC,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CAiG7B;IAAD,wBAAC;CAAA,AAjGD,CAAuC,KAAK,CAAC,SAAS,GAiGrD;SAjGY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { getJsStyles } from './MobilePopupHeader.styles.js';\n\ninterface MobilePopupHeaderProps {\n /*\n Заголовок шапки\n */\n caption?: string;\n size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n public static displayName = 'MobileMenuHeader';\n\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private jsStyles!: ReturnType<typeof getJsStyles>;\n private theme!: Theme;\n\n public render() {\n this.jsStyles = getJsStyles(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(): ReactElement \| null {\n const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n const { caption, children } = this.props;\n\n if (themeGTE6_1) {\n if (!caption && (!children \|\| !React.isValidElement(children))) {\n return null;\n }\n\n return (\n <div className={this.getRootSizeClassName6_1()}>\n <div className={this.getContainerClassName6_1()}>\n {caption && (\n <div\n className={this.cx({\n [this.jsStyles.caption(this.theme)]: true,\n [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n })}\n >\n {caption}\n </div>\n )}\n {React.isValidElement(children) && <div>{children}</div>}\n </div>\n </div>\n );\n }\n\n return (\n <div\n className={this.cx({\n [this.jsStyles.root(this.theme)]: true,\n [this.jsStyles.rootWithoutContent()]: !caption && !children,\n })}\n >\n <div className={this.jsStyles.container()}>\n {caption && (\n <div\n className={this.cx({\n [this.jsStyles.caption(this.theme)]: true,\n [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n })}\n >\n {caption}\n </div>\n )}\n {React.isValidElement(children) && <div>{children}</div>}\n </div>\n </div>\n );\n }\n\n private getContainerClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'large':\n return this.jsStyles.containerLarge6_1(this.theme);\n case 'medium':\n return this.jsStyles.containerMedium6_1(this.theme);\n case 'small':\n default:\n return this.jsStyles.containerSmall6_1(this.theme);\n }\n };\n\n private getRootSizeClassName6_1 = (): string => {\n switch (this.props.size) {\n case 'large':\n return this.jsStyles.rootLarge6_1(this.theme);\n case 'medium':\n return this.jsStyles.rootMedium6_1(this.theme);\n case 'small':\n default:\n return this.jsStyles.rootSmall6_1(this.theme);\n }\n };\n}\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { Theme } from '../../../lib/theming/Theme.js';
+export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
+    root(t: Theme): string;
+    rootWithoutContent(): string;
+    container(): string;
+    rootSmall6_1(t: Theme): string;
+    rootMedium6_1(t: Theme): string;
+    rootLarge6_1(t: Theme): string;
+    containerSmall6_1(t: Theme): string;
+    containerMedium6_1(t: Theme): string;
+    containerLarge6_1(t: Theme): string;
+    caption(t: Theme): string;
+    captionWithChildren(): string;
+}>;

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js ADDED Viewed

@@ -0,0 +1,47 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
+export var getJsStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    var rootBase6_1 = function (t) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    background: ", ";\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "], ["\n    position: relative;\n    background: ", ";\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "])), t.menuBgDefault, t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBorderRadius); };
+    var containerBase6_1 = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n  "], ["\n    display: flex;\n    flex-direction: column;\n  "]))); };
+    return {
+        root: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        position: relative;\n        padding: ", ";\n      "], ["\n        position: relative;\n        padding: ", ";\n      "])), t.mobilePopupHeaderPadding);
+        },
+        rootWithoutContent: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        padding: 8px 0 0 0;\n      "], ["\n        padding: 8px 0 0 0;\n      "])));
+        },
+        container: function () {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        display: flex;\n        flex-direction: column;\n      "], ["\n        display: flex;\n        flex-direction: column;\n      "])));
+        },
+        rootSmall6_1: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase6_1(t), t.mobilePopupPaddingSmall);
+        },
+        rootMedium6_1: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase6_1(t), t.mobilePopupPaddingMedium);
+        },
+        rootLarge6_1: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase6_1(t), t.mobilePopupPaddingLarge);
+        },
+        containerSmall6_1: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase6_1(), t.mobilePopupHeaderPaddingSmall);
+        },
+        containerMedium6_1: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase6_1(), t.mobilePopupHeaderPaddingMedium);
+        },
+        containerLarge6_1: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase6_1(), t.mobilePopupHeaderPaddingLarge);
+        },
+        caption: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n        font-weight: ", ";\n        color: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n        font-weight: ", ";\n        color: ", ";\n      "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
+        },
+        captionWithChildren: function () {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        padding-bottom: 8px;\n      "], ["\n        padding-bottom: 8px;\n      "])));
+        },
+    };
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+//# sourceMappingURL=MobilePopupHeader.styles.js.map

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobilePopupHeader.styles.js","sourceRoot":"","sources":["MobilePopupHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,gMAAA,6CAErB,EAAe,iCACH,EAAkC,kCACjC,EAAkC,OAC9D,KAHe,CAAC,CAAC,aAAa,EACH,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GAJ7B,CAKjC,CAAC;IAEF,IAAM,gBAAgB,GAAG,cAAM,OAAA,GAAG,0HAAA,uDAGjC,MAH8B,CAG9B,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,kIAAA,kDAEG,EAA0B,WACtC,KADY,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,kBAAkB;YAChB,OAAO,GAAG,0GAAA,uCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,sIAAA,mEAGT,KAAC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAA0B,WAC1C,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,wBAAwB,EACzC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,oHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAAgC,WAC5C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,uLAAA,uBACK,EAA2B,0BACzB,EAA6B,0BAC7B,EAA6B,oBACnC,EAAkB,WAC5B,KAJc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,2BAA2B,EACnC,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,6GAAA,wCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","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';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n const rootBase6_1 = (t: Theme) => css`\n position: relative;\n background: ${t.menuBgDefault};\n border-top-left-radius: ${t.mobilePopupContainerBorderRadius};\n border-top-right-radius: ${t.mobilePopupContainerBorderRadius};\n `;\n\n const containerBase6_1 = () => css`\n display: flex;\n flex-direction: column;\n `;\n\n return {\n root(t: Theme) {\n return css`\n position: relative;\n padding: ${t.mobilePopupHeaderPadding};\n `;\n },\n\n rootWithoutContent() {\n return css`\n padding: 8px 0 0 0;\n `;\n },\n\n container() {\n return css`\n display: flex;\n flex-direction: column;\n `;\n },\n\n rootSmall6_1(t: Theme) {\n return css`\n ${rootBase6_1(t)};\n padding-top: ${t.mobilePopupPaddingSmall};\n `;\n },\n\n rootMedium6_1(t: Theme) {\n return css`\n ${rootBase6_1(t)};\n padding-top: ${t.mobilePopupPaddingMedium};\n `;\n },\n\n rootLarge6_1(t: Theme) {\n return css`\n ${rootBase6_1(t)};\n padding-top: ${t.mobilePopupPaddingLarge};\n `;\n },\n\n containerSmall6_1(t: Theme) {\n return css`\n ${containerBase6_1()};\n padding: ${t.mobilePopupHeaderPaddingSmall};\n `;\n },\n\n containerMedium6_1(t: Theme) {\n return css`\n ${containerBase6_1()};\n padding: ${t.mobilePopupHeaderPaddingMedium};\n `;\n },\n\n containerLarge6_1(t: Theme) {\n return css`\n ${containerBase6_1()};\n padding: ${t.mobilePopupHeaderPaddingLarge};\n `;\n },\n\n caption(t: Theme) {\n return css`\n font-size: ${t.mobilePopupHeaderFontSize};\n line-height: ${t.mobilePopupHeaderLineHeight};\n font-weight: ${t.mobilePopupHeaderFontWeight};\n color: ${t.textColorDefault};\n `;\n },\n\n captionWithChildren() {\n return css`\n padding-bottom: 8px;\n `;\n },\n };\n});\n"]}

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

@@ -10,6 +10,8 @@ export interface NativeDateInputProps {
 export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private emotion;
+    private jsStyles;
     private input;
     render(): React.JSX.Element;
     /**

package/internal/NativeDateInput/NativeDateInput.js CHANGED Viewed

@@ -13,8 +13,15 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { jsStyles } from './NativeDateInput.css.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getJsStyles } from './NativeDateInput.styles.js';
 import { getDateForComponent, getDateForNative } from './utils.js';
 var DEFAULT_MIN_DATE = '1900-01-01';
 var DEFAULT_MAX_DATE = '2099-12-31';
@@ -45,14 +52,18 @@ var NativeDateInput = /** @class */ (function (_super) {
     }
     NativeDateInput.prototype.render = function () {
         var _this = this;
+        this.jsStyles = getJsStyles(this.emotion);
         return (React.createElement("input", { type: 'date', max: this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE, min: this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE, value: getDateForNative(this.props.value), onChange: function (e) {
                 if (_this.props.onValueChange) {
                     _this.props.onValueChange(getDateForComponent(e.target.value));
                 }
-            }, className: jsStyles.inputTypeDate, ref: this.refInput, disabled: this.props.disabled, tabIndex: -1 }));
+            }, className: this.jsStyles.inputTypeDate(), ref: this.refInput, disabled: this.props.disabled, tabIndex: -1 }));
     };
     NativeDateInput.__KONTUR_REACT_UI__ = 'NativeDatePicker';
     NativeDateInput.displayName = 'NativeDatePicker';
+    NativeDateInput = __decorate([
+        withRenderEnvironment
+    ], NativeDateInput);
     return NativeDateInput;
 }(React.Component));
 export { NativeDateInput };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeDateInput.js","sourceRoot":"","sources":["NativeDateInput.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;AAAA~~,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAG1B~~,OAAO,EAAE,~~QAAQ~~,EAAE,MAAM,~~0BAA0B~~,CAAC;~~AACpD~~,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnE,IAAM,gBAAgB,GAAG,YAAY,CAAC;AACtC,IAAM,gBAAgB,GAAG,YAAY,CAAC;~~AAEtC~~;IAAqC,mCAAqC;IAA1E;;~~QA0BE~~;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEM,cAAQ,GAAG,UAAC,OAAmC;YACrD,KAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACvB,CAAC,CAAC;;IACJ,CAAC;~~IAzCQ~~,gCAAM,GAAb;QAAA,~~iBAkBC~~;~~QAjBC~~,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EACzC,QAAQ,EAAE,UAAC,CAAC;gBACV,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;oBAC7B,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAChE,CAAC;YACH,CAAC,EACD,SAAS,EAAE,QAAQ,CAAC,aAAa,~~EACjC~~,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;IACJ,CAAC;~~IAvBa~~,mCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,2BAAW,GAAG,kBAAkB,AAArB,CAAsB;~~IA6CjD~~,sBAAC;CAAA,~~AA/CD~~,CAAqC,KAAK,CAAC,SAAS,~~GA+CnD~~;~~SA/CY~~,eAAe","sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { ~~jsStyles~~ } from './NativeDateInput.~~css~~.js';\nimport { getDateForComponent, getDateForNative } from './utils.js';\n\nexport interface NativeDateInputProps {\n onValueChange?: (value: string) => void;\n value: Nullable<string>;\n minDate?: Nullable<string>;\n maxDate?: Nullable<string>;\n disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n public static displayName = 'NativeDatePicker';\n\n private input: Nullable<HTMLInputElement>;\n\n public render() {\n return (\n <input\n type={'date'}\n max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n value={getDateForNative(this.props.value)}\n onChange={(e) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(getDateForComponent(e.target.value));\n }\n }}\n className={jsStyles.inputTypeDate}\n ref={this.refInput}\n disabled={this.props.disabled}\n tabIndex={-1}\n />\n );\n }\n\n /*\n @public\n /\n public focus = (): void => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n /\n @public\n */\n public click = () => {\n if (this.input) {\n this.input.click();\n }\n };\n\n private refInput = (element: Nullable<HTMLInputElement>) => {\n this.input = element;\n };\n}\n"]}
1	+ {"version":3,"file":"NativeDateInput.js","sourceRoot":"","sources":["NativeDateInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnE,IAAM,gBAAgB,GAAG,YAAY,CAAC;AACtC,IAAM,gBAAgB,GAAG,YAAY,CAAC;AAGtC;IAAqC,mCAAqC;IAA1E;;QA8BE;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF;;WAEG;QACI,WAAK,GAAG;YACb,IAAI,KAAI,CAAC,KAAK,EAAE,CAAC;gBACf,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEM,cAAQ,GAAG,UAAC,OAAmC;YACrD,KAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACvB,CAAC,CAAC;;IACJ,CAAC;IA3CQ,gCAAM,GAAb;QAAA,iBAoBC;QAnBC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,gBAAgB,EACjF,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EACzC,QAAQ,EAAE,UAAC,CAAC;gBACV,IAAI,KAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;oBAC7B,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBAChE,CAAC;YACH,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,EACxC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH,CAAC;IACJ,CAAC;IA3Ba,mCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IACzC,2BAAW,GAAG,kBAAkB,AAArB,CAAsB;IAFpC,eAAe;QAD3B,qBAAqB;OACT,eAAe,CAmD3B;IAAD,sBAAC;CAAA,AAnDD,CAAqC,KAAK,CAAC,SAAS,GAmDnD;SAnDY,eAAe","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsStyles } from './NativeDateInput.styles.js';\nimport { getDateForComponent, getDateForNative } from './utils.js';\n\nexport interface NativeDateInputProps {\n onValueChange?: (value: string) => void;\n value: Nullable<string>;\n minDate?: Nullable<string>;\n maxDate?: Nullable<string>;\n disabled?: boolean;\n}\n\nconst DEFAULT_MIN_DATE = '1900-01-01';\nconst DEFAULT_MAX_DATE = '2099-12-31';\n\n@withRenderEnvironment\nexport class NativeDateInput extends React.Component<NativeDateInputProps> {\n public static __KONTUR_REACT_UI__ = 'NativeDatePicker';\n public static displayName = 'NativeDatePicker';\n\n private emotion!: Emotion;\n private jsStyles!: ReturnType<typeof getJsStyles>;\n private input: Nullable<HTMLInputElement>;\n\n public render() {\n this.jsStyles = getJsStyles(this.emotion);\n\n return (\n <input\n type={'date'}\n max={this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE}\n min={this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE}\n value={getDateForNative(this.props.value)}\n onChange={(e) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(getDateForComponent(e.target.value));\n }\n }}\n className={this.jsStyles.inputTypeDate()}\n ref={this.refInput}\n disabled={this.props.disabled}\n tabIndex={-1}\n />\n );\n }\n\n /*\n @public\n /\n public focus = (): void => {\n if (this.input) {\n this.input.focus();\n }\n };\n\n /\n @public\n */\n public click = () => {\n if (this.input) {\n this.input.click();\n }\n };\n\n private refInput = (element: Nullable<HTMLInputElement>) => {\n this.input = element;\n };\n}\n"]}

package/internal/NativeDateInput/NativeDateInput.styles.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    inputTypeDate(): string;
+}>;