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

package/internal/MobilePopup/MobilePopup.js.map

@@ -1 +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"]}
+{"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"]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.d.ts

@@ -0,0 +1,10 @@
+export declare const root: string;
+export declare const rootSmall6_1: string;
+export declare const rootMedium6_1: string;
+export declare const rootLarge6_1: string;
+export declare const jsStyles: {
+    root: string;
+    rootSmall6_1: string;
+    rootMedium6_1: string;
+    rootLarge6_1: string;
+};

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js

@@ -0,0 +1,6 @@
+
+export var jsStyles = {root:'react-ui-MobilePopupFooter__root',rootSmall6_1:'react-ui-MobilePopupFooter__rootSmall6_1',rootMedium6_1:'react-ui-MobilePopupFooter__rootMedium6_1',rootLarge6_1:'react-ui-MobilePopupFooter__rootLarge6_1'};
+export var root = 'react-ui-MobilePopupFooter__root';
+export var rootLarge6_1 = 'react-ui-MobilePopupFooter__rootLarge6_1';
+export var rootMedium6_1 = 'react-ui-MobilePopupFooter__rootMedium6_1';
+export var rootSmall6_1 = 'react-ui-MobilePopupFooter__rootSmall6_1';

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobilePopupFooter.css.js","sourceRoot":"","sources":["MobilePopupFooter.css.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,CAAC,EAAE,MAAM,iCAAiC,CAAC;AAEpD,IAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,CAAC,CAAC,aAAa;IAC3B,sBAAsB,EAAE,CAAC,CAAC,gCAAgC;IAC1D,uBAAuB,EAAE,CAAC,CAAC,gCAAgC;CACnD,CAAC;AAEX,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,CAAC,CAAC,aAAa;IAC3B,OAAO,EAAE,CAAC,CAAC,wBAAwB;CACpC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,uBAAM,WAAW,KAAE,OAAO,EAAE,CAAC,CAAC,6BAA6B,IAAG,CAAC;AAEhG,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,uBAAM,WAAW,KAAE,OAAO,EAAE,CAAC,CAAC,8BAA8B,IAAG,CAAC;AAElG,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,uBAAM,WAAW,KAAE,OAAO,EAAE,CAAC,CAAC,6BAA6B,IAAG,CAAC;AAEhG,MAAM,CAAC,IAAM,QAAQ,GAAG,EAAE,IAAI,MAAA,EAAE,YAAY,cAAA,EAAE,aAAa,eAAA,EAAE,YAAY,cAAA,EAAE,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { t } from '../../../lib/theming/vanilla.js';\n\nconst rootBase6_1 = {\n  position: 'relative',\n  display: 'flex',\n  flexDirection: 'column',\n  background: t.menuBgDefault,\n  borderBottomLeftRadius: t.mobilePopupContainerBorderRadius,\n  borderBottomRightRadius: t.mobilePopupContainerBorderRadius,\n} as const;\n\nexport const root = style({\n  position: 'relative',\n  display: 'flex',\n  flexDirection: 'column',\n  background: t.menuBgDefault,\n  padding: t.mobilePopupFooterPadding,\n});\n\nexport const rootSmall6_1 = style({ ...rootBase6_1, padding: t.mobilePopupFooterPaddingSmall });\n\nexport const rootMedium6_1 = style({ ...rootBase6_1, padding: t.mobilePopupFooterPaddingMedium });\n\nexport const rootLarge6_1 = style({ ...rootBase6_1, padding: t.mobilePopupFooterPaddingLarge });\n\nexport const jsStyles = { root, rootSmall6_1, rootMedium6_1, rootLarge6_1 };\n"]}

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

@@ -6,8 +6,6 @@ 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

@@ -13,17 +13,10 @@ 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 { getJsStyles } from './MobilePopupFooter.styles.js';
+import { jsStyles } from './MobilePopupFooter.css.js';
 var MobilePopupFooter = /** @class */ (function (_super) {
     __extends(MobilePopupFooter, _super);
     function MobilePopupFooter() {
@@ -31,19 +24,18 @@ var MobilePopupFooter = /** @class */ (function (_super) {
         _this.getRootSizeClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return _this.jsStyles.rootLarge6_1(_this.theme);
+                    return jsStyles.rootLarge6_1;
                 case 'medium':
-                    return _this.jsStyles.rootMedium6_1(_this.theme);
+                    return jsStyles.rootMedium6_1;
                 case 'small':
                 default:
-                    return _this.jsStyles.rootSmall6_1(_this.theme);
+                    return jsStyles.rootSmall6_1;
             }
         };
         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();
@@ -58,12 +50,9 @@ var MobilePopupFooter = /** @class */ (function (_super) {
         if (themeGTE6_1) {
             return React.createElement("div", { className: this.getRootSizeClassName6_1() }, children);
         }
-        return React.createElement("div", { className: this.jsStyles.root(this.theme) }, children);
+        return React.createElement("div", { className: jsStyles.root }, children);
     };
     MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';
-    MobilePopupFooter = __decorate([
-        withRenderEnvironment
-    ], MobilePopupFooter);
     return MobilePopupFooter;
 }(React.Component));
 export { MobilePopupFooter };

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

@@ -1 +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"]}
+{"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"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.d.ts

@@ -0,0 +1,24 @@
+export declare const root: string;
+export declare const rootWithoutContent: string;
+export declare const container: string;
+export declare const rootSmall6_1: string;
+export declare const rootMedium6_1: string;
+export declare const rootLarge6_1: string;
+export declare const containerSmall6_1: string;
+export declare const containerMedium6_1: string;
+export declare const containerLarge6_1: string;
+export declare const caption: string;
+export declare const captionWithChildren: string;
+export declare const jsStyles: {
+    root: string;
+    rootWithoutContent: string;
+    container: string;
+    rootSmall6_1: string;
+    rootMedium6_1: string;
+    rootLarge6_1: string;
+    containerSmall6_1: string;
+    containerMedium6_1: string;
+    containerLarge6_1: string;
+    caption: string;
+    captionWithChildren: string;
+};

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js

@@ -0,0 +1,13 @@
+
+export var caption = 'react-ui-MobilePopupHeader__caption';
+export var captionWithChildren = 'react-ui-MobilePopupHeader__captionWithChildren';
+export var container = 'react-ui-MobilePopupHeader__container';
+export var containerLarge6_1 = 'react-ui-MobilePopupHeader__containerLarge6_1';
+export var containerMedium6_1 = 'react-ui-MobilePopupHeader__containerMedium6_1';
+export var containerSmall6_1 = 'react-ui-MobilePopupHeader__containerSmall6_1';
+export var jsStyles = {root:'react-ui-MobilePopupHeader__root',rootWithoutContent:'react-ui-MobilePopupHeader__rootWithoutContent',container:'react-ui-MobilePopupHeader__container',rootSmall6_1:'react-ui-MobilePopupHeader__rootSmall6_1',rootMedium6_1:'react-ui-MobilePopupHeader__rootMedium6_1',rootLarge6_1:'react-ui-MobilePopupHeader__rootLarge6_1',containerSmall6_1:'react-ui-MobilePopupHeader__containerSmall6_1',containerMedium6_1:'react-ui-MobilePopupHeader__containerMedium6_1',containerLarge6_1:'react-ui-MobilePopupHeader__containerLarge6_1',caption:'react-ui-MobilePopupHeader__caption',captionWithChildren:'react-ui-MobilePopupHeader__captionWithChildren'};
+export var root = 'react-ui-MobilePopupHeader__root';
+export var rootLarge6_1 = 'react-ui-MobilePopupHeader__rootLarge6_1';
+export var rootMedium6_1 = 'react-ui-MobilePopupHeader__rootMedium6_1';
+export var rootSmall6_1 = 'react-ui-MobilePopupHeader__rootSmall6_1';
+export var rootWithoutContent = 'react-ui-MobilePopupHeader__rootWithoutContent';

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobilePopupHeader.css.js","sourceRoot":"","sources":["MobilePopupHeader.css.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,OAAO,EAAE,CAAC,EAAE,MAAM,iCAAiC,CAAC;AAEpD,IAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,CAAC,CAAC,aAAa;IAC3B,mBAAmB,EAAE,CAAC,CAAC,gCAAgC;IACvD,oBAAoB,EAAE,CAAC,CAAC,gCAAgC;CAChD,CAAC;AAEX,IAAM,gBAAgB,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAW,CAAC;AAE/E,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAEzF,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;AAElE,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,uBAAM,WAAW,KAAE,UAAU,EAAE,CAAC,CAAC,uBAAuB,IAAG,CAAC;AAE7F,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,uBAAM,WAAW,KAAE,UAAU,EAAE,CAAC,CAAC,wBAAwB,IAAG,CAAC;AAE/F,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,uBAAM,WAAW,KAAE,UAAU,EAAE,CAAC,CAAC,uBAAuB,IAAG,CAAC;AAE7F,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,uBAAM,gBAAgB,KAAE,OAAO,EAAE,CAAC,CAAC,6BAA6B,IAAG,CAAC;AAE1G,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,uBAAM,gBAAgB,KAAE,OAAO,EAAE,CAAC,CAAC,8BAA8B,IAAG,CAAC;AAE5G,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,uBAAM,gBAAgB,KAAE,OAAO,EAAE,CAAC,CAAC,6BAA6B,IAAG,CAAC;AAE1G,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC;IAC3B,QAAQ,EAAE,CAAC,CAAC,yBAAyB;IACrC,UAAU,EAAE,CAAC,CAAC,2BAA2B;IACzC,UAAU,EAAE,CAAC,CAAC,2BAA2B;IACzC,KAAK,EAAE,CAAC,CAAC,gBAAgB;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;AAE/D,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,IAAI,MAAA;IACJ,kBAAkB,oBAAA;IAClB,SAAS,WAAA;IACT,YAAY,cAAA;IACZ,aAAa,eAAA;IACb,YAAY,cAAA;IACZ,iBAAiB,mBAAA;IACjB,kBAAkB,oBAAA;IAClB,iBAAiB,mBAAA;IACjB,OAAO,SAAA;IACP,mBAAmB,qBAAA;CACpB,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { t } from '../../../lib/theming/vanilla.js';\n\nconst rootBase6_1 = {\n  position: 'relative',\n  background: t.menuBgDefault,\n  borderTopLeftRadius: t.mobilePopupContainerBorderRadius,\n  borderTopRightRadius: t.mobilePopupContainerBorderRadius,\n} as const;\n\nconst containerBase6_1 = { display: 'flex', flexDirection: 'column' } as const;\n\nexport const root = style({ position: 'relative', padding: t.mobilePopupHeaderPadding });\n\nexport const rootWithoutContent = style({ padding: '8px 0 0 0' });\n\nexport const container = style(containerBase6_1);\n\nexport const rootSmall6_1 = style({ ...rootBase6_1, paddingTop: t.mobilePopupPaddingSmall });\n\nexport const rootMedium6_1 = style({ ...rootBase6_1, paddingTop: t.mobilePopupPaddingMedium });\n\nexport const rootLarge6_1 = style({ ...rootBase6_1, paddingTop: t.mobilePopupPaddingLarge });\n\nexport const containerSmall6_1 = style({ ...containerBase6_1, padding: t.mobilePopupHeaderPaddingSmall });\n\nexport const containerMedium6_1 = style({ ...containerBase6_1, padding: t.mobilePopupHeaderPaddingMedium });\n\nexport const containerLarge6_1 = style({ ...containerBase6_1, padding: t.mobilePopupHeaderPaddingLarge });\n\nexport const caption = style({\n  fontSize: t.mobilePopupHeaderFontSize,\n  lineHeight: t.mobilePopupHeaderLineHeight,\n  fontWeight: t.mobilePopupHeaderFontWeight,\n  color: t.textColorDefault,\n});\n\nexport const captionWithChildren = style({ paddingBottom: 8 });\n\nexport const jsStyles = {\n  root,\n  rootWithoutContent,\n  container,\n  rootSmall6_1,\n  rootMedium6_1,\n  rootLarge6_1,\n  containerSmall6_1,\n  containerMedium6_1,\n  containerLarge6_1,\n  caption,\n  captionWithChildren,\n};\n"]}

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

@@ -10,9 +10,6 @@ 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

@@ -13,18 +13,12 @@ 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 { cx } from '../../../lib/cx.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
 import { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';
 import { isNonNullable } from '../../../lib/utils.js';
-import { getJsStyles } from './MobilePopupHeader.styles.js';
+import { jsStyles } from './MobilePopupHeader.css.js';
 var MobilePopupHeader = /** @class */ (function (_super) {
     __extends(MobilePopupHeader, _super);
     function MobilePopupHeader() {
@@ -32,30 +26,29 @@ var MobilePopupHeader = /** @class */ (function (_super) {
         _this.getContainerClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return _this.jsStyles.containerLarge6_1(_this.theme);
+                    return jsStyles.containerLarge6_1;
                 case 'medium':
-                    return _this.jsStyles.containerMedium6_1(_this.theme);
+                    return jsStyles.containerMedium6_1;
                 case 'small':
                 default:
-                    return _this.jsStyles.containerSmall6_1(_this.theme);
+                    return jsStyles.containerSmall6_1;
             }
         };
         _this.getRootSizeClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return _this.jsStyles.rootLarge6_1(_this.theme);
+                    return jsStyles.rootLarge6_1;
                 case 'medium':
-                    return _this.jsStyles.rootMedium6_1(_this.theme);
+                    return jsStyles.rootMedium6_1;
                 case 'small':
                 default:
-                    return _this.jsStyles.rootSmall6_1(_this.theme);
+                    return jsStyles.rootSmall6_1;
             }
         };
         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();
@@ -71,28 +64,25 @@ 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: this.cx((_a = {},
-                            _a[this.jsStyles.caption(this.theme)] = true,
-                            _a[this.jsStyles.captionWithChildren()] = isNonNullable(children),
+                    caption && (React.createElement("div", { className: cx((_a = {},
+                            _a[jsStyles.caption] = true,
+                            _a[jsStyles.captionWithChildren] = isNonNullable(children),
                             _a)) }, caption)),
                     React.isValidElement(children) && React.createElement("div", null, children))));
         }
-        return (React.createElement("div", { className: this.cx((_b = {},
-                _b[this.jsStyles.root(this.theme)] = true,
-                _b[this.jsStyles.rootWithoutContent()] = !caption && !children,
+        return (React.createElement("div", { className: cx((_b = {},
+                _b[jsStyles.root] = true,
+                _b[jsStyles.rootWithoutContent] = !caption && !children,
                 _b)) },
-            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),
+            React.createElement("div", { className: jsStyles.container },
+                caption && (React.createElement("div", { className: cx((_c = {},
+                        _c[jsStyles.caption] = true,
+                        _c[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

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["MobilePopupHeader.tsx"],"names":[],"mappings":"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","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"]}
+{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["MobilePopupHeader.tsx"],"names":[],"mappings":"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","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"]}

package/internal/NativeDateInput/NativeDateInput.css.d.ts

@@ -0,0 +1,4 @@
+export declare const inputTypeDate: string;
+export declare const jsStyles: {
+    inputTypeDate: string;
+};

package/internal/NativeDateInput/NativeDateInput.css.js

@@ -0,0 +1,3 @@
+
+export var inputTypeDate = 'react-ui-NativeDateInput__inputTypeDate';
+export var jsStyles = {inputTypeDate:'react-ui-NativeDateInput__inputTypeDate'};

package/internal/NativeDateInput/NativeDateInput.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeDateInput.css.js","sourceRoot":"","sources":["NativeDateInput.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,EAAE,aAAa,eAAA,EAAE,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const inputTypeDate = style({\n  width: '0px',\n  height: '0px',\n  padding: '0px',\n  margin: '0px',\n  lineHeight: '0px',\n  transform: 'scale(0)',\n  border: 'none',\n  overflow: 'hidden',\n  opacity: 0,\n});\n\nexport const jsStyles = { inputTypeDate };\n"]}

package/internal/NativeDateInput/NativeDateInput.d.ts

@@ -10,8 +10,6 @@ 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

@@ -13,15 +13,8 @@ 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 { getJsStyles } from './NativeDateInput.styles.js';
+import { jsStyles } from './NativeDateInput.css.js';
 import { getDateForComponent, getDateForNative } from './utils.js';
 var DEFAULT_MIN_DATE = '1900-01-01';
 var DEFAULT_MAX_DATE = '2099-12-31';
@@ -52,18 +45,14 @@ 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: this.jsStyles.inputTypeDate(), ref: this.refInput, disabled: this.props.disabled, tabIndex: -1 }));
+            }, className: 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

@@ -1 +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"]}
+{"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"]}

package/internal/NativeTimeInput/NativeTimeInput.css.d.ts

@@ -0,0 +1,4 @@
+export declare const inputTypeTime: string;
+export declare const jsStyles: {
+    inputTypeTime: string;
+};

package/internal/NativeTimeInput/NativeTimeInput.css.js

@@ -0,0 +1,3 @@
+
+export var inputTypeTime = 'react-ui-NativeTimeInput__inputTypeTime';
+export var jsStyles = {inputTypeTime:'react-ui-NativeTimeInput__inputTypeTime'};

package/internal/NativeTimeInput/NativeTimeInput.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTimeInput.css.js","sourceRoot":"","sources":["NativeTimeInput.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC;IACjC,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,EAAE,aAAa,eAAA,EAAE,CAAC","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const inputTypeTime = style({\n  width: 0,\n  height: 0,\n  padding: 0,\n  margin: 0,\n  lineHeight: 0,\n  transform: 'scale(0)',\n  border: 'none',\n  overflow: 'hidden',\n  opacity: 0,\n});\n\nexport const jsStyles = { inputTypeTime };\n"]}

package/internal/NativeTimeInput/NativeTimeInput.js

@@ -1,12 +1,10 @@
 import React, { useImperativeHandle, useRef } from 'react';
 import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
-import { useEmotion } from '../../lib/renderEnvironment/index.js';
-import { getJsStyles } from './NativeTimeInput.styles.js';
+import { jsStyles } from './NativeTimeInput.css.js';
 import { getDefaultMaxTime, getDefaultMinTime, getNativeTimeStep, getTimeForComponent, getTimeForNative, } from './NativeTimeInput.utils.js';
 export var NativeTimeInput = forwardRefAndName('NativeTimeInput', function (props, ref) {
     var _a;
     var value = props.value, minTime = props.minTime, maxTime = props.maxTime, format = props.format, disabled = props.disabled, onValueChange = props.onValueChange, onBlur = props.onBlur, dataTid = props["data-tid"];
-    var jsStyles = getJsStyles(useEmotion());
     var inputRef = useRef(null);
     useImperativeHandle(ref, function () { return ({
         focus: function () {
@@ -23,7 +21,7 @@ export var NativeTimeInput = forwardRefAndName('NativeTimeInput', function (prop
         },
         getNode: function () { return inputRef.current; },
     }); }, []);
-    return (React.createElement("input", { type: 'time', "data-tid": dataTid, ref: inputRef, disabled: disabled, className: jsStyles.inputTypeTime(), tabIndex: -1, step: getNativeTimeStep(format), min: minTime ? getTimeForNative(minTime, format) : getDefaultMinTime(format), max: maxTime ? getTimeForNative(maxTime, format) : getDefaultMaxTime(format), value: (_a = getTimeForNative(value, format)) !== null && _a !== void 0 ? _a : '', onBlur: onBlur, onChange: function (event) {
+    return (React.createElement("input", { type: 'time', "data-tid": dataTid, ref: inputRef, disabled: disabled, className: jsStyles.inputTypeTime, tabIndex: -1, step: getNativeTimeStep(format), min: minTime ? getTimeForNative(minTime, format) : getDefaultMinTime(format), max: maxTime ? getTimeForNative(maxTime, format) : getDefaultMaxTime(format), value: (_a = getTimeForNative(value, format)) !== null && _a !== void 0 ? _a : '', onBlur: onBlur, onChange: function (event) {
             onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(getTimeForComponent(event.target.value, format));
         } }));
 });

package/internal/NativeTimeInput/NativeTimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeTimeInput.js","sourceRoot":"","sources":["NativeTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AAoBpC,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAC9C,iBAAiB,EACjB,UAAC,KAAK,EAAE,GAAG;;IACD,IAAA,KAAK,GAAqF,KAAK,MAA1F,EAAE,OAAO,GAA4E,KAAK,QAAjF,EAAE,OAAO,GAAmE,KAAK,QAAxE,EAAE,MAAM,GAA2D,KAAK,OAAhE,EAAE,QAAQ,GAAiD,KAAK,SAAtD,EAAE,aAAa,GAAkC,KAAK,cAAvC,EAAE,MAAM,GAA0B,KAAK,OAA/B,EAAc,OAAO,GAAK,KAAK,YAAV,CAAW;IAExG,IAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC;IAC3C,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,mBAAmB,CACjB,GAAG,EACH,cAAM,OAAA,CAAC;QACL,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,IAAI;;YACF,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;QAC3B,CAAC;QACD,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,OAAO,EAAhB,CAAgB;KAChC,CAAC,EAXI,CAWJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,cACF,OAAO,EACjB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,aAAa,EAAE,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC5E,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC5E,KAAK,EAAE,MAAA,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,mCAAI,EAAE,EAC5C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAC,KAAK;YACd,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QACnE,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\n\nimport type { TimeFormat } from '../../components/TimePicker/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion } from '../../lib/renderEnvironment/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsStyles } from './NativeTimeInput.styles.js';\nimport {\n  getDefaultMaxTime,\n  getDefaultMinTime,\n  getNativeTimeStep,\n  getTimeForComponent,\n  getTimeForNative,\n} from './NativeTimeInput.utils.js';\n\nexport interface NativeTimeInputProps {\n  'data-tid'?: string;\n  disabled?: boolean;\n  format: TimeFormat;\n  value: Nullable<string>;\n  minTime?: Nullable<string>;\n  maxTime?: Nullable<string>;\n  onValueChange?(value: string): void;\n  onBlur?(event: React.FocusEvent<HTMLInputElement>): void;\n}\n\nexport interface NativeTimeInputRef {\n  focus(): void;\n  blur(): void;\n  click(): void;\n  getNode(): HTMLInputElement | null;\n}\n\nexport const NativeTimeInput = forwardRefAndName<NativeTimeInputRef, NativeTimeInputProps>(\n  'NativeTimeInput',\n  (props, ref) => {\n    const { value, minTime, maxTime, format, disabled, onValueChange, onBlur, 'data-tid': dataTid } = props;\n\n    const jsStyles = getJsStyles(useEmotion());\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus() {\n          inputRef.current?.focus();\n        },\n        blur() {\n          inputRef.current?.blur();\n        },\n        click() {\n          inputRef.current?.click();\n        },\n        getNode: () => inputRef.current,\n      }),\n      [],\n    );\n\n    return (\n      <input\n        type={'time'}\n        data-tid={dataTid}\n        ref={inputRef}\n        disabled={disabled}\n        className={jsStyles.inputTypeTime()}\n        tabIndex={-1}\n        step={getNativeTimeStep(format)}\n        min={minTime ? getTimeForNative(minTime, format) : getDefaultMinTime(format)}\n        max={maxTime ? getTimeForNative(maxTime, format) : getDefaultMaxTime(format)}\n        value={getTimeForNative(value, format) ?? ''}\n        onBlur={onBlur}\n        onChange={(event) => {\n          onValueChange?.(getTimeForComponent(event.target.value, format));\n        }}\n      />\n    );\n  },\n);\n"]}
+{"version":3,"file":"NativeTimeInput.js","sourceRoot":"","sources":["NativeTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AAoBpC,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAC9C,iBAAiB,EACjB,UAAC,KAAK,EAAE,GAAG;;IACD,IAAA,KAAK,GAAqF,KAAK,MAA1F,EAAE,OAAO,GAA4E,KAAK,QAAjF,EAAE,OAAO,GAAmE,KAAK,QAAxE,EAAE,MAAM,GAA2D,KAAK,OAAhE,EAAE,QAAQ,GAAiD,KAAK,SAAtD,EAAE,aAAa,GAAkC,KAAK,cAAvC,EAAE,MAAM,GAA0B,KAAK,OAA/B,EAAc,OAAO,GAAK,KAAK,YAAV,CAAW;IAExG,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,mBAAmB,CACjB,GAAG,EACH,cAAM,OAAA,CAAC;QACL,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,IAAI;;YACF,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;QAC3B,CAAC;QACD,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,OAAO,EAAhB,CAAgB;KAChC,CAAC,EAXI,CAWJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,cACF,OAAO,EACjB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,aAAa,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC5E,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC5E,KAAK,EAAE,MAAA,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,mCAAI,EAAE,EAC5C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAC,KAAK;YACd,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;QACnE,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\n\nimport type { TimeFormat } from '../../components/TimePicker/index.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { jsStyles } from './NativeTimeInput.css.js';\nimport {\n  getDefaultMaxTime,\n  getDefaultMinTime,\n  getNativeTimeStep,\n  getTimeForComponent,\n  getTimeForNative,\n} from './NativeTimeInput.utils.js';\n\nexport interface NativeTimeInputProps {\n  'data-tid'?: string;\n  disabled?: boolean;\n  format: TimeFormat;\n  value: Nullable<string>;\n  minTime?: Nullable<string>;\n  maxTime?: Nullable<string>;\n  onValueChange?(value: string): void;\n  onBlur?(event: React.FocusEvent<HTMLInputElement>): void;\n}\n\nexport interface NativeTimeInputRef {\n  focus(): void;\n  blur(): void;\n  click(): void;\n  getNode(): HTMLInputElement | null;\n}\n\nexport const NativeTimeInput = forwardRefAndName<NativeTimeInputRef, NativeTimeInputProps>(\n  'NativeTimeInput',\n  (props, ref) => {\n    const { value, minTime, maxTime, format, disabled, onValueChange, onBlur, 'data-tid': dataTid } = props;\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus() {\n          inputRef.current?.focus();\n        },\n        blur() {\n          inputRef.current?.blur();\n        },\n        click() {\n          inputRef.current?.click();\n        },\n        getNode: () => inputRef.current,\n      }),\n      [],\n    );\n\n    return (\n      <input\n        type={'time'}\n        data-tid={dataTid}\n        ref={inputRef}\n        disabled={disabled}\n        className={jsStyles.inputTypeTime}\n        tabIndex={-1}\n        step={getNativeTimeStep(format)}\n        min={minTime ? getTimeForNative(minTime, format) : getDefaultMinTime(format)}\n        max={maxTime ? getTimeForNative(maxTime, format) : getDefaultMaxTime(format)}\n        value={getTimeForNative(value, format) ?? ''}\n        onBlur={onBlur}\n        onChange={(event) => {\n          onValueChange?.(getTimeForComponent(event.target.value, format));\n        }}\n      />\n    );\n  },\n);\n"]}

package/internal/Popup/Popup.css.d.ts

@@ -0,0 +1,35 @@
+export declare const popup: string;
+export declare const popupIgnoreHover: string;
+export declare const hoverBridge: string;
+export declare const hoverBridgeTop: string;
+export declare const hoverBridgeBottom: string;
+export declare const hoverBridgeLeft: string;
+export declare const hoverBridgeRight: string;
+export declare const content: string;
+export declare const contentInner: string;
+export declare const shadow: string;
+export declare const transitionEnter: string;
+export declare const transitionEnterActive: string;
+export declare const transitionExit: string;
+export declare const absoluteParent: string;
+export declare const styles: {
+    popup: string;
+    popupIgnoreHover: string;
+    hoverBridge: string;
+    hoverBridgeTop: string;
+    hoverBridgeBottom: string;
+    hoverBridgeLeft: string;
+    hoverBridgeRight: string;
+    content: string;
+    contentInner: string;
+    shadow: string;
+    transitionEnter: string;
+    'transition-enter-top': string;
+    'transition-enter-middle': string;
+    'transition-enter-bottom': string;
+    'transition-enter-left': string;
+    'transition-enter-right': string;
+    transitionEnterActive: string;
+    transitionExit: string;
+    absoluteParent: string;
+};

package/internal/Popup/Popup.css.js

@@ -0,0 +1,16 @@
+
+export var absoluteParent = 'react-ui-Popup__absoluteParent';
+export var content = 'react-ui-Popup__content';
+export var contentInner = 'react-ui-Popup__contentInner';
+export var hoverBridge = 'react-ui-Popup__hoverBridge';
+export var hoverBridgeBottom = 'react-ui-Popup__hoverBridgeBottom';
+export var hoverBridgeLeft = 'react-ui-Popup__hoverBridgeLeft';
+export var hoverBridgeRight = 'react-ui-Popup__hoverBridgeRight';
+export var hoverBridgeTop = 'react-ui-Popup__hoverBridgeTop';
+export var popup = 'react-ui-Popup__popup';
+export var popupIgnoreHover = 'react-ui-Popup__popupIgnoreHover';
+export var shadow = 'react-ui-Popup__shadow';
+export var styles = {popup:'react-ui-Popup__popup',popupIgnoreHover:'react-ui-Popup__popupIgnoreHover',hoverBridge:'react-ui-Popup__hoverBridge',hoverBridgeTop:'react-ui-Popup__hoverBridgeTop',hoverBridgeBottom:'react-ui-Popup__hoverBridgeBottom',hoverBridgeLeft:'react-ui-Popup__hoverBridgeLeft',hoverBridgeRight:'react-ui-Popup__hoverBridgeRight',content:'react-ui-Popup__content',contentInner:'react-ui-Popup__contentInner',shadow:'react-ui-Popup__shadow',transitionEnter:'react-ui-Popup__transitionEnter','transition-enter-top':'react-ui-Popup__transition-enter-top','transition-enter-middle':'react-ui-Popup__transition-enter-middle','transition-enter-bottom':'react-ui-Popup__transition-enter-bottom','transition-enter-left':'react-ui-Popup__transition-enter-left','transition-enter-right':'react-ui-Popup__transition-enter-right',transitionEnterActive:'react-ui-Popup__transitionEnterActive',transitionExit:'react-ui-Popup__transitionExit',absoluteParent:'react-ui-Popup__absoluteParent'};
+export var transitionEnter = 'react-ui-Popup__transitionEnter';
+export var transitionEnterActive = 'react-ui-Popup__transitionEnterActive';
+export var transitionExit = 'react-ui-Popup__transitionExit';

package/internal/Popup/Popup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.css.js","sourceRoot":"","sources":["Popup.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { t } from '../../lib/theming/vanilla.js';\n\nexport const popup = style({\n  position: 'absolute',\n  borderRadius: t.popupBorderRadius,\n  border: `${t.popupBorder} ${t.popupBorderColor}`,\n  display: 'flex',\n  width: 'max-content',\n  overflow: 'visible',\n});\n\nexport const popupIgnoreHover = style({ pointerEvents: 'none' });\n\nexport const hoverBridge = style({ position: 'absolute', pointerEvents: 'auto' });\n\nexport const hoverBridgeTop = style({ left: 0, right: 0, bottom: '100%', height: 'var(--popup-hover-bridge-size)' });\n\nexport const hoverBridgeBottom = style({ left: 0, right: 0, top: '100%', height: 'var(--popup-hover-bridge-size)' });\n\nexport const hoverBridgeLeft = style({ top: 0, bottom: 0, right: '100%', width: 'var(--popup-hover-bridge-size)' });\n\nexport const hoverBridgeRight = style({ top: 0, bottom: 0, left: '100%', width: 'var(--popup-hover-bridge-size)' });\n\nexport const content = style({\n  overflow: 'hidden',\n  borderRadius: t.popupBorderRadius,\n  flexShrink: 0,\n  maxWidth: '100%',\n  lineHeight: 'normal',\n});\n\nexport const contentInner = style({ color: t.popupTextColor, background: t.popupBackground });\n\nexport const shadow = style({ boxShadow: t.popupBoxShadow });\n\nexport const transitionEnter = style({ opacity: 0.01 });\n\nconst transitionEnterTop = style({ transform: 'translateY(10px)' }, 'transition-enter-top');\n\nconst transitionEnterMiddle = style({}, 'transition-enter-middle');\n\nconst transitionEnterBottom = style({ transform: 'translateY(-10px)' }, 'transition-enter-bottom');\n\nconst transitionEnterLeft = style({ transform: 'translateX(10px)' }, 'transition-enter-left');\n\nconst transitionEnterRight = style({ transform: 'translateX(-10px)' }, 'transition-enter-right');\n\nexport const transitionEnterActive = style({\n  transition: 'transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1)',\n  opacity: 1,\n  transform: 'translate(0, 0)',\n});\n\nexport const transitionExit = style({\n  opacity: 0.01,\n  transition: 'opacity 0.15s ease-out',\n  transform: 'translate(0, 0)',\n});\n\nexport const absoluteParent = style({ position: 'absolute', textAlign: 'initial' });\n\nexport const styles = {\n  popup,\n  popupIgnoreHover,\n  hoverBridge,\n  hoverBridgeTop,\n  hoverBridgeBottom,\n  hoverBridgeLeft,\n  hoverBridgeRight,\n  content,\n  contentInner,\n  shadow,\n  transitionEnter,\n  'transition-enter-top': transitionEnterTop,\n  'transition-enter-middle': transitionEnterMiddle,\n  'transition-enter-bottom': transitionEnterBottom,\n  'transition-enter-left': transitionEnterLeft,\n  'transition-enter-right': transitionEnterRight,\n  transitionEnterActive,\n  transitionExit,\n  absoluteParent,\n};\n"]}

package/internal/Popup/Popup.d.ts

@@ -139,9 +139,6 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     static readonly defaultRootNode: null;
     state: PopupState;
     private globalObject;
-    private emotion;
-    private cx;
-    private styles;
     private theme;
     private layoutEventsToken;
     private locationUpdateId;