@skbkontur/react-ui 2.17.4-source-maps.1 → 2.17.7

package/cjs/components/Tabs/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Indicator.tsx"],"names":["Indicator","context","state","styles","theme","eventListener","removeTabUpdatesListener","reflow","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","throttledReflow","componentDidMount","LayoutEvents","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","_","prevState","render","renderMain","indicators","getIndicators","error","warning","success","primary","disabled","jsStyles","root","className","React","Component","HTMLElement","rect","getBoundingClientRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","contextType","TabsContext"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport throttle from 'lodash.throttle';\nimport cn from 'classnames';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { jsStyles } from './Indicator.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { TabIndicators } from './Tab';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.throttledReflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.throttledReflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate(_: IndicatorProps, prevState: IndicatorState) {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    return (\n      <div\n        className={cn(\n          jsStyles.root(this.theme),\n          indicators.primary && jsStyles.primary(this.theme),\n          indicators.success && jsStyles.success(this.theme),\n          indicators.warning && jsStyles.warning(this.theme),\n          indicators.error && jsStyles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n      />\n    );\n  }\n\n  private reflow = () => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      prop => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  };\n\n  private throttledReflow = throttle(this.reflow, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    if (node instanceof React.Component) {\n      node = findDOMNode(node);\n    }\n\n    if (node instanceof HTMLElement) {\n      const rect = node.getBoundingClientRect();\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: node.offsetLeft,\n          top: node.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: node.offsetLeft,\n        top: node.offsetHeight + node.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"]}
+{"version":3,"sources":["Indicator.tsx"],"names":["Indicator","context","state","styles","theme","eventListener","removeTabUpdatesListener","reflow","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","throttledReflow","componentDidMount","LayoutEvents","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","_","prevState","render","renderMain","indicators","getIndicators","error","warning","success","primary","disabled","jsStyles","root","className","React","Component","HTMLElement","rect","getBoundingClientRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","contextType","TabsContext"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport throttle from 'lodash.throttle';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Indicator.styles';\r\nimport { TabsContext, TabsContextType } from './TabsContext';\r\nimport { TabIndicators } from './Tab';\r\n\r\nexport interface IndicatorProps {\r\n  className?: string;\r\n  tabUpdates: {\r\n    on: (x0: () => void) => () => void;\r\n  };\r\n  vertical: boolean;\r\n}\r\n\r\nexport interface IndicatorState {\r\n  styles: React.CSSProperties;\r\n}\r\n\r\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\r\n  public static contextType = TabsContext;\r\n  public context: TabsContextType = this.context;\r\n\r\n  public state: IndicatorState = {\r\n    styles: {},\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  private eventListener: Nullable<{\r\n    remove: () => void;\r\n  }> = null;\r\n\r\n  private removeTabUpdatesListener: Nullable<() => void> = null;\r\n\r\n  public componentDidMount() {\r\n    this.eventListener = LayoutEvents.addListener(this.throttledReflow);\r\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\r\n    this.reflow();\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.throttledReflow.cancel();\r\n\r\n    if (this.eventListener) {\r\n      this.eventListener.remove();\r\n    }\r\n    if (this.removeTabUpdatesListener) {\r\n      this.removeTabUpdatesListener();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(_: IndicatorProps, prevState: IndicatorState) {\r\n    this.reflow();\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { getTab, activeTab } = this.context;\r\n    const node = getTab(activeTab);\r\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\r\n      error: false,\r\n      warning: false,\r\n      success: false,\r\n      primary: false,\r\n      disabled: false,\r\n    };\r\n    return (\r\n      <div\r\n        className={cn(\r\n          jsStyles.root(this.theme),\r\n          indicators.primary && jsStyles.primary(this.theme),\r\n          indicators.success && jsStyles.success(this.theme),\r\n          indicators.warning && jsStyles.warning(this.theme),\r\n          indicators.error && jsStyles.error(this.theme),\r\n          this.props.className,\r\n        )}\r\n        style={this.state.styles}\r\n      />\r\n    );\r\n  }\r\n\r\n  private reflow = () => {\r\n    const { getTab, activeTab } = this.context;\r\n    const node = getTab(activeTab);\r\n    const nodeStyles = this.getStyles(node);\r\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\r\n      prop => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\r\n    );\r\n    if (stylesUpdated) {\r\n      this.setState({ styles: nodeStyles });\r\n    }\r\n  };\r\n\r\n  private throttledReflow = throttle(this.reflow, 100);\r\n\r\n  private getStyles(node: any): React.CSSProperties {\r\n    if (node instanceof React.Component) {\r\n      node = findDOMNode(node);\r\n    }\r\n\r\n    if (node instanceof HTMLElement) {\r\n      const rect = node.getBoundingClientRect();\r\n      if (this.props.vertical) {\r\n        return {\r\n          width: this.theme.tabBorderWidth,\r\n          left: node.offsetLeft,\r\n          top: node.offsetTop,\r\n          height: rect.bottom - rect.top,\r\n        };\r\n      }\r\n\r\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\r\n      return {\r\n        left: node.offsetLeft,\r\n        top: node.offsetHeight + node.offsetTop - tabBorderWidth,\r\n        width: rect.right - rect.left,\r\n      };\r\n    }\r\n\r\n    return {};\r\n  }\r\n}\r\n"]}

package/cjs/components/Tabs/Indicator.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

package/cjs/components/Tabs/Indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Indicator.styles.ts"],"names":["styles","root","t","css","tabColorFocus","tabBorderWidth","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;AAEYF,IAAAA,CAAC,CAACG,cAFd;;;;AAMD,GARY;;AAUbC,EAAAA,OAVa,mBAULJ,CAVK,EAUK;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACK,eADlB;;AAGD,GAdY;;AAgBbC,EAAAA,OAhBa,mBAgBLN,CAhBK,EAgBK;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACO,eADlB;;AAGD,GApBY;;AAsBbC,EAAAA,OAtBa,mBAsBLR,CAtBK,EAsBK;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACS,eADlB;;AAGD,GA1BY;;AA4BbC,EAAAA,KA5Ba,iBA4BPV,CA5BO,EA4BG;AACd,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACW,aADlB;;AAGD,GAhCY,EAAf;;;AAmCO,IAAMC,QAAQ,GAAG,2BAAad,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["Indicator.styles.ts"],"names":["styles","root","t","css","tabColorFocus","tabBorderWidth","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;AAEYF,IAAAA,CAAC,CAACG,cAFd;;;;AAMD,GARY;;AAUbC,EAAAA,OAVa,mBAULJ,CAVK,EAUK;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACK,eADlB;;AAGD,GAdY;;AAgBbC,EAAAA,OAhBa,mBAgBLN,CAhBK,EAgBK;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACO,eADlB;;AAGD,GApBY;;AAsBbC,EAAAA,OAtBa,mBAsBLR,CAtBK,EAsBK;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACS,eADlB;;AAGD,GA1BY;;AA4BbC,EAAAA,KA5Ba,iBA4BPV,CA5BO,EA4BG;AACd,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACW,aADlB;;AAGD,GAhCY,EAAf;;;AAmCO,IAAMC,QAAQ,GAAG,2BAAad,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorFocus};\r\n      height: ${t.tabBorderWidth};\r\n      position: absolute;\r\n      transition: all 0.2s ease-out;\r\n    `;\r\n  },\r\n\r\n  primary(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorPrimary};\r\n    `;\r\n  },\r\n\r\n  success(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorSuccess};\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorWarning};\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorError};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/cjs/components/Tabs/Tab.d.ts

@@ -1,125 +1,125 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { TabsContextType } from './TabsContext';
-export interface TabIndicators {
-    error: boolean;
-    warning: boolean;
-    success: boolean;
-    primary: boolean;
-    disabled: boolean;
-}
-export interface TabProps extends CommonProps {
-    /**
-     * Tab content
-     */
-    children?: React.ReactNode;
-    /**
-     * Component to use as a tab
-     */
-    component?: React.ComponentType<any> | string;
-    /**
-     * Link href
-     */
-    href?: string;
-    /**
-     * Tab identifier
-     */
-    id?: string;
-    /**
-     * Click event
-     */
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Click event
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Disabled indicator
-     */
-    disabled?: boolean;
-    /**
-     * Error indicator
-     */
-    error?: boolean;
-    /**
-     * Warning indicator
-     */
-    warning?: boolean;
-    /**
-     * Success indicator
-     */
-    success?: boolean;
-    /**
-     * Primary indicator
-     */
-    primary?: boolean;
-    /**
-     * Style property
-     */
-    style?: React.CSSProperties;
-}
-export interface TabState {
-    focusedByKeyboard: boolean;
-}
-/**
- * Tab element of Tabs component
- *
- * Can be used for creating custom tabs
- * ```js
- *
- * const RouteTab = (props) => (
- *   <Tab id={props.to} component={RouteLink} {...props}/>
- * )
- *
- * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
- * ```
- *
- * Works only inside Tabs component, otherwise throws
- */
-export declare class Tab extends React.Component<TabProps, TabState> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<TabsContextType>;
-    context: TabsContextType;
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        component: PropTypes.Requireable<any>;
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Validator<string>;
-        id: PropTypes.Validator<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        component: string;
-        href: string;
-    };
-    state: TabState;
-    private theme;
-    private tabComponent;
-    private isArrowKeyPressed;
-    UNSAFE_componentWillMount(): void;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    getIndicators(): {
-        error: boolean;
-        warning: boolean;
-        success: boolean;
-        primary: boolean;
-        disabled: boolean;
-    };
-    getUnderlyingNode: () => Nullable<React.ReactElement<Tab, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>>;
-    private renderMain;
-    private getId;
-    private refTabComponent;
-    private handleKeyDownGlobal;
-    private getTabInstance;
-    private switchTab;
-    private handleMouseDown;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { TabsContextType } from './TabsContext';
+export interface TabIndicators {
+    error: boolean;
+    warning: boolean;
+    success: boolean;
+    primary: boolean;
+    disabled: boolean;
+}
+export interface TabProps extends CommonProps {
+    /**
+     * Tab content
+     */
+    children?: React.ReactNode;
+    /**
+     * Component to use as a tab
+     */
+    component?: React.ComponentType<any> | string;
+    /**
+     * Link href
+     */
+    href?: string;
+    /**
+     * Tab identifier
+     */
+    id?: string;
+    /**
+     * Click event
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Click event
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Disabled indicator
+     */
+    disabled?: boolean;
+    /**
+     * Error indicator
+     */
+    error?: boolean;
+    /**
+     * Warning indicator
+     */
+    warning?: boolean;
+    /**
+     * Success indicator
+     */
+    success?: boolean;
+    /**
+     * Primary indicator
+     */
+    primary?: boolean;
+    /**
+     * Style property
+     */
+    style?: React.CSSProperties;
+}
+export interface TabState {
+    focusedByKeyboard: boolean;
+}
+/**
+ * Tab element of Tabs component
+ *
+ * Can be used for creating custom tabs
+ * ```js
+ *
+ * const RouteTab = (props) => (
+ *   <Tab id={props.to} component={RouteLink} {...props}/>
+ * )
+ *
+ * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
+ * ```
+ *
+ * Works only inside Tabs component, otherwise throws
+ */
+export declare class Tab extends React.Component<TabProps, TabState> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<TabsContextType>;
+    context: TabsContextType;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<any>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Validator<string>;
+        id: PropTypes.Validator<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        component: string;
+        href: string;
+    };
+    state: TabState;
+    private theme;
+    private tabComponent;
+    private isArrowKeyPressed;
+    UNSAFE_componentWillMount(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    getIndicators(): {
+        error: boolean;
+        warning: boolean;
+        success: boolean;
+        primary: boolean;
+        disabled: boolean;
+    };
+    getUnderlyingNode: () => Nullable<React.ReactElement<Tab, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>>;
+    private renderMain;
+    private getId;
+    private refTabComponent;
+    private handleKeyDownGlobal;
+    private getTabInstance;
+    private switchTab;
+    private handleMouseDown;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+}

package/cjs/components/Tabs/Tab.js

@@ -88,20 +88,20 @@ var _Tab = require("./Tab.styles");
 
 
 
-/**
- * Tab element of Tabs component
- *
- * Can be used for creating custom tabs
- * ```js
- *
- * const RouteTab = (props) => (
- *   <Tab id={props.to} component={RouteLink} {...props}/>
- * )
- *
- * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
- * ```
- *
- * Works only inside Tabs component, otherwise throws
+/**
+ * Tab element of Tabs component
+ *
+ * Can be used for creating custom tabs
+ * ```js
+ *
+ * const RouteTab = (props) => (
+ *   <Tab id={props.to} component={RouteLink} {...props}/>
+ * )
+ *
+ * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
+ * ```
+ *
+ * Works only inside Tabs component, otherwise throws
  */var
 Tab = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Tab, _React$Component);function Tab() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 

package/cjs/components/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tab.tsx"],"names":["Tab","context","state","focusedByKeyboard","theme","tabComponent","isArrowKeyPressed","getUnderlyingNode","getId","props","id","href","refTabComponent","instance","handleKeyDownGlobal","e","getTabInstance","switchTab","event","disabled","preventDefault","onClick","defaultPrevented","component","handleMouseDown","handleKeyDown","onKeyDown","delta","shiftFocus","handleFocus","process","nextTick","tabListener","isTabPressed","setState","handleBlur","UNSAFE_componentWillMount","TabsContextDefaultValue","componentDidMount","addTab","window","addEventListener","componentDidUpdate","activeTab","notifyUpdate","componentWillUnmount","removeTab","removeEventListener","render","renderMain","getIndicators","error","Boolean","warning","success","primary","children","Component","defaultProps","isActive","isVertical","vertical","jsStyles","root","active","focus","React","__KONTUR_REACT_UI__","contextType","TabsContext","propTypes","PropTypes","node","any","bool","string","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport invariant from 'invariant';\nimport cn from 'classnames';\n\nimport { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';\nimport { tabListener } from '../../lib/events/tabListener';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunctionalComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { TabsContext, TabsContextType, TabsContextDefaultValue } from './TabsContext';\nimport { jsStyles } from './Tab.styles';\n\nexport interface TabIndicators {\n  error: boolean;\n  warning: boolean;\n  success: boolean;\n  primary: boolean;\n  disabled: boolean;\n}\n\nexport interface TabProps extends CommonProps {\n  /**\n   * Tab content\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Component to use as a tab\n   */\n  component?: React.ComponentType<any> | string;\n\n  /**\n   * Link href\n   */\n  href?: string;\n\n  /**\n   * Tab identifier\n   */\n  id?: string;\n\n  /**\n   * Click event\n   */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Click event\n   */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  /**\n   * Disabled indicator\n   */\n  disabled?: boolean;\n\n  /**\n   * Error indicator\n   */\n  error?: boolean;\n\n  /**\n   * Warning indicator\n   */\n  warning?: boolean;\n\n  /**\n   * Success indicator\n   */\n  success?: boolean;\n\n  /**\n   * Primary indicator\n   */\n  primary?: boolean;\n\n  /**\n   * Style property\n   */\n  style?: React.CSSProperties;\n}\n\nexport interface TabState {\n  focusedByKeyboard: boolean;\n}\n\n/**\n * Tab element of Tabs component\n *\n * Can be used for creating custom tabs\n * ```js\n *\n * const RouteTab = (props) => (\n *   <Tab id={props.to} component={RouteLink} {...props}/>\n * )\n *\n * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>\n * ```\n *\n * Works only inside Tabs component, otherwise throws\n */\nexport class Tab extends React.Component<TabProps, TabState> {\n  public static __KONTUR_REACT_UI__ = 'Tab';\n\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public static propTypes = {\n    children: PropTypes.node,\n    component: PropTypes.any,\n    disabled: PropTypes.bool,\n    href: PropTypes.string.isRequired,\n    id: PropTypes.string.isRequired,\n    onClick: PropTypes.func,\n    onKeyDown: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    component: 'a',\n    href: '',\n  };\n\n  public state: TabState = {\n    focusedByKeyboard: false,\n  };\n\n  private theme!: Theme;\n  private tabComponent: Nullable<React.ReactElement<Tab>> = null;\n  private isArrowKeyPressed = false;\n\n  public UNSAFE_componentWillMount() {\n    invariant(this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');\n  }\n\n  public componentDidMount() {\n    const id = this.getId();\n    if (typeof id === 'string') {\n      this.context.addTab(id, this.getTabInstance);\n    }\n    window.addEventListener('keydown', this.handleKeyDownGlobal);\n  }\n\n  public componentDidUpdate() {\n    if (this.context.activeTab === this.props.id) {\n      this.context.notifyUpdate();\n    }\n  }\n\n  public componentWillUnmount() {\n    const id = this.getId();\n    if (typeof id === 'string') {\n      this.context.removeTab(id);\n    }\n    window.removeEventListener('keydown', this.handleKeyDownGlobal);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getIndicators() {\n    return {\n      error: Boolean(this.props.error),\n      warning: Boolean(this.props.warning),\n      success: Boolean(this.props.success),\n      primary: Boolean(this.props.primary),\n      disabled: Boolean(this.props.disabled),\n    };\n  }\n\n  public getUnderlyingNode = () => this.tabComponent;\n\n  private renderMain() {\n    const {\n      children,\n      disabled,\n      error,\n      warning,\n      success,\n      primary,\n      component: Component = Tab.defaultProps.component,\n      href,\n    } = this.props;\n\n    let isActive = false;\n    let isVertical = false;\n\n    const id = this.getId();\n    if (typeof id === 'string') {\n      isActive = this.context.activeTab === this.getId();\n      isVertical = this.context.vertical;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <Component\n          className={cn({\n            [jsStyles.root(this.theme)]: true,\n            [jsStyles.vertical(this.theme)]: !!isVertical,\n            [jsStyles.primary(this.theme)]: !!primary,\n            [jsStyles.success(this.theme)]: !!success,\n            [jsStyles.warning(this.theme)]: !!warning,\n            [jsStyles.error(this.theme)]: !!error,\n            [jsStyles.active(this.theme)]: !!isActive,\n            [jsStyles.disabled(this.theme)]: !!disabled,\n          })}\n          onBlur={this.handleBlur}\n          onClick={this.switchTab}\n          onMouseDown={this.handleMouseDown}\n          onFocus={this.handleFocus}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={disabled ? -1 : 0}\n          ref={isFunctionalComponent(Component) ? null : this.refTabComponent}\n          href={href}\n        >\n          {children}\n          {this.state.focusedByKeyboard && <div className={jsStyles.focus(this.theme)} />}\n        </Component>\n      </CommonWrapper>\n    );\n  }\n\n  private getId = () => this.props.id || this.props.href;\n\n  private refTabComponent = (instance: React.ReactElement<any>) => {\n    this.tabComponent = instance;\n  };\n\n  private handleKeyDownGlobal = (e: KeyboardEvent) => {\n    this.isArrowKeyPressed = isKeyArrow(e);\n  };\n\n  private getTabInstance = () => this;\n\n  private switchTab = (event: React.MouseEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const id = this.props.id || this.props.href;\n    if (this.props.onClick) {\n      this.props.onClick(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n    }\n    if (typeof id === 'string') {\n      this.context.switchTab(id);\n    }\n    if (this.props.component === 'a' && !this.props.href) {\n      event.preventDefault();\n    }\n  };\n\n  private handleMouseDown = () => (this.isArrowKeyPressed = false);\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n      if (e.defaultPrevented) {\n        return;\n      }\n    }\n    const id = this.getId();\n    if (typeof id !== 'string') {\n      return;\n    }\n    if (!isKeyArrow(e)) {\n      return;\n    }\n    e.preventDefault();\n    const delta = isKeyArrowLeft(e) || isKeyArrowUp(e) ? -1 : 1;\n    this.context.shiftFocus(id, delta);\n  };\n\n  private handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    // focus event fires before keyDown eventlistener\n    // so we should check focusKeyPressed in async way\n    process.nextTick(() => {\n      if (tabListener.isTabPressed || this.isArrowKeyPressed) {\n        this.setState({ focusedByKeyboard: true });\n      }\n    });\n  };\n\n  private handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focusedByKeyboard: false });\n  };\n}\n"]}
+{"version":3,"sources":["Tab.tsx"],"names":["Tab","context","state","focusedByKeyboard","theme","tabComponent","isArrowKeyPressed","getUnderlyingNode","getId","props","id","href","refTabComponent","instance","handleKeyDownGlobal","e","getTabInstance","switchTab","event","disabled","preventDefault","onClick","defaultPrevented","component","handleMouseDown","handleKeyDown","onKeyDown","delta","shiftFocus","handleFocus","process","nextTick","tabListener","isTabPressed","setState","handleBlur","UNSAFE_componentWillMount","TabsContextDefaultValue","componentDidMount","addTab","window","addEventListener","componentDidUpdate","activeTab","notifyUpdate","componentWillUnmount","removeTab","removeEventListener","render","renderMain","getIndicators","error","Boolean","warning","success","primary","children","Component","defaultProps","isActive","isVertical","vertical","jsStyles","root","active","focus","React","__KONTUR_REACT_UI__","contextType","TabsContext","propTypes","PropTypes","node","any","bool","string","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport invariant from 'invariant';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isFunctionalComponent } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { TabsContext, TabsContextType, TabsContextDefaultValue } from './TabsContext';\r\nimport { jsStyles } from './Tab.styles';\r\n\r\nexport interface TabIndicators {\r\n  error: boolean;\r\n  warning: boolean;\r\n  success: boolean;\r\n  primary: boolean;\r\n  disabled: boolean;\r\n}\r\n\r\nexport interface TabProps extends CommonProps {\r\n  /**\r\n   * Tab content\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * Component to use as a tab\r\n   */\r\n  component?: React.ComponentType<any> | string;\r\n\r\n  /**\r\n   * Link href\r\n   */\r\n  href?: string;\r\n\r\n  /**\r\n   * Tab identifier\r\n   */\r\n  id?: string;\r\n\r\n  /**\r\n   * Click event\r\n   */\r\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\r\n\r\n  /**\r\n   * Click event\r\n   */\r\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\r\n\r\n  /**\r\n   * Disabled indicator\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Error indicator\r\n   */\r\n  error?: boolean;\r\n\r\n  /**\r\n   * Warning indicator\r\n   */\r\n  warning?: boolean;\r\n\r\n  /**\r\n   * Success indicator\r\n   */\r\n  success?: boolean;\r\n\r\n  /**\r\n   * Primary indicator\r\n   */\r\n  primary?: boolean;\r\n\r\n  /**\r\n   * Style property\r\n   */\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nexport interface TabState {\r\n  focusedByKeyboard: boolean;\r\n}\r\n\r\n/**\r\n * Tab element of Tabs component\r\n *\r\n * Can be used for creating custom tabs\r\n * ```js\r\n *\r\n * const RouteTab = (props) => (\r\n *   <Tab id={props.to} component={RouteLink} {...props}/>\r\n * )\r\n *\r\n * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>\r\n * ```\r\n *\r\n * Works only inside Tabs component, otherwise throws\r\n */\r\nexport class Tab extends React.Component<TabProps, TabState> {\r\n  public static __KONTUR_REACT_UI__ = 'Tab';\r\n\r\n  public static contextType = TabsContext;\r\n  public context: TabsContextType = this.context;\r\n\r\n  public static propTypes = {\r\n    children: PropTypes.node,\r\n    component: PropTypes.any,\r\n    disabled: PropTypes.bool,\r\n    href: PropTypes.string.isRequired,\r\n    id: PropTypes.string.isRequired,\r\n    onClick: PropTypes.func,\r\n    onKeyDown: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    component: 'a',\r\n    href: '',\r\n  };\r\n\r\n  public state: TabState = {\r\n    focusedByKeyboard: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private tabComponent: Nullable<React.ReactElement<Tab>> = null;\r\n  private isArrowKeyPressed = false;\r\n\r\n  public UNSAFE_componentWillMount() {\r\n    invariant(this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');\r\n  }\r\n\r\n  public componentDidMount() {\r\n    const id = this.getId();\r\n    if (typeof id === 'string') {\r\n      this.context.addTab(id, this.getTabInstance);\r\n    }\r\n    window.addEventListener('keydown', this.handleKeyDownGlobal);\r\n  }\r\n\r\n  public componentDidUpdate() {\r\n    if (this.context.activeTab === this.props.id) {\r\n      this.context.notifyUpdate();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    const id = this.getId();\r\n    if (typeof id === 'string') {\r\n      this.context.removeTab(id);\r\n    }\r\n    window.removeEventListener('keydown', this.handleKeyDownGlobal);\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public getIndicators() {\r\n    return {\r\n      error: Boolean(this.props.error),\r\n      warning: Boolean(this.props.warning),\r\n      success: Boolean(this.props.success),\r\n      primary: Boolean(this.props.primary),\r\n      disabled: Boolean(this.props.disabled),\r\n    };\r\n  }\r\n\r\n  public getUnderlyingNode = () => this.tabComponent;\r\n\r\n  private renderMain() {\r\n    const {\r\n      children,\r\n      disabled,\r\n      error,\r\n      warning,\r\n      success,\r\n      primary,\r\n      component: Component = Tab.defaultProps.component,\r\n      href,\r\n    } = this.props;\r\n\r\n    let isActive = false;\r\n    let isVertical = false;\r\n\r\n    const id = this.getId();\r\n    if (typeof id === 'string') {\r\n      isActive = this.context.activeTab === this.getId();\r\n      isVertical = this.context.vertical;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <Component\r\n          className={cn({\r\n            [jsStyles.root(this.theme)]: true,\r\n            [jsStyles.vertical(this.theme)]: !!isVertical,\r\n            [jsStyles.primary(this.theme)]: !!primary,\r\n            [jsStyles.success(this.theme)]: !!success,\r\n            [jsStyles.warning(this.theme)]: !!warning,\r\n            [jsStyles.error(this.theme)]: !!error,\r\n            [jsStyles.active(this.theme)]: !!isActive,\r\n            [jsStyles.disabled(this.theme)]: !!disabled,\r\n          })}\r\n          onBlur={this.handleBlur}\r\n          onClick={this.switchTab}\r\n          onMouseDown={this.handleMouseDown}\r\n          onFocus={this.handleFocus}\r\n          onKeyDown={this.handleKeyDown}\r\n          tabIndex={disabled ? -1 : 0}\r\n          ref={isFunctionalComponent(Component) ? null : this.refTabComponent}\r\n          href={href}\r\n        >\r\n          {children}\r\n          {this.state.focusedByKeyboard && <div className={jsStyles.focus(this.theme)} />}\r\n        </Component>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private getId = () => this.props.id || this.props.href;\r\n\r\n  private refTabComponent = (instance: React.ReactElement<any>) => {\r\n    this.tabComponent = instance;\r\n  };\r\n\r\n  private handleKeyDownGlobal = (e: KeyboardEvent) => {\r\n    this.isArrowKeyPressed = isKeyArrow(e);\r\n  };\r\n\r\n  private getTabInstance = () => this;\r\n\r\n  private switchTab = (event: React.MouseEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n\r\n    const id = this.props.id || this.props.href;\r\n    if (this.props.onClick) {\r\n      this.props.onClick(event);\r\n      if (event.defaultPrevented) {\r\n        return;\r\n      }\r\n    }\r\n    if (typeof id === 'string') {\r\n      this.context.switchTab(id);\r\n    }\r\n    if (this.props.component === 'a' && !this.props.href) {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  private handleMouseDown = () => (this.isArrowKeyPressed = false);\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n      if (e.defaultPrevented) {\r\n        return;\r\n      }\r\n    }\r\n    const id = this.getId();\r\n    if (typeof id !== 'string') {\r\n      return;\r\n    }\r\n    if (!isKeyArrow(e)) {\r\n      return;\r\n    }\r\n    e.preventDefault();\r\n    const delta = isKeyArrowLeft(e) || isKeyArrowUp(e) ? -1 : 1;\r\n    this.context.shiftFocus(id, delta);\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    // focus event fires before keyDown eventlistener\r\n    // so we should check focusKeyPressed in async way\r\n    process.nextTick(() => {\r\n      if (tabListener.isTabPressed || this.isArrowKeyPressed) {\r\n        this.setState({ focusedByKeyboard: true });\r\n      }\r\n    });\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    this.setState({ focusedByKeyboard: false });\r\n  };\r\n}\r\n"]}

package/cjs/components/Tabs/Tab.styles.d.ts

@@ -1,11 +1,11 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    vertical(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    active(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    vertical(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    active(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

package/cjs/components/Tabs/Tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tab.styles.ts"],"names":["styles","root","t","paddingTop","tabPaddingY","paddingBottom","tabBorderWidth","css","tabFontSize","tabLineHeight","tabPaddingX","tabColorHover","vertical","focus","active","tabOutlineWidth","tabColorFocus","disabled","ColorFunctions","red","tabTextColorDefault","green","blue","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Theme } from '../../lib/theming/Theme';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\n\nconst styles = {\n  root(t: Theme) {\n    const paddingTop = is8pxTheme(t) ? t.tabPaddingY : shift(t.tabPaddingY, '-1px');\n    const paddingBottom = is8pxTheme(t) ? `calc(${t.tabPaddingY} - ${t.tabBorderWidth})` : shift(t.tabPaddingY, '1px');\n    return css`\n      border-bottom: ${t.tabBorderWidth} solid transparent;\n      box-sizing: border-box;\n      color: inherit;\n      cursor: pointer;\n      display: inline-block;\n      font-size: ${t.tabFontSize};\n      line-height: ${t.tabLineHeight};\n      margin-left: ${t.tabPaddingX};\n      margin-right: ${t.tabPaddingX};\n      padding-bottom: ${paddingBottom};\n      padding-top: ${paddingTop};\n      position: relative;\n      text-decoration: inherit;\n      transition: border-bottom 0.2s ease-out;\n\n      &:hover {\n        outline: inherit;\n        border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n      }\n\n      &:focus {\n        outline: inherit;\n      }\n    `;\n  },\n\n  vertical(t: Theme) {\n    return css`\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid transparent;\n      display: block;\n      margin-left: 0;\n      margin-right: 0;\n      padding-left: ${shift(t.tabPaddingX, `-${t.tabBorderWidth}`)};\n      padding-right: ${t.tabPaddingX};\n\n      ${cssName(styles.root(t))}&:hover {\n        border-bottom: none;\n        border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n      }\n\n      ${cssName(styles.focus(t))} {\n        bottom: 0;\n        left: -${t.tabBorderWidth};\n        right: 0;\n      }\n    `;\n  },\n\n  active(t: Theme) {\n    return css`\n      &:hover {\n        cursor: default;\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n\n      &${cssName(styles.vertical(t))}:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n      bottom: -${t.tabBorderWidth};\n      left: -${t.tabPaddingX};\n      position: absolute;\n      right: -${t.tabPaddingX};\n      top: 0;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: rgba(\n        ${ColorFunctions.red(t.tabTextColorDefault)},\n        ${ColorFunctions.green(t.tabTextColorDefault)},\n        ${ColorFunctions.blue(t.tabTextColorDefault)},\n        0.5\n      );\n      cursor: default;\n\n      &:hover {\n        border-bottom-color: transparent !important;\n      }\n\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: transparent !important;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["Tab.styles.ts"],"names":["styles","root","t","paddingTop","tabPaddingY","paddingBottom","tabBorderWidth","css","tabFontSize","tabLineHeight","tabPaddingX","tabColorHover","vertical","focus","active","tabOutlineWidth","tabColorFocus","disabled","ColorFunctions","red","tabTextColorDefault","green","blue","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const paddingTop = is8pxTheme(t) ? t.tabPaddingY : shift(t.tabPaddingY, '-1px');\r\n    const paddingBottom = is8pxTheme(t) ? `calc(${t.tabPaddingY} - ${t.tabBorderWidth})` : shift(t.tabPaddingY, '1px');\r\n    return css`\r\n      border-bottom: ${t.tabBorderWidth} solid transparent;\r\n      box-sizing: border-box;\r\n      color: inherit;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-size: ${t.tabFontSize};\r\n      line-height: ${t.tabLineHeight};\r\n      margin-left: ${t.tabPaddingX};\r\n      margin-right: ${t.tabPaddingX};\r\n      padding-bottom: ${paddingBottom};\r\n      padding-top: ${paddingTop};\r\n      position: relative;\r\n      text-decoration: inherit;\r\n      transition: border-bottom 0.2s ease-out;\r\n\r\n      &:hover {\r\n        outline: inherit;\r\n        border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\r\n      }\r\n\r\n      &:focus {\r\n        outline: inherit;\r\n      }\r\n    `;\r\n  },\r\n\r\n  vertical(t: Theme) {\r\n    return css`\r\n      border-bottom: none;\r\n      border-left: ${t.tabBorderWidth} solid transparent;\r\n      display: block;\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n      padding-left: ${shift(t.tabPaddingX, `-${t.tabBorderWidth}`)};\r\n      padding-right: ${t.tabPaddingX};\r\n\r\n      ${cssName(styles.root(t))}&:hover {\r\n        border-bottom: none;\r\n        border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\r\n      }\r\n\r\n      ${cssName(styles.focus(t))} {\r\n        bottom: 0;\r\n        left: -${t.tabBorderWidth};\r\n        right: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  active(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        cursor: default;\r\n        border-bottom: ${t.tabBorderWidth} solid transparent;\r\n      }\r\n\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left: ${t.tabBorderWidth} solid transparent;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\r\n      bottom: -${t.tabBorderWidth};\r\n      left: -${t.tabPaddingX};\r\n      position: absolute;\r\n      right: -${t.tabPaddingX};\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      color: rgba(\r\n        ${ColorFunctions.red(t.tabTextColorDefault)},\r\n        ${ColorFunctions.green(t.tabTextColorDefault)},\r\n        ${ColorFunctions.blue(t.tabTextColorDefault)},\r\n        0.5\r\n      );\r\n      cursor: default;\r\n\r\n      &:hover {\r\n        border-bottom-color: transparent !important;\r\n      }\r\n\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: transparent !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  primary(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverPrimary};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverPrimary};\r\n      }\r\n    `;\r\n  },\r\n\r\n  success(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverSuccess};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverSuccess};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverWarning};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverError};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverError};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/cjs/components/Tabs/Tabs.d.ts

@@ -1,62 +1,62 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Tab } from './Tab';
-export interface TabsProps extends CommonProps {
-    /**
-     * Tab component should be child of Tabs component
-     */
-    children?: React.ReactNode;
-    /**
-     * Classname of indicator
-     */
-    indicatorClassName?: string;
-    /**
-     * Tabs change event
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Active tab identifier
-     */
-    value: string;
-    /**
-     * Vertical indicator
-     * @default false
-     */
-    vertical: boolean;
-    /**
-     * Width of tabs container
-     */
-    width?: number | string;
-}
-/**
- * Tabs wrapper
- *
- * contains static property `Tab`
- */
-export declare class Tabs extends React.Component<TabsProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        indicatorClassName: PropTypes.Requireable<string>;
-        value: PropTypes.Validator<string>;
-        vertical: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        vertical: boolean;
-    };
-    static Tab: typeof Tab;
-    private theme;
-    private tabs;
-    private tabUpdates;
-    private listeners;
-    render(): JSX.Element;
-    private shiftFocus;
-    private notifyUpdate;
-    private switchTab;
-    private getTab;
-    private addTab;
-    private removeTab;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Tab } from './Tab';
+export interface TabsProps extends CommonProps {
+    /**
+     * Tab component should be child of Tabs component
+     */
+    children?: React.ReactNode;
+    /**
+     * Classname of indicator
+     */
+    indicatorClassName?: string;
+    /**
+     * Tabs change event
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Active tab identifier
+     */
+    value: string;
+    /**
+     * Vertical indicator
+     * @default false
+     */
+    vertical: boolean;
+    /**
+     * Width of tabs container
+     */
+    width?: number | string;
+}
+/**
+ * Tabs wrapper
+ *
+ * contains static property `Tab`
+ */
+export declare class Tabs extends React.Component<TabsProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        indicatorClassName: PropTypes.Requireable<string>;
+        value: PropTypes.Validator<string>;
+        vertical: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        vertical: boolean;
+    };
+    static Tab: typeof Tab;
+    private theme;
+    private tabs;
+    private tabUpdates;
+    private listeners;
+    render(): JSX.Element;
+    private shiftFocus;
+    private notifyUpdate;
+    private switchTab;
+    private getTab;
+    private addTab;
+    private removeTab;
+}