@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

package/internal/RenderContainer/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAd","sourcesContent":["export * from './RenderContainer';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAd","sourcesContent":["export * from './RenderContainer';\n"]}

package/internal/RenderLayer/RenderLayer/RenderLayer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RenderLayer.tsx"],"names":["React","findDOMNode","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\r\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\r\n\r\nexport interface RenderLayerProps extends CommonProps {\r\n  children: JSX.Element;\r\n  onClickOutside?: (e: Event) => void;\r\n  onFocusOutside?: (e: Event) => void;\r\n  active?: boolean;\r\n}\r\n\r\nexport class RenderLayer extends React.Component<RenderLayerProps> {\r\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\r\n\r\n  public static propTypes = {\r\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\r\n      const { active, onClickOutside, onFocusOutside } = props;\r\n      if (active && !(onClickOutside || onFocusOutside)) {\r\n        return new Error(\r\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\r\n        );\r\n      }\r\n    },\r\n  };\r\n\r\n  public static defaultProps = {\r\n    active: true,\r\n  };\r\n\r\n  private focusOutsideListenerToken: {\r\n    remove: () => void;\r\n  } | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.active) {\r\n      this.attachListeners();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: RenderLayerProps) {\r\n    if (!prevProps.active && this.props.active) {\r\n      this.attachListeners();\r\n    }\r\n    if (prevProps.active && !this.props.active) {\r\n      this.detachListeners();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.props.active) {\r\n      this.detachListeners();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{React.Children.only(this.props.children)}</CommonWrapper>;\r\n  }\r\n\r\n  private attachListeners() {\r\n    this.focusOutsideListenerToken = listenFocusOutside(() => [this.getDomNode()], this.handleFocusOutside);\r\n    window.addEventListener('blur', this.handleFocusOutside);\r\n    document.addEventListener(\r\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n      this.handleNativeDocClick,\r\n    );\r\n  }\r\n\r\n  private detachListeners() {\r\n    if (this.focusOutsideListenerToken) {\r\n      this.focusOutsideListenerToken.remove();\r\n      this.focusOutsideListenerToken = null;\r\n    }\r\n\r\n    window.removeEventListener('blur', this.handleFocusOutside);\r\n    document.removeEventListener(\r\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\r\n      this.handleNativeDocClick,\r\n    );\r\n  }\r\n\r\n  private getDomNode() {\r\n    return findDOMNode(this) as HTMLElement;\r\n  }\r\n\r\n  private handleFocusOutside = (event: Event) => {\r\n    if (this.props.onFocusOutside) {\r\n      this.props.onFocusOutside(event);\r\n    }\r\n  };\r\n\r\n  private handleNativeDocClick = (event: Event) => {\r\n    const target = event.target || event.srcElement;\r\n    const node = this.getDomNode();\r\n\r\n    if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\r\n      return;\r\n    }\r\n\r\n    if (this.props.onClickOutside) {\r\n      this.props.onClickOutside(event);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["RenderLayer.tsx"],"names":["React","findDOMNode","listen","listenFocusOutside","containsTargetOrRenderContainer","CommonWrapper","RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","Children","only","children","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n}\n\nexport class RenderLayer extends React.Component<RenderLayerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderLayer';\n\n  public static propTypes = {\n    active(props: RenderLayerProps, propName: keyof RenderLayerProps, componentName: string) {\n      const { active, onClickOutside, onFocusOutside } = props;\n      if (active && !(onClickOutside || onFocusOutside)) {\n        return new Error(\n          `[${componentName}]: using the component without either 'onClickOutside' or 'onFocusOutside' callback is pointless.`,\n        );\n      }\n    },\n  };\n\n  public static defaultProps = {\n    active: true,\n  };\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n\n  public componentDidMount() {\n    if (this.props.active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    if (!prevProps.active && this.props.active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !this.props.active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.props.active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return <CommonWrapper {...this.props}>{React.Children.only(this.props.children)}</CommonWrapper>;\n  }\n\n  private attachListeners() {\n    this.focusOutsideListenerToken = listenFocusOutside(() => [this.getDomNode()], this.handleFocusOutside);\n    window.addEventListener('blur', this.handleFocusOutside);\n    document.addEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private detachListeners() {\n    if (this.focusOutsideListenerToken) {\n      this.focusOutsideListenerToken.remove();\n      this.focusOutsideListenerToken = null;\n    }\n\n    window.removeEventListener('blur', this.handleFocusOutside);\n    document.removeEventListener(\n      'ontouchstart' in document.documentElement ? 'touchstart' : 'mousedown',\n      this.handleNativeDocClick,\n    );\n  }\n\n  private getDomNode() {\n    return findDOMNode(this) as HTMLElement;\n  }\n\n  private handleFocusOutside = (event: Event) => {\n    if (this.props.onFocusOutside) {\n      this.props.onFocusOutside(event);\n    }\n  };\n\n  private handleNativeDocClick = (event: Event) => {\n    const target = event.target || event.srcElement;\n    const node = this.getDomNode();\n\n    if (target instanceof Element && containsTargetOrRenderContainer(target)(node)) {\n      return;\n    }\n\n    if (this.props.onClickOutside) {\n      this.props.onClickOutside(event);\n    }\n  };\n}\n"]}

package/internal/RenderLayer/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from './RenderLayer';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAd","sourcesContent":["export * from './RenderLayer';\n"]}

package/internal/ResizeDetector/ResizeDetector/ResizeDetector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","jsStyles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","root","content","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,yBAAzB;;;;;;AAMA,WAAaC,cAAb;;;AAGUC,IAAAA,YAHV,GAGwC,IAHxC;;;;;;;;;;;;;;;;;AAoBUC,IAAAA,YApBV,GAoByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KAxBH;;AA0BUG,IAAAA,SA1BV,GA0BsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KA9BH,4DAKSC,iBALT,GAKE,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CATH,QAWSS,MAXT,GAWE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEZ,QAAQ,CAACa,IAAT,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKN,SAAzC,EAAoD,SAAS,EAAEP,QAAQ,CAACQ,MAAT,EAA/D,EAAkF,QAAQ,EAAE,CAAC,CAA7F,GADF,eAEE,6BAAK,SAAS,EAAER,QAAQ,CAACc,OAAT,EAAhB,IAAqC,KAAKT,KAAL,CAAWU,QAAhD,CAFF,CADF,CAMD,CAlBH,yBAAoChB,KAAK,CAACiB,SAA1C,EAAaf,c,CACGgB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from './ResizeDetector.styles';\r\n\r\nexport interface ResizeDetectorProps {\r\n  onResize?: (event: UIEvent) => void;\r\n}\r\n\r\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\r\n\r\n  private iframeWindow: Window | null = null;\r\n\r\n  public componentDidMount() {\r\n    if (this.iframeWindow) {\r\n      this.iframeWindow.addEventListener('resize', this.handleResize);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <div className={jsStyles.root()}>\r\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={jsStyles.iframe()} tabIndex={-1} />\r\n        <div className={jsStyles.content()}>{this.props.children}</div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private handleResize = (event: UIEvent) => {\r\n    if (this.props.onResize) {\r\n      this.props.onResize(event);\r\n    }\r\n  };\r\n\r\n  private iframeRef = (iframe: HTMLIFrameElement) => {\r\n    if (iframe && iframe.contentWindow) {\r\n      this.iframeWindow = iframe.contentWindow;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ResizeDetector.tsx"],"names":["React","jsStyles","ResizeDetector","iframeWindow","handleResize","event","props","onResize","iframeRef","iframe","contentWindow","componentDidMount","addEventListener","render","root","content","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,yBAAzB;;;;;;AAMA,WAAaC,cAAb;;;AAGUC,IAAAA,YAHV,GAGwC,IAHxC;;;;;;;;;;;;;;;;;AAoBUC,IAAAA,YApBV,GAoByB,UAACC,KAAD,EAAoB;AACzC,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoBF,KAApB;AACD;AACF,KAxBH;;AA0BUG,IAAAA,SA1BV,GA0BsB,UAACC,MAAD,EAA+B;AACjD,UAAIA,MAAM,IAAIA,MAAM,CAACC,aAArB,EAAoC;AAClC,cAAKP,YAAL,GAAoBM,MAAM,CAACC,aAA3B;AACD;AACF,KA9BH,4DAKSC,iBALT,GAKE,6BAA2B,CACzB,IAAI,KAAKR,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkBS,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKR,YAAlD,EACD,CACF,CATH,QAWSS,MAXT,GAWE,kBAAgB,CACd,oBACE,6BAAK,SAAS,EAAEZ,QAAQ,CAACa,IAAT,EAAhB,iBACE,gCAAQ,KAAK,EAAC,gBAAd,EAA+B,GAAG,EAAE,KAAKN,SAAzC,EAAoD,SAAS,EAAEP,QAAQ,CAACQ,MAAT,EAA/D,EAAkF,QAAQ,EAAE,CAAC,CAA7F,GADF,eAEE,6BAAK,SAAS,EAAER,QAAQ,CAACc,OAAT,EAAhB,IAAqC,KAAKT,KAAL,CAAWU,QAAhD,CAFF,CADF,CAMD,CAlBH,yBAAoChB,KAAK,CAACiB,SAA1C,EAAaf,c,CACGgB,mB,GAAsB,gB","sourcesContent":["import React from 'react';\n\nimport { jsStyles } from './ResizeDetector.styles';\n\nexport interface ResizeDetectorProps {\n  onResize?: (event: UIEvent) => void;\n}\n\nexport class ResizeDetector extends React.Component<ResizeDetectorProps> {\n  public static __KONTUR_REACT_UI__ = 'ResizeDetector';\n\n  private iframeWindow: Window | null = null;\n\n  public componentDidMount() {\n    if (this.iframeWindow) {\n      this.iframeWindow.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  public render() {\n    return (\n      <div className={jsStyles.root()}>\n        <iframe title=\"resizeDetector\" ref={this.iframeRef} className={jsStyles.iframe()} tabIndex={-1} />\n        <div className={jsStyles.content()}>{this.props.children}</div>\n      </div>\n    );\n  }\n\n  private handleResize = (event: UIEvent) => {\n    if (this.props.onResize) {\n      this.props.onResize(event);\n    }\n  };\n\n  private iframeRef = (iframe: HTMLIFrameElement) => {\n    if (iframe && iframe.contentWindow) {\n      this.iframeWindow = iframe.contentWindow;\n    }\n  };\n}\n"]}

package/internal/ResizeDetector/ResizeDetector.styles/ResizeDetector.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["css","memoizeStyle","styles","root","iframe","content","jsStyles"],"mappings":"8xBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,MAPa,oBAOJ;AACP,WAAOJ,GAAP;;;;;;;;;;;AAWD,GAnBY;;AAqBbK,EAAAA,OArBa,qBAqBH;AACR,WAAOL,GAAP;;;AAGD,GAzBY,EAAf;;;AA4BA,OAAO,IAAMM,QAAQ,GAAGL,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  iframe() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      padding: 0;\r\n      margin: 0;\r\n      border: 0;\r\n      background: transparent;\r\n    `;\r\n  },\r\n\r\n  content() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["ResizeDetector.styles.ts"],"names":["css","memoizeStyle","styles","root","iframe","content","jsStyles"],"mappings":"8xBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,MAPa,oBAOJ;AACP,WAAOJ,GAAP;;;;;;;;;;;AAWD,GAnBY;;AAqBbK,EAAAA,OArBa,qBAqBH;AACR,WAAOL,GAAP;;;AAGD,GAzBY,EAAf;;;AA4BA,OAAO,IAAMM,QAAQ,GAAGL,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/ResizeDetector/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAd","sourcesContent":["export * from './ResizeDetector';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAd","sourcesContent":["export * from './ResizeDetector';\n"]}

package/internal/SpinnerOld/SpinnerOld/SpinnerOld.js

@@ -18,8 +18,8 @@ var types = {
   normal: 'normal'
 };
 export
-/**
-* @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
+/**
+* @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
 */
 var SpinnerOld = (_dec = locale('Spinner', SpinnerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(SpinnerOld, _React$Component);
@@ -93,20 +93,20 @@ var SpinnerOld = (_dec = locale('Spinner', SpinnerLocaleHelper), _dec(_class = (
 
   return SpinnerOld;
 }(React.Component), _class2.__KONTUR_REACT_UI__ = 'SpinnerOld', _class2.propTypes = {
-  /**
-  * Текст рядом с мини-лоадером.
-  *
-  * 'Загрузка' - значение по-умолчанию
+  /**
+  * Текст рядом с мини-лоадером.
+  *
+  * 'Загрузка' - значение по-умолчанию
   */
   caption: PropTypes.node,
   dimmed: PropTypes.bool,
 
-  /**
-  * Тип спиннера: mini, normal, big
-  *
-  * Значение по-умолчанию - normal
-  *
-  * SpinnerOld.types - все доступные типы
+  /**
+  * Тип спиннера: mini, normal, big
+  *
+  * Значение по-умолчанию - normal
+  *
+  * SpinnerOld.types - все доступные типы
   */
   type: PropTypes.oneOf(Object.keys(types))
 }, _class2.defaultProps = {

package/internal/SpinnerOld/SpinnerOld/SpinnerOld.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerOld.tsx"],"names":["React","PropTypes","cn","locale","ThemeContext","SpinnerIcon","CommonWrapper","SpinnerOldCloudIcon","jsStyles","SpinnerLocaleHelper","types","big","mini","normal","SpinnerOld","props","theme","renderCloud","type","dimmed","cloudClassName","cloudDimmed","cloud","cloudWrapper","cloudStroke","renderCircle","circleClassName","circleDimmed","circle","renderSpinnerOld","renderCaption","caption","render","renderMain","loading","spinner","inner","Component","__KONTUR_REACT_UI__","propTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport * as PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { SpinnerIcon } from '../icons/SpinnerIcon';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { SpinnerOldCloudIcon } from './SpinnerOldCloudIcon';\r\nimport { jsStyles } from './SpinnerOld.styles';\r\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\r\n\r\nconst types: Record<SpinnerOldType, SpinnerOldType> = {\r\n  big: 'big',\r\n  mini: 'mini',\r\n  normal: 'normal',\r\n};\r\n\r\nexport type SpinnerOldType = 'mini' | 'normal' | 'big';\r\n\r\nexport interface SpinnerOldProps extends CommonProps {\r\n  caption?: React.ReactNode;\r\n  dimmed?: boolean;\r\n  /**\r\n   * Тип спиннера\r\n   * @default mini\r\n   */\r\n  type: SpinnerOldType;\r\n}\r\n\r\n/**\r\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\r\n */\r\n@locale('Spinner', SpinnerLocaleHelper)\r\nexport class SpinnerOld extends React.Component<SpinnerOldProps> {\r\n  public static __KONTUR_REACT_UI__ = 'SpinnerOld';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Текст рядом с мини-лоадером.\r\n     *\r\n     * 'Загрузка' - значение по-умолчанию\r\n     */\r\n    caption: PropTypes.node,\r\n\r\n    dimmed: PropTypes.bool,\r\n\r\n    /**\r\n     * Тип спиннера: mini, normal, big\r\n     *\r\n     * Значение по-умолчанию - normal\r\n     *\r\n     * SpinnerOld.types - все доступные типы\r\n     */\r\n    type: PropTypes.oneOf(Object.keys(types)),\r\n  };\r\n\r\n  public static defaultProps: SpinnerOldProps = {\r\n    type: 'normal',\r\n  };\r\n\r\n  public static Types: typeof types = types;\r\n  private theme!: Theme;\r\n  private readonly locale!: SpinnerLocale;\r\n\r\n  public constructor(props: SpinnerOldProps) {\r\n    super(props);\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 { type, caption = this.locale.loading } = this.props;\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div className={jsStyles.spinner()}>\r\n          <span className={jsStyles.inner()}>{this.renderSpinnerOld(type)}</span>\r\n          {caption && this.renderCaption(type, caption)}\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderCloud = (type: Exclude<SpinnerOldType, 'mini'>) => {\r\n    const { dimmed } = this.props;\r\n    const cloudClassName = dimmed ? jsStyles.cloudDimmed(this.theme) : jsStyles.cloud(this.theme);\r\n\r\n    return (\r\n      <span className={jsStyles.cloudWrapper()}>\r\n        <SpinnerOldCloudIcon\r\n          dimmed={dimmed}\r\n          size={type}\r\n          className={cloudClassName}\r\n          strokeClassName={jsStyles.cloudStroke(this.theme)}\r\n        />\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderCircle = () => {\r\n    const theme = this.theme;\r\n    const { dimmed } = this.props;\r\n    const circleClassName = dimmed ? jsStyles.circleDimmed(theme) : jsStyles.circle(theme);\r\n\r\n    return <SpinnerIcon dimmed={dimmed} size=\"mini\" className={circleClassName} />;\r\n  };\r\n\r\n  private renderSpinnerOld = (type: SpinnerOldType) => {\r\n    return type === 'mini' ? this.renderCircle() : this.renderCloud(type);\r\n  };\r\n\r\n  private renderCaption = (type: SpinnerOldType, caption: React.ReactNode) => {\r\n    return <span className={cn(jsStyles[type](this.theme), jsStyles.caption(this.theme))}>{caption}</span>;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["SpinnerOld.tsx"],"names":["React","PropTypes","cn","locale","ThemeContext","SpinnerIcon","CommonWrapper","SpinnerOldCloudIcon","jsStyles","SpinnerLocaleHelper","types","big","mini","normal","SpinnerOld","props","theme","renderCloud","type","dimmed","cloudClassName","cloudDimmed","cloud","cloudWrapper","cloudStroke","renderCircle","circleClassName","circleDimmed","circle","renderSpinnerOld","renderCaption","caption","render","renderMain","loading","spinner","inner","Component","__KONTUR_REACT_UI__","propTypes","node","bool","oneOf","Object","keys","defaultProps","Types"],"mappings":"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","sourcesContent":["import React from 'react';\nimport * as PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { SpinnerIcon } from '../icons/SpinnerIcon';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { SpinnerOldCloudIcon } from './SpinnerOldCloudIcon';\nimport { jsStyles } from './SpinnerOld.styles';\nimport { SpinnerLocale, SpinnerLocaleHelper } from './locale';\n\nconst types: Record<SpinnerOldType, SpinnerOldType> = {\n  big: 'big',\n  mini: 'mini',\n  normal: 'normal',\n};\n\nexport type SpinnerOldType = 'mini' | 'normal' | 'big';\n\nexport interface SpinnerOldProps extends CommonProps {\n  caption?: React.ReactNode;\n  dimmed?: boolean;\n  /**\n   * Тип спиннера\n   * @default mini\n   */\n  type: SpinnerOldType;\n}\n\n/**\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\n */\n@locale('Spinner', SpinnerLocaleHelper)\nexport class SpinnerOld extends React.Component<SpinnerOldProps> {\n  public static __KONTUR_REACT_UI__ = 'SpinnerOld';\n\n  public static propTypes = {\n    /**\n     * Текст рядом с мини-лоадером.\n     *\n     * 'Загрузка' - значение по-умолчанию\n     */\n    caption: PropTypes.node,\n\n    dimmed: PropTypes.bool,\n\n    /**\n     * Тип спиннера: mini, normal, big\n     *\n     * Значение по-умолчанию - normal\n     *\n     * SpinnerOld.types - все доступные типы\n     */\n    type: PropTypes.oneOf(Object.keys(types)),\n  };\n\n  public static defaultProps: SpinnerOldProps = {\n    type: 'normal',\n  };\n\n  public static Types: typeof types = types;\n  private theme!: Theme;\n  private readonly locale!: SpinnerLocale;\n\n  public constructor(props: SpinnerOldProps) {\n    super(props);\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 { type, caption = this.locale.loading } = this.props;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div className={jsStyles.spinner()}>\n          <span className={jsStyles.inner()}>{this.renderSpinnerOld(type)}</span>\n          {caption && this.renderCaption(type, caption)}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCloud = (type: Exclude<SpinnerOldType, 'mini'>) => {\n    const { dimmed } = this.props;\n    const cloudClassName = dimmed ? jsStyles.cloudDimmed(this.theme) : jsStyles.cloud(this.theme);\n\n    return (\n      <span className={jsStyles.cloudWrapper()}>\n        <SpinnerOldCloudIcon\n          dimmed={dimmed}\n          size={type}\n          className={cloudClassName}\n          strokeClassName={jsStyles.cloudStroke(this.theme)}\n        />\n      </span>\n    );\n  };\n\n  private renderCircle = () => {\n    const theme = this.theme;\n    const { dimmed } = this.props;\n    const circleClassName = dimmed ? jsStyles.circleDimmed(theme) : jsStyles.circle(theme);\n\n    return <SpinnerIcon dimmed={dimmed} size=\"mini\" className={circleClassName} />;\n  };\n\n  private renderSpinnerOld = (type: SpinnerOldType) => {\n    return type === 'mini' ? this.renderCircle() : this.renderCloud(type);\n  };\n\n  private renderCaption = (type: SpinnerOldType, caption: React.ReactNode) => {\n    return <span className={cn(jsStyles[type](this.theme), jsStyles.caption(this.theme))}>{caption}</span>;\n  };\n}\n"]}

package/internal/SpinnerOld/SpinnerOld.styles/SpinnerOld.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerOld.styles.ts"],"names":["css","memoizeStyle","AnimationKeyframes","isIE11","styles","cloudStroke","t","spinnerOldBgColor","cloudWrapper","cloud","spinnerColor","spinnerCloudOffset","spinnerCloudLength","cloudDimmed","spinnerOldDimmedColor","circle","spinnerOldColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","caption","spinnerOldCaptionColor","spinner","inner","mini","spinnerOldCaptionGapSmall","spinnerOldFontSizeSmall","spinnerOldLineHeightSmall","normal","spinnerOldFontSizeMedium","spinnerOldLineHeightMedium","spinnerOldCaptionGapMedium","big","spinnerOldFontSizeLarge","spinnerOldLineHeightLarge","spinnerOldCaptionGapLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\r\nimport { isIE11 } from '../../lib/client';\r\n\r\nconst styles = {\r\n  cloudStroke(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerOldBgColor};\r\n    `;\r\n  },\r\n  cloudWrapper() {\r\n    return css`\r\n      fill: none;\r\n      stroke-linecap: round;\r\n    `;\r\n  },\r\n  cloud(t: Theme) {\r\n    return css`\r\n      stroke-dasharray: 20, 86;\r\n      stroke-dashoffset: 15;\r\n      stroke: ${t.spinnerColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n        `}\r\n    `;\r\n  },\r\n  cloudDimmed(t: Theme) {\r\n    return css`\r\n      stroke-dasharray: 20, 86;\r\n      stroke-dashoffset: 15;\r\n      stroke: ${t.spinnerOldDimmedColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite;\r\n        `}\r\n    `;\r\n  },\r\n  circle(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerOldColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\r\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\r\n        `}\r\n    `;\r\n  },\r\n  circleDimmed(t: Theme) {\r\n    return css`\r\n      stroke: ${t.spinnerOldDimmedColor};\r\n\r\n      ${!isIE11 &&\r\n        `\r\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\r\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\r\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\r\n        `}\r\n    `;\r\n  },\r\n\r\n  caption(t: Theme) {\r\n    return css`\r\n      color: ${t.spinnerOldCaptionColor};\r\n    `;\r\n  },\r\n\r\n  spinner() {\r\n    return css`\r\n      display: inline-block;\r\n      text-align: center;\r\n    `;\r\n  },\r\n\r\n  inner() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  mini(t: Theme) {\r\n    return css`\r\n      margin-left: ${t.spinnerOldCaptionGapSmall};\r\n      font-size: ${t.spinnerOldFontSizeSmall};\r\n      line-height: ${t.spinnerOldLineHeightSmall};\r\n    `;\r\n  },\r\n\r\n  normal(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerOldFontSizeMedium};\r\n      line-height: ${t.spinnerOldLineHeightMedium};\r\n      margin-top: ${t.spinnerOldCaptionGapMedium};\r\n    `;\r\n  },\r\n\r\n  big(t: Theme) {\r\n    return css`\r\n      display: block;\r\n      font-size: ${t.spinnerOldFontSizeLarge};\r\n      line-height: ${t.spinnerOldLineHeightLarge};\r\n      margin-top: ${t.spinnerOldCaptionGapLarge};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["SpinnerOld.styles.ts"],"names":["css","memoizeStyle","AnimationKeyframes","isIE11","styles","cloudStroke","t","spinnerOldBgColor","cloudWrapper","cloud","spinnerColor","spinnerCloudOffset","spinnerCloudLength","cloudDimmed","spinnerOldDimmedColor","circle","spinnerOldColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmed","caption","spinnerOldCaptionColor","spinner","inner","mini","spinnerOldCaptionGapSmall","spinnerOldFontSizeSmall","spinnerOldLineHeightSmall","normal","spinnerOldFontSizeMedium","spinnerOldLineHeightMedium","spinnerOldCaptionGapMedium","big","spinnerOldFontSizeLarge","spinnerOldLineHeightLarge","spinnerOldCaptionGapLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nconst styles = {\n  cloudStroke(t: Theme) {\n    return css`\n      stroke: ${t.spinnerOldBgColor};\n    `;\n  },\n  cloudWrapper() {\n    return css`\n      fill: none;\n      stroke-linecap: round;\n    `;\n  },\n  cloud(t: Theme) {\n    return css`\n      stroke-dasharray: 20, 86;\n      stroke-dashoffset: 15;\n      stroke: ${t.spinnerColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  cloudDimmed(t: Theme) {\n    return css`\n      stroke-dasharray: 20, 86;\n      stroke-dashoffset: 15;\n      stroke: ${t.spinnerOldDimmedColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCloudOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCloudLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite;\n        `}\n    `;\n  },\n  circle(t: Theme) {\n    return css`\n      stroke: ${t.spinnerOldColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite,\n          ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmed(t: Theme) {\n    return css`\n      stroke: ${t.spinnerOldDimmedColor};\n\n      ${!isIE11 &&\n        `\n        animation: ${AnimationKeyframes.spinnerCircleOffset(t)} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength(t)} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate(t)} 2s linear infinite;\n        `}\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.spinnerOldCaptionColor};\n    `;\n  },\n\n  spinner() {\n    return css`\n      display: inline-block;\n      text-align: center;\n    `;\n  },\n\n  inner() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  mini(t: Theme) {\n    return css`\n      margin-left: ${t.spinnerOldCaptionGapSmall};\n      font-size: ${t.spinnerOldFontSizeSmall};\n      line-height: ${t.spinnerOldLineHeightSmall};\n    `;\n  },\n\n  normal(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerOldFontSizeMedium};\n      line-height: ${t.spinnerOldLineHeightMedium};\n      margin-top: ${t.spinnerOldCaptionGapMedium};\n    `;\n  },\n\n  big(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerOldFontSizeLarge};\n      line-height: ${t.spinnerOldLineHeightLarge};\n      margin-top: ${t.spinnerOldCaptionGapLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/SpinnerOld/SpinnerOldCloudIcon/SpinnerOldCloudIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerOldCloudIcon.tsx"],"names":["React","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","isTestEnv","isIE11","ThemeContext","CLOUD_SVG_PATH","SPINNER_CLOUD_SIZE","height","width","SpinnerOldCloudIcon","size","strokeClassName","className","dimmed","pathRef","useRef","fallbackAnimationRef","useContext","red","yellow","green","brand","useEffect","setStyleProperty","path","current","style","setProperty","fallbackAnimation","stop","removeAttribute","multiply"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport {\r\n  SpinnerFallbackAnimationRunner,\r\n  createOffsetAnimation,\r\n  createLengthAnimation,\r\n  createColorAnimation,\r\n} from '../../components/Spinner/SpinnerFallbackAnimation';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { isIE11 } from '../../lib/client';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nconst CLOUD_SVG_PATH = `M32.0297086,9.1495774 L31.5978628,8.5870774 C29.3570968,\r\n      5.67148577 25.9305165,4 22.1999329,4 C17.3429265,\r\n      4 12.9026663,7.04270463 11.154144,11.5717304 L10.901479,\r\n      12.2253114 L10.2421341,12.4725311 C6.50853057,13.8727758 4,\r\n      17.4719751 4,21.428492 C4,26.7061833 8.32047079,\r\n      31 13.6314689,31 L32.0297086,31 C38.078569,31 43,26.1036477 43,\r\n      20.0862989 C43,14.3602091 38.493302,9.5769573 32.7403918,\r\n      9.19661922 L32.0297086,9.1495774 Z`;\r\n\r\nexport const SPINNER_CLOUD_SIZE = {\r\n  height: 35,\r\n  width: 47,\r\n};\r\n\r\nexport interface SpinnerOldCloudIconProps {\r\n  className: string;\r\n  size: 'normal' | 'big';\r\n  strokeClassName?: string;\r\n  dimmed?: boolean;\r\n}\r\n\r\nexport const SpinnerOldCloudIcon = ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => {\r\n  const pathRef = React.useRef<SVGPathElement>(null);\r\n\r\n  if (isIE11 && !isTestEnv) {\r\n    // This condition will not change during app's life time\r\n    // So its OK to use hooks here\r\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\r\n\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    React.useEffect(() => {\r\n      if (isIE11 && !isTestEnv) {\r\n        const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\r\n          const path = pathRef.current;\r\n          if (path) {\r\n            path.style.setProperty(...args);\r\n          }\r\n        };\r\n\r\n        fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\r\n          [\r\n            createOffsetAnimation(10, 116, 1000, setStyleProperty),\r\n            createLengthAnimation([10, 96], [50, 56], 2000, setStyleProperty),\r\n            ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\r\n          ],\r\n          1000 / 60,\r\n        );\r\n\r\n        return () => {\r\n          const fallbackAnimation = fallbackAnimationRef.current;\r\n          const path = pathRef.current;\r\n          if (fallbackAnimation) {\r\n            fallbackAnimation.stop();\r\n          }\r\n          if (path) {\r\n            path.removeAttribute('style');\r\n          }\r\n        };\r\n      }\r\n    }, [dimmed, red, yellow, green, brand]);\r\n  }\r\n\r\n  const multiply = size === 'big' ? 2 : 1;\r\n  return (\r\n    <svg width={SPINNER_CLOUD_SIZE.width * multiply} height={SPINNER_CLOUD_SIZE.height * multiply} viewBox=\"0 0 47 35\">\r\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={strokeClassName} />\r\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={className} ref={pathRef} />\r\n    </svg>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["SpinnerOldCloudIcon.tsx"],"names":["React","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createColorAnimation","isTestEnv","isIE11","ThemeContext","CLOUD_SVG_PATH","SPINNER_CLOUD_SIZE","height","width","SpinnerOldCloudIcon","size","strokeClassName","className","dimmed","pathRef","useRef","fallbackAnimationRef","useContext","red","yellow","green","brand","useEffect","setStyleProperty","path","current","style","setProperty","fallbackAnimation","stop","removeAttribute","multiply"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA;AACEC,8BADF;AAEEC,qBAFF;AAGEC,qBAHF;AAIEC,oBAJF;AAKO,mDALP;AAMA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,IAAMC,cAAc,meAApB;;;;;;;;;AASA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,MAAM,EAAE,EADwB;AAEhCC,EAAAA,KAAK,EAAE,EAFyB,EAA3B;;;;;;;;;;AAYP,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4E,KAAzEC,IAAyE,QAAzEA,IAAyE,CAAnEC,eAAmE,QAAnEA,eAAmE,CAAlDC,SAAkD,QAAlDA,SAAkD,CAAvCC,MAAuC,QAAvCA,MAAuC;AAC7G,MAAMC,OAAO,GAAGjB,KAAK,CAACkB,MAAN,CAA6B,IAA7B,CAAhB;;AAEA,MAAIZ,MAAM,IAAI,CAACD,SAAf,EAA0B;AACxB;AACA;AACA;;AAEA;AACA,QAAMc,oBAAoB,GAAGnB,KAAK,CAACkB,MAAN,CAAoD,IAApD,CAA7B;AACA;AAPwB,4BAQclB,KAAK,CAACoB,UAAN,CAAiBb,YAAjB,CARd,CAQhBc,GARgB,qBAQhBA,GARgB,CAQXC,MARW,qBAQXA,MARW,CAQHC,KARG,qBAQHA,KARG,CAQIC,KARJ,qBAQIA,KARJ;AASxB;AACAxB,IAAAA,KAAK,CAACyB,SAAN,CAAgB,YAAM;AACpB,UAAInB,MAAM,IAAI,CAACD,SAAf,EAA0B;AACxB,YAAMqB,gBAAoD,GAAG,SAAvDA,gBAAuD,GAAa;AACxE,cAAMC,IAAI,GAAGV,OAAO,CAACW,OAArB;AACA,cAAID,IAAJ,EAAU;AACR,2BAAAA,IAAI,CAACE,KAAL,EAAWC,WAAX;AACD;AACF,SALD;;AAOAX,QAAAA,oBAAoB,CAACS,OAArB,GAA+B,IAAI3B,8BAAJ;;AAE3BC,QAAAA,qBAAqB,CAAC,EAAD,EAAK,GAAL,EAAU,IAAV,EAAgBwB,gBAAhB,CAFM;AAG3BvB,QAAAA,qBAAqB,CAAC,CAAC,EAAD,EAAK,EAAL,CAAD,EAAW,CAAC,EAAD,EAAK,EAAL,CAAX,EAAqB,IAArB,EAA2BuB,gBAA3B,CAHM;AAIvBV,QAAAA,MAAM,GAAG,EAAH,GAAQ,CAACZ,oBAAoB,CAAC,CAACiB,GAAD,EAAMC,MAAN,EAAcC,KAAd,EAAqBC,KAArB,CAAD,EAA8B,IAA9B,EAAoCE,gBAApC,CAArB,CAJS;;AAM7B,eAAO,EANsB,CAA/B;;;AASA,eAAO,YAAM;AACX,cAAMK,iBAAiB,GAAGZ,oBAAoB,CAACS,OAA/C;AACA,cAAMD,IAAI,GAAGV,OAAO,CAACW,OAArB;AACA,cAAIG,iBAAJ,EAAuB;AACrBA,YAAAA,iBAAiB,CAACC,IAAlB;AACD;AACD,cAAIL,IAAJ,EAAU;AACRA,YAAAA,IAAI,CAACM,eAAL,CAAqB,OAArB;AACD;AACF,SATD;AAUD;AACF,KA7BD,EA6BG,CAACjB,MAAD,EAASK,GAAT,EAAcC,MAAd,EAAsBC,KAAtB,EAA6BC,KAA7B,CA7BH;AA8BD;;AAED,MAAMU,QAAQ,GAAGrB,IAAI,KAAK,KAAT,GAAiB,CAAjB,GAAqB,CAAtC;AACA;AACE,iCAAK,KAAK,EAAEJ,kBAAkB,CAACE,KAAnB,GAA2BuB,QAAvC,EAAiD,MAAM,EAAEzB,kBAAkB,CAACC,MAAnB,GAA4BwB,QAArF,EAA+F,OAAO,EAAC,WAAvG;AACE,kCAAM,CAAC,EAAE1B,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEM,eAApD,GADF;AAEE,kCAAM,CAAC,EAAEN,cAAT,EAAyB,WAAW,EAAC,GAArC,EAAyC,SAAS,EAAEO,SAApD,EAA+D,GAAG,EAAEE,OAApE,GAFF,CADF;;;AAMD,CApDM","sourcesContent":["import React from 'react';\n\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { isIE11 } from '../../lib/client';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nconst CLOUD_SVG_PATH = `M32.0297086,9.1495774 L31.5978628,8.5870774 C29.3570968,\n      5.67148577 25.9305165,4 22.1999329,4 C17.3429265,\n      4 12.9026663,7.04270463 11.154144,11.5717304 L10.901479,\n      12.2253114 L10.2421341,12.4725311 C6.50853057,13.8727758 4,\n      17.4719751 4,21.428492 C4,26.7061833 8.32047079,\n      31 13.6314689,31 L32.0297086,31 C38.078569,31 43,26.1036477 43,\n      20.0862989 C43,14.3602091 38.493302,9.5769573 32.7403918,\n      9.19661922 L32.0297086,9.1495774 Z`;\n\nexport const SPINNER_CLOUD_SIZE = {\n  height: 35,\n  width: 47,\n};\n\nexport interface SpinnerOldCloudIconProps {\n  className: string;\n  size: 'normal' | 'big';\n  strokeClassName?: string;\n  dimmed?: boolean;\n}\n\nexport const SpinnerOldCloudIcon = ({ size, strokeClassName, className, dimmed }: SpinnerOldCloudIconProps) => {\n  const pathRef = React.useRef<SVGPathElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      if (isIE11 && !isTestEnv) {\n        const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n          const path = pathRef.current;\n          if (path) {\n            path.style.setProperty(...args);\n          }\n        };\n\n        fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n          [\n            createOffsetAnimation(10, 116, 1000, setStyleProperty),\n            createLengthAnimation([10, 96], [50, 56], 2000, setStyleProperty),\n            ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n          ],\n          1000 / 60,\n        );\n\n        return () => {\n          const fallbackAnimation = fallbackAnimationRef.current;\n          const path = pathRef.current;\n          if (fallbackAnimation) {\n            fallbackAnimation.stop();\n          }\n          if (path) {\n            path.removeAttribute('style');\n          }\n        };\n      }\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  const multiply = size === 'big' ? 2 : 1;\n  return (\n    <svg width={SPINNER_CLOUD_SIZE.width * multiply} height={SPINNER_CLOUD_SIZE.height * multiply} viewBox=\"0 0 47 35\">\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={strokeClassName} />\n      <path d={CLOUD_SVG_PATH} strokeWidth=\"2\" className={className} ref={pathRef} />\n    </svg>\n  );\n};\n"]}

package/internal/SpinnerOld/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './SpinnerOld';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './SpinnerOld';\n"]}

package/internal/SpinnerOld/locale/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","SpinnerLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,IAAIJ,YAAJ,CAAgC;AACjEG,EAAAA,KAAK,EAALA,KADiE;AAEjED,EAAAA,KAAK,EAALA,KAFiE,EAAhC,CAA5B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport { componentsLocales as en_GB } from './locales/en';\r\nimport { componentsLocales as ru_RU } from './locales/ru';\r\nimport { SpinnerLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const SpinnerLocaleHelper = new LocaleHelper<SpinnerLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}
+{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","SpinnerLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,IAAIJ,YAAJ,CAAgC;AACjEG,EAAAA,KAAK,EAALA,KADiE;AAEjED,EAAAA,KAAK,EAALA,KAFiE,EAAhC,CAA5B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { SpinnerLocale } from './types';\n\nexport * from './types';\n\nexport const SpinnerLocaleHelper = new LocaleHelper<SpinnerLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/internal/SpinnerOld/locale/locales/en/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEA,OAAO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,SADqC,EAAzC","sourcesContent":["import { SpinnerLocale } from '../types';\r\n\r\nexport const componentsLocales: SpinnerLocale = {\r\n  loading: 'Loading',\r\n};\r\n"]}
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEA,OAAO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,SADqC,EAAzC","sourcesContent":["import { SpinnerLocale } from '../types';\n\nexport const componentsLocales: SpinnerLocale = {\n  loading: 'Loading',\n};\n"]}

package/internal/SpinnerOld/locale/locales/ru/ru.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEA,OAAO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,UADqC,EAAzC","sourcesContent":["import { SpinnerLocale } from '../types';\r\n\r\nexport const componentsLocales: SpinnerLocale = {\r\n  loading: 'Загрузка',\r\n};\r\n"]}
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEA,OAAO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,UADqC,EAAzC","sourcesContent":["import { SpinnerLocale } from '../types';\n\nexport const componentsLocales: SpinnerLocale = {\n  loading: 'Загрузка',\n};\n"]}

package/internal/ThemePlayground/AnotherInputsPlayground/AnotherInputsPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AnotherInputsPlayground.tsx"],"names":["React","Tooltip","DatePicker","DatePickerPlayground","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","removeTooltip","render","props","disabled","size","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;AACA,SAASC,UAAT,QAA2B,6BAA3B;;AAEA,WAAaC,oBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,KAAK,EAAE,YADM;AAEbC,MAAAA,KAAK,EAAE,KAFM;AAGbC,MAAAA,OAAO,EAAE,KAHI,EADjB;;;;;;;;;;;;;;;;;;;;;;;;;AA6BUC,IAAAA,YA7BV,GA6ByB,UAACH,KAAD,EAAmB;AACxC,YAAKI,QAAL,CAAc;AACZJ,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,KAjCH;;AAmCUK,IAAAA,UAnCV,GAmCuB,YAAM;AACzB,YAAKD,QAAL,CAAc,EAAEH,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,KAAzB,EAAd;AACD,KArCH;;AAuCUI,IAAAA,QAvCV,GAuCqB,YAAM;AACvB,UAAMC,YAAY,GAAG,MAAKR,KAAL,CAAWC,KAAhC;AACA,YAAKI,QAAL,CAAc,YAAM;AAClB,YAAMH,KAAK,GAAG,CAAC,CAACM,YAAF,IAAkB,CAACV,UAAU,CAACS,QAAX,CAAoBC,YAApB,CAAjC;AACA,eAAO;AACLN,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,OAAO,EAAED,KAFJ,EAAP;;AAID,OAND;AAOD,KAhDH;;AAkDUO,IAAAA,aAlDV,GAkD0B,YAAM;AAC5B,YAAKJ,QAAL,CAAc;AACZF,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,KAtDH,kEAOSO,MAPT,GAOE,kBAAgB,CACd,oBACE,oBAAC,OAAD,IACE,OAAO,EAAE,KAAKV,KAAL,CAAWG,OAAX,GAAqB,QAArB,GAAgC,QAD3C,EAEE,MAAM,EAAE,0BAAM,0BAAN,EAFV,EAGE,YAAY,EAAE,KAAKM,aAHrB,iBAKE,oBAAC,UAAD,eACM,KAAKE,KADX,IAEE,QAAQ,EAAE,KAAKA,KAAL,CAAWC,QAFvB,EAGE,IAAI,EAAE,KAAKD,KAAL,CAAWE,IAHnB,EAIE,KAAK,EAAE,KAAKb,KAAL,CAAWE,KAJpB,EAKE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KALpB,EAME,aAAa,EAAE,KAAKG,YANtB,EAOE,OAAO,EAAE,KAAKE,UAPhB,EAQE,MAAM,EAAE,KAAKC,QARf,EASE,eAAe,MATjB,IALF,CADF,CAmBD,CA3BH,+BAA0CX,KAAK,CAACkB,SAAhD","sourcesContent":["import React from 'react';\r\n\r\nimport { Tooltip } from '../../components/Tooltip';\r\nimport { DatePicker } from '../../components/DatePicker';\r\n\r\nexport class DatePickerPlayground extends React.Component<any, any> {\r\n  public state = {\r\n    value: '17.06.2019',\r\n    error: false,\r\n    tooltip: false,\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <Tooltip\r\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\r\n        render={() => 'Такой даты не существует'}\r\n        onCloseClick={this.removeTooltip}\r\n      >\r\n        <DatePicker\r\n          {...this.props}\r\n          disabled={this.props.disabled}\r\n          size={this.props.size}\r\n          error={this.state.error}\r\n          value={this.state.value}\r\n          onValueChange={this.handleChange}\r\n          onFocus={this.invalidate}\r\n          onBlur={this.validate}\r\n          enableTodayLink\r\n        />\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  private handleChange = (value: string) => {\r\n    this.setState({\r\n      value,\r\n    });\r\n  };\r\n\r\n  private invalidate = () => {\r\n    this.setState({ error: false, tooltip: false });\r\n  };\r\n\r\n  private validate = () => {\r\n    const currentValue = this.state.value;\r\n    this.setState(() => {\r\n      const error = !!currentValue && !DatePicker.validate(currentValue);\r\n      return {\r\n        error,\r\n        tooltip: error,\r\n      };\r\n    });\r\n  };\r\n\r\n  private removeTooltip = () => {\r\n    this.setState({\r\n      tooltip: false,\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["AnotherInputsPlayground.tsx"],"names":["React","Tooltip","DatePicker","DatePickerPlayground","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","removeTooltip","render","props","disabled","size","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;AACA,SAASC,UAAT,QAA2B,6BAA3B;;AAEA,WAAaC,oBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,KAAK,EAAE,YADM;AAEbC,MAAAA,KAAK,EAAE,KAFM;AAGbC,MAAAA,OAAO,EAAE,KAHI,EADjB;;;;;;;;;;;;;;;;;;;;;;;;;AA6BUC,IAAAA,YA7BV,GA6ByB,UAACH,KAAD,EAAmB;AACxC,YAAKI,QAAL,CAAc;AACZJ,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,KAjCH;;AAmCUK,IAAAA,UAnCV,GAmCuB,YAAM;AACzB,YAAKD,QAAL,CAAc,EAAEH,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,KAAzB,EAAd;AACD,KArCH;;AAuCUI,IAAAA,QAvCV,GAuCqB,YAAM;AACvB,UAAMC,YAAY,GAAG,MAAKR,KAAL,CAAWC,KAAhC;AACA,YAAKI,QAAL,CAAc,YAAM;AAClB,YAAMH,KAAK,GAAG,CAAC,CAACM,YAAF,IAAkB,CAACV,UAAU,CAACS,QAAX,CAAoBC,YAApB,CAAjC;AACA,eAAO;AACLN,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,OAAO,EAAED,KAFJ,EAAP;;AAID,OAND;AAOD,KAhDH;;AAkDUO,IAAAA,aAlDV,GAkD0B,YAAM;AAC5B,YAAKJ,QAAL,CAAc;AACZF,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,KAtDH,kEAOSO,MAPT,GAOE,kBAAgB,CACd,oBACE,oBAAC,OAAD,IACE,OAAO,EAAE,KAAKV,KAAL,CAAWG,OAAX,GAAqB,QAArB,GAAgC,QAD3C,EAEE,MAAM,EAAE,0BAAM,0BAAN,EAFV,EAGE,YAAY,EAAE,KAAKM,aAHrB,iBAKE,oBAAC,UAAD,eACM,KAAKE,KADX,IAEE,QAAQ,EAAE,KAAKA,KAAL,CAAWC,QAFvB,EAGE,IAAI,EAAE,KAAKD,KAAL,CAAWE,IAHnB,EAIE,KAAK,EAAE,KAAKb,KAAL,CAAWE,KAJpB,EAKE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KALpB,EAME,aAAa,EAAE,KAAKG,YANtB,EAOE,OAAO,EAAE,KAAKE,UAPhB,EAQE,MAAM,EAAE,KAAKC,QARf,EASE,eAAe,MATjB,IALF,CADF,CAmBD,CA3BH,+BAA0CX,KAAK,CAACkB,SAAhD","sourcesContent":["import React from 'react';\n\nimport { Tooltip } from '../../components/Tooltip';\nimport { DatePicker } from '../../components/DatePicker';\n\nexport class DatePickerPlayground extends React.Component<any, any> {\n  public state = {\n    value: '17.06.2019',\n    error: false,\n    tooltip: false,\n  };\n\n  public render() {\n    return (\n      <Tooltip\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\n        render={() => 'Такой даты не существует'}\n        onCloseClick={this.removeTooltip}\n      >\n        <DatePicker\n          {...this.props}\n          disabled={this.props.disabled}\n          size={this.props.size}\n          error={this.state.error}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          onFocus={this.invalidate}\n          onBlur={this.validate}\n          enableTodayLink\n        />\n      </Tooltip>\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n\n  private invalidate = () => {\n    this.setState({ error: false, tooltip: false });\n  };\n\n  private validate = () => {\n    const currentValue = this.state.value;\n    this.setState(() => {\n      const error = !!currentValue && !DatePicker.validate(currentValue);\n      return {\n        error,\n        tooltip: error,\n      };\n    });\n  };\n\n  private removeTooltip = () => {\n    this.setState({\n      tooltip: false,\n    });\n  };\n}\n"]}

package/internal/ThemePlayground/CheckboxPlayground/CheckboxPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CheckboxPlayground.tsx"],"names":["React","Gapped","Checkbox","ThemeContext","is8pxTheme","getComponentsFromPropsList","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","theme","useContext","gap"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,QAAT,QAAwC,2BAAxC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,gCAA3B;;AAEA,SAASC,0BAAT,QAA2C,WAA3C;;AAEA,IAAMC,SAAuD,GAAG;AAC9D,EAAEC,QAAQ,EAAE,SAAZ,EAD8D;AAE9D,EAAEA,QAAQ,EAAE,SAAZ,EAAuBC,OAAO,EAAE,IAAhC,EAF8D;AAG9D,EAAED,QAAQ,EAAE,UAAZ,EAAwBC,OAAO,EAAE,IAAjC,EAAuCC,QAAQ,EAAE,IAAjD,EAH8D;AAI9D,EAAEF,QAAQ,EAAE,aAAZ,EAA2BG,oBAAoB,EAAE,IAAjD,EAJ8D;AAK9D,EAAEH,QAAQ,EAAE,SAAZ,EAAuBI,OAAO,EAAE,IAAhC,EAL8D;AAM9D,EAAEJ,QAAQ,EAAE,OAAZ,EAAqBK,KAAK,EAAE,IAA5B,EAN8D;AAO9D,EAAEL,QAAQ,EAAE,SAAZ,EAAuBM,OAAO,EAAE,IAAhC,EAP8D,CAAhE;;;AAUA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AACtC,MAAMC,KAAK,GAAGf,KAAK,CAACgB,UAAN,CAAiBb,YAAjB,CAAd;AACA,MAAMc,GAAG,GAAGb,UAAU,CAACW,KAAD,CAAV,GAAoB,CAApB,GAAwB,EAApC;AACA;AACE,wBAAC,MAAD,IAAQ,GAAG,EAAEE,GAAb,EAAkB,QAAQ,MAA1B;AACGZ,IAAAA,0BAA0B,eAAC,oBAAC,QAAD,OAAD,EAAeC,SAAf,CAD7B,CADF;;;AAKD,CARM","sourcesContent":["import React from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nimport { getComponentsFromPropsList } from './helpers';\r\n\r\nconst propsList: Array<CheckboxProps & { focused?: boolean }> = [\r\n  { children: 'Default' },\r\n  { children: 'Checked', checked: true },\r\n  { children: 'Disabled', checked: true, disabled: true },\r\n  { children: 'Semichecked', initialIndeterminate: true },\r\n  { children: 'Focused', focused: true },\r\n  { children: 'Error', error: true },\r\n  { children: 'Warning', warning: true },\r\n];\r\n\r\nexport const CheckboxPlayground = () => {\r\n  const theme = React.useContext(ThemeContext);\r\n  const gap = is8pxTheme(theme) ? 0 : 10;\r\n  return (\r\n    <Gapped gap={gap} vertical>\r\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\r\n    </Gapped>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["CheckboxPlayground.tsx"],"names":["React","Gapped","Checkbox","ThemeContext","is8pxTheme","getComponentsFromPropsList","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","theme","useContext","gap"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,QAAT,QAAwC,2BAAxC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,gCAA3B;;AAEA,SAASC,0BAAT,QAA2C,WAA3C;;AAEA,IAAMC,SAAuD,GAAG;AAC9D,EAAEC,QAAQ,EAAE,SAAZ,EAD8D;AAE9D,EAAEA,QAAQ,EAAE,SAAZ,EAAuBC,OAAO,EAAE,IAAhC,EAF8D;AAG9D,EAAED,QAAQ,EAAE,UAAZ,EAAwBC,OAAO,EAAE,IAAjC,EAAuCC,QAAQ,EAAE,IAAjD,EAH8D;AAI9D,EAAEF,QAAQ,EAAE,aAAZ,EAA2BG,oBAAoB,EAAE,IAAjD,EAJ8D;AAK9D,EAAEH,QAAQ,EAAE,SAAZ,EAAuBI,OAAO,EAAE,IAAhC,EAL8D;AAM9D,EAAEJ,QAAQ,EAAE,OAAZ,EAAqBK,KAAK,EAAE,IAA5B,EAN8D;AAO9D,EAAEL,QAAQ,EAAE,SAAZ,EAAuBM,OAAO,EAAE,IAAhC,EAP8D,CAAhE;;;AAUA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AACtC,MAAMC,KAAK,GAAGf,KAAK,CAACgB,UAAN,CAAiBb,YAAjB,CAAd;AACA,MAAMc,GAAG,GAAGb,UAAU,CAACW,KAAD,CAAV,GAAoB,CAApB,GAAwB,EAApC;AACA;AACE,wBAAC,MAAD,IAAQ,GAAG,EAAEE,GAAb,EAAkB,QAAQ,MAA1B;AACGZ,IAAAA,0BAA0B,eAAC,oBAAC,QAAD,OAAD,EAAeC,SAAf,CAD7B,CADF;;;AAKD,CARM","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\n\nimport { getComponentsFromPropsList } from './helpers';\n\nconst propsList: Array<CheckboxProps & { focused?: boolean }> = [\n  { children: 'Default' },\n  { children: 'Checked', checked: true },\n  { children: 'Disabled', checked: true, disabled: true },\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Focused', focused: true },\n  { children: 'Error', error: true },\n  { children: 'Warning', warning: true },\n];\n\nexport const CheckboxPlayground = () => {\n  const theme = React.useContext(ThemeContext);\n  const gap = is8pxTheme(theme) ? 0 : 10;\n  return (\n    <Gapped gap={gap} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"]}

package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComponentsGroup.tsx"],"names":["React","Gapped","jsStyles","ComponentsGroup","props","title","children","style","theme","componentsGroup"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;;AAGA,SAASC,QAAT,QAAyB,qBAAzB;;;;;;;;;AASA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA2E;AAChGC,EAAAA,KADgG,GAC9DD,KAD8D,CAChGC,KADgG,CACzFC,QADyF,GAC9DF,KAD8D,CACzFE,QADyF,CAC/EC,KAD+E,GAC9DH,KAD8D,CAC/EG,KAD+E,CACxEC,KADwE,GAC9DJ,KAD8D,CACxEI,KADwE;AAExG;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,KAA3B,EAAiC,GAAG,EAAE,EAAtC;AACE,iCAAK,SAAS,EAAEN,QAAQ,CAACG,KAAT,CAAeG,KAAf,CAAhB,EAAuC,KAAK,EAAED,KAA9C;AACGF,IAAAA,KADH,CADF;;AAIE,iCAAK,SAAS,EAAEH,QAAQ,CAACO,eAAT,CAAyBD,KAAzB,CAAhB;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGF,IAAAA,QADH,CADF,CAJF,CADF;;;;;AAYD,CAdM","sourcesContent":["import React from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Playground.styles';\r\n\r\ninterface ComponentsGroupProps {\r\n  title: string;\r\n  children: React.ReactNode;\r\n  style?: React.CSSProperties;\r\n  theme: Theme;\r\n}\r\n\r\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\r\n  const { title, children, style, theme } = props;\r\n  return (\r\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\r\n      <div className={jsStyles.title(theme)} style={style}>\r\n        {title}\r\n      </div>\r\n      <div className={jsStyles.componentsGroup(theme)}>\r\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\r\n          {children}\r\n        </Gapped>\r\n      </div>\r\n    </Gapped>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["ComponentsGroup.tsx"],"names":["React","Gapped","jsStyles","ComponentsGroup","props","title","children","style","theme","componentsGroup"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;;AAGA,SAASC,QAAT,QAAyB,qBAAzB;;;;;;;;;AASA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA2E;AAChGC,EAAAA,KADgG,GAC9DD,KAD8D,CAChGC,KADgG,CACzFC,QADyF,GAC9DF,KAD8D,CACzFE,QADyF,CAC/EC,KAD+E,GAC9DH,KAD8D,CAC/EG,KAD+E,CACxEC,KADwE,GAC9DJ,KAD8D,CACxEI,KADwE;AAExG;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,KAA3B,EAAiC,GAAG,EAAE,EAAtC;AACE,iCAAK,SAAS,EAAEN,QAAQ,CAACG,KAAT,CAAeG,KAAf,CAAhB,EAAuC,KAAK,EAAED,KAA9C;AACGF,IAAAA,KADH,CADF;;AAIE,iCAAK,SAAS,EAAEH,QAAQ,CAACO,eAAT,CAAyBD,KAAzB,CAAhB;AACE,wBAAC,MAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGF,IAAAA,QADH,CADF,CAJF,CADF;;;;;AAYD,CAdM","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { jsStyles } from './Playground.styles';\n\ninterface ComponentsGroupProps {\n  title: string;\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  theme: Theme;\n}\n\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\n  const { title, children, style, theme } = props;\n  return (\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\n      <div className={jsStyles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={jsStyles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"]}

package/internal/ThemePlayground/CurrencyInputPlayground/CurrencyInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyInputPlayground.tsx"],"names":["React","CurrencyInput","CurrencyInputPlayground","state","value","props","handleChange","setState","render","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAAkD,gCAAlD;;AAEA,WAAaC,uBAAb;;;;;;AAMSC,IAAAA,KANT,GAMiB;AACbC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAAX,IAAoB,IADd,EANjB;;;;;;;;;;;;;;;;;AAwBUE,IAAAA,YAxBV,GAwByB,UAACF,KAAD,EAA2B;AAChD,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAAd;AACD,KA1BH,qEAUSI,MAVT,GAUE,kBAAgB,CACd,oBACE,8CACE,oBAAC,aAAD,eACM,KAAKH,KADX,IAEE,WAAW,EAAE,UAFf,EAGE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KAHpB,EAIE,aAAa,EAAE,KAAKE,YAJtB,EAKE,KAAK,EAAE,GALT,IADF,CADF,CAWD,CAtBH,kCAA6CN,KAAK,CAACS,SAAnD","sourcesContent":["import React from 'react';\r\n\r\nimport { CurrencyInput, CurrencyInputProps } from '../../components/CurrencyInput';\r\n\r\nexport class CurrencyInputPlayground extends React.Component<\r\n  Partial<CurrencyInputProps>,\r\n  {\r\n    value?: number | null;\r\n  }\r\n> {\r\n  public state = {\r\n    value: this.props.value || 2222,\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <div>\r\n        <CurrencyInput\r\n          {...this.props}\r\n          placeholder={'currency'}\r\n          value={this.state.value}\r\n          onValueChange={this.handleChange}\r\n          width={150}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private handleChange = (value?: number | null) => {\r\n    this.setState({ value });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["CurrencyInputPlayground.tsx"],"names":["React","CurrencyInput","CurrencyInputPlayground","state","value","props","handleChange","setState","render","Component"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAAkD,gCAAlD;;AAEA,WAAaC,uBAAb;;;;;;AAMSC,IAAAA,KANT,GAMiB;AACbC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAAX,IAAoB,IADd,EANjB;;;;;;;;;;;;;;;;;AAwBUE,IAAAA,YAxBV,GAwByB,UAACF,KAAD,EAA2B;AAChD,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAAd;AACD,KA1BH,qEAUSI,MAVT,GAUE,kBAAgB,CACd,oBACE,8CACE,oBAAC,aAAD,eACM,KAAKH,KADX,IAEE,WAAW,EAAE,UAFf,EAGE,KAAK,EAAE,KAAKF,KAAL,CAAWC,KAHpB,EAIE,aAAa,EAAE,KAAKE,YAJtB,EAKE,KAAK,EAAE,GALT,IADF,CADF,CAWD,CAtBH,kCAA6CN,KAAK,CAACS,SAAnD","sourcesContent":["import React from 'react';\n\nimport { CurrencyInput, CurrencyInputProps } from '../../components/CurrencyInput';\n\nexport class CurrencyInputPlayground extends React.Component<\n  Partial<CurrencyInputProps>,\n  {\n    value?: number | null;\n  }\n> {\n  public state = {\n    value: this.props.value || 2222,\n  };\n\n  public render() {\n    return (\n      <div>\n        <CurrencyInput\n          {...this.props}\n          placeholder={'currency'}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          width={150}\n        />\n      </div>\n    );\n  }\n\n  private handleChange = (value?: number | null) => {\n    this.setState({ value });\n  };\n}\n"]}

package/internal/ThemePlayground/FxInputPlayground/FxInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FxInputPlayground.tsx"],"names":["React","FxInput","FxInputPlayground","props","onValueChange","value","setState","auto","handleRestore","state","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;;AAEA,WAAaC,iBAAb;AACE,6BAAYC,KAAZ,EAAuB;AACrB,wCAAMA,KAAN,UADqB;;;;;;;;;;;;;;;;;;;;;AAsBfC,IAAAA,aAtBe,GAsBC,UAACC,KAAD,EAAmB;AACzC,YAAKC,QAAL,CAAc,EAAED,KAAK,EAALA,KAAF,EAASE,IAAI,EAAE,KAAf,EAAd;AACD,KAxBsB;;AA0BfC,IAAAA,aA1Be,GA0BC,YAAM;AAC5B,YAAKF,QAAL,CAAc;AACZD,QAAAA,KAAK,EAAE,MADK;AAEZE,QAAAA,IAAI,EAAE,IAFM,EAAd;;AAID,KA/BsB,CAGrB,MAAKE,KAAL,GAAa,EACXF,IAAI,EAAE,IADK,EAEXF,KAAK,EAAE,MAFI,EAAb,CAHqB,aAOtB,CARH,gDAUSK,MAVT,GAUE,kBAA6B,CAC3B,oBACE,oBAAC,OAAD,IACE,IAAI,EAAE,KAAKD,KAAL,CAAWF,IADnB,EAEE,IAAI,EAAE,MAFR,EAGE,KAAK,EAAE,KAAKE,KAAL,CAAWJ,KAHpB,EAIE,SAAS,EAAE,KAAKG,aAJlB,EAKE,aAAa,EAAE,KAAKJ,aALtB,EAME,KAAK,EAAE,GANT,GADF,CAUD,CArBH,4BAAuCJ,KAAK,CAACW,SAA7C","sourcesContent":["import React from 'react';\r\n\r\nimport { FxInput } from '../../components/FxInput';\r\n\r\nexport class FxInputPlayground extends React.Component<{}, { value: string; auto: boolean }> {\r\n  constructor(props: {}) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      auto: true,\r\n      value: 'auto',\r\n    };\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <FxInput\r\n        auto={this.state.auto}\r\n        type={'text'}\r\n        value={this.state.value}\r\n        onRestore={this.handleRestore}\r\n        onValueChange={this.onValueChange}\r\n        width={150}\r\n      />\r\n    );\r\n  }\r\n\r\n  private onValueChange = (value: string) => {\r\n    this.setState({ value, auto: false });\r\n  };\r\n\r\n  private handleRestore = () => {\r\n    this.setState({\r\n      value: 'auto',\r\n      auto: true,\r\n    });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["FxInputPlayground.tsx"],"names":["React","FxInput","FxInputPlayground","props","onValueChange","value","setState","auto","handleRestore","state","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,0BAAxB;;AAEA,WAAaC,iBAAb;AACE,6BAAYC,KAAZ,EAAuB;AACrB,wCAAMA,KAAN,UADqB;;;;;;;;;;;;;;;;;;;;;AAsBfC,IAAAA,aAtBe,GAsBC,UAACC,KAAD,EAAmB;AACzC,YAAKC,QAAL,CAAc,EAAED,KAAK,EAALA,KAAF,EAASE,IAAI,EAAE,KAAf,EAAd;AACD,KAxBsB;;AA0BfC,IAAAA,aA1Be,GA0BC,YAAM;AAC5B,YAAKF,QAAL,CAAc;AACZD,QAAAA,KAAK,EAAE,MADK;AAEZE,QAAAA,IAAI,EAAE,IAFM,EAAd;;AAID,KA/BsB,CAGrB,MAAKE,KAAL,GAAa,EACXF,IAAI,EAAE,IADK,EAEXF,KAAK,EAAE,MAFI,EAAb,CAHqB,aAOtB,CARH,gDAUSK,MAVT,GAUE,kBAA6B,CAC3B,oBACE,oBAAC,OAAD,IACE,IAAI,EAAE,KAAKD,KAAL,CAAWF,IADnB,EAEE,IAAI,EAAE,MAFR,EAGE,KAAK,EAAE,KAAKE,KAAL,CAAWJ,KAHpB,EAIE,SAAS,EAAE,KAAKG,aAJlB,EAKE,aAAa,EAAE,KAAKJ,aALtB,EAME,KAAK,EAAE,GANT,GADF,CAUD,CArBH,4BAAuCJ,KAAK,CAACW,SAA7C","sourcesContent":["import React from 'react';\n\nimport { FxInput } from '../../components/FxInput';\n\nexport class FxInputPlayground extends React.Component<{}, { value: string; auto: boolean }> {\n  constructor(props: {}) {\n    super(props);\n\n    this.state = {\n      auto: true,\n      value: 'auto',\n    };\n  }\n\n  public render(): JSX.Element {\n    return (\n      <FxInput\n        auto={this.state.auto}\n        type={'text'}\n        value={this.state.value}\n        onRestore={this.handleRestore}\n        onValueChange={this.onValueChange}\n        width={150}\n      />\n    );\n  }\n\n  private onValueChange = (value: string) => {\n    this.setState({ value, auto: false });\n  };\n\n  private handleRestore = () => {\n    this.setState({\n      value: 'auto',\n      auto: true,\n    });\n  };\n}\n"]}

package/internal/ThemePlayground/HintPlayground/HintPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HintPlayground.tsx"],"names":["React","Gapped","Button","Hint","Toast","HintPlayground","pushToast","push","pushToastWithAction","label","handler","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,KAAT,QAAsB,wBAAtB;;AAEA,WAAaC,cAAb;;;;;;;;;;;;;;AAcUC,IAAAA,SAdV,GAcsB,YAAM;AACxBF,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX;AACD,KAhBH;;AAkBUC,IAAAA,mBAlBV,GAkBgC,YAAM;AAClCJ,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX,EAA8B,EAAEE,KAAK,EAAE,QAAT,EAAmBC,OAAO,EAAE,2BAAM,IAAN,EAA5B,EAA9B;AACD,KApBH,4DACSC,MADT,GACE,kBAAgB,CACd,oBACE,oBAAC,MAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,eAA1B,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKL,SAAtB,YADF,CADF,eAIE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,yBAA1B,EAAqD,GAAG,EAAE,OAA1D,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKE,mBAAtB,sBADF,CAJF,CADF,CAUD,CAZH,yBAAoCR,KAAK,CAACY,SAA1C","sourcesContent":["import React from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Button } from '../../components/Button';\r\nimport { Hint } from '../../components/Hint';\r\nimport { Toast } from '../../components/Toast';\r\n\r\nexport class HintPlayground extends React.Component<{}, {}> {\r\n  public render() {\r\n    return (\r\n      <Gapped gap={10}>\r\n        <Hint manual opened text={'Показать тост'}>\r\n          <Button onClick={this.pushToast}>Toast</Button>\r\n        </Hint>\r\n        <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\r\n          <Button onClick={this.pushToastWithAction}>Toast with link</Button>\r\n        </Hint>\r\n      </Gapped>\r\n    );\r\n  }\r\n\r\n  private pushToast = () => {\r\n    Toast.push('Текст сообщения');\r\n  };\r\n\r\n  private pushToastWithAction = () => {\r\n    Toast.push('Текст сообщения', { label: 'Ссылка', handler: () => null });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["HintPlayground.tsx"],"names":["React","Gapped","Button","Hint","Toast","HintPlayground","pushToast","push","pushToastWithAction","label","handler","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,KAAT,QAAsB,wBAAtB;;AAEA,WAAaC,cAAb;;;;;;;;;;;;;;AAcUC,IAAAA,SAdV,GAcsB,YAAM;AACxBF,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX;AACD,KAhBH;;AAkBUC,IAAAA,mBAlBV,GAkBgC,YAAM;AAClCJ,MAAAA,KAAK,CAACG,IAAN,CAAW,iBAAX,EAA8B,EAAEE,KAAK,EAAE,QAAT,EAAmBC,OAAO,EAAE,2BAAM,IAAN,EAA5B,EAA9B;AACD,KApBH,4DACSC,MADT,GACE,kBAAgB,CACd,oBACE,oBAAC,MAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,eAA1B,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKL,SAAtB,YADF,CADF,eAIE,oBAAC,IAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,yBAA1B,EAAqD,GAAG,EAAE,OAA1D,iBACE,oBAAC,MAAD,IAAQ,OAAO,EAAE,KAAKE,mBAAtB,sBADF,CAJF,CADF,CAUD,CAZH,yBAAoCR,KAAK,CAACY,SAA1C","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Hint } from '../../components/Hint';\nimport { Toast } from '../../components/Toast';\n\nexport class HintPlayground extends React.Component<{}, {}> {\n  public render() {\n    return (\n      <Gapped gap={10}>\n        <Hint manual opened text={'Показать тост'}>\n          <Button onClick={this.pushToast}>Toast</Button>\n        </Hint>\n        <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\n          <Button onClick={this.pushToastWithAction}>Toast with link</Button>\n        </Hint>\n      </Gapped>\n    );\n  }\n\n  private pushToast = () => {\n    Toast.push('Текст сообщения');\n  };\n\n  private pushToastWithAction = () => {\n    Toast.push('Текст сообщения', { label: 'Ссылка', handler: () => null });\n  };\n}\n"]}

package/internal/ThemePlayground/PagingPlayground/PagingPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PagingPlayground.tsx"],"names":["React","Paging","PagingPlayground","state","active","handlePageChange","pageNumber","setState","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,MAAM,EAAE,CADK,EADjB;;;;;;;AASUC,IAAAA,gBATV,GAS6B,UAACC,UAAD,EAAwB;AACjD,YAAKC,QAAL,CAAc,EAAEH,MAAM,EAAEE,UAAV,EAAd;AACD,KAXH,8DAKSE,MALT,GAKE,kBAAgB,CACd,oBAAO,oBAAC,MAAD,IAAQ,UAAU,EAAE,KAAKL,KAAL,CAAWC,MAA/B,EAAuC,YAAY,EAAE,KAAKC,gBAA1D,EAA4E,UAAU,EAAE,EAAxF,GAAP,CACD,CAPH,2BAAsCL,KAAK,CAACS,SAA5C","sourcesContent":["import React from 'react';\r\n\r\nimport { Paging } from '../../components/Paging';\r\n\r\nexport class PagingPlayground extends React.Component<{}, { active: number }> {\r\n  public state = {\r\n    active: 1,\r\n  };\r\n\r\n  public render() {\r\n    return <Paging activePage={this.state.active} onPageChange={this.handlePageChange} pagesCount={12} />;\r\n  }\r\n\r\n  private handlePageChange = (pageNumber: number) => {\r\n    this.setState({ active: pageNumber });\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["PagingPlayground.tsx"],"names":["React","Paging","PagingPlayground","state","active","handlePageChange","pageNumber","setState","render","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,MAAM,EAAE,CADK,EADjB;;;;;;;AASUC,IAAAA,gBATV,GAS6B,UAACC,UAAD,EAAwB;AACjD,YAAKC,QAAL,CAAc,EAAEH,MAAM,EAAEE,UAAV,EAAd;AACD,KAXH,8DAKSE,MALT,GAKE,kBAAgB,CACd,oBAAO,oBAAC,MAAD,IAAQ,UAAU,EAAE,KAAKL,KAAL,CAAWC,MAA/B,EAAuC,YAAY,EAAE,KAAKC,gBAA1D,EAA4E,UAAU,EAAE,EAAxF,GAAP,CACD,CAPH,2BAAsCL,KAAK,CAACS,SAA5C","sourcesContent":["import React from 'react';\n\nimport { Paging } from '../../components/Paging';\n\nexport class PagingPlayground extends React.Component<{}, { active: number }> {\n  public state = {\n    active: 1,\n  };\n\n  public render() {\n    return <Paging activePage={this.state.active} onPageChange={this.handlePageChange} pagesCount={12} />;\n  }\n\n  private handlePageChange = (pageNumber: number) => {\n    this.setState({ active: pageNumber });\n  };\n}\n"]}

package/internal/ThemePlayground/Playground/Playground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Playground.tsx"],"names":["React","cn","SearchIcon","CardIcon","LinkIcon","OkIcon","ErrorIcon","TrashIcon","HelpDotIcon","Button","Tabs","Gapped","Link","Input","Toggle","ThemeContext","Tooltip","Sticky","isTestEnv","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","SelectPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","jsStyles","useSticky","Playground","theme","stopEl","createRef","renderTabsGroup","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","Dark","Flat","Flat8px","Default","Default8px","toggle8pxTheme","value","onThemeChange","renderSizesGroup","Group","size","renderLinksGroup","propsList","icon","children","use","disabled","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","renderPaging","renderStickyStopElement","height","current","render","renderMain","wrapperClassName","playground","playgroundWrapper","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","tabsInnerWrapper","is8pxTheme","Component"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport SearchIcon from '@skbkontur/react-icons/Search';\r\nimport CardIcon from '@skbkontur/react-icons/Card';\r\nimport LinkIcon from '@skbkontur/react-icons/Link';\r\nimport OkIcon from '@skbkontur/react-icons/Ok';\r\nimport ErrorIcon from '@skbkontur/react-icons/Error';\r\nimport TrashIcon from '@skbkontur/react-icons/Trash';\r\nimport HelpDotIcon from '@skbkontur/react-icons/HelpDot';\r\n\r\nimport { Button, ButtonProps } from '../../components/Button';\r\nimport { Tabs } from '../../components/Tabs';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Link, LinkProps } from '../../components/Link';\r\nimport { Input, InputProps } from '../../components/Input';\r\nimport { Toggle } from '../../components/Toggle';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Tooltip } from '../../components/Tooltip';\r\nimport { Sticky } from '../../components/Sticky';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\n\r\nimport { ThemeType } from './constants';\r\nimport { TokenInputPlayground } from './TokenInputPlayground';\r\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\r\nimport { TogglePlayground } from './TogglePlayground';\r\nimport { SwitcherPlayground } from './SwitcherPlayground';\r\nimport { FxInputPlayground } from './FxInputPlayground';\r\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\r\nimport { SelectPlayground } from './SelectPlayground';\r\nimport { getComponentsFromPropsList } from './helpers';\r\nimport { CheckboxPlayground } from './CheckboxPlayground';\r\nimport { RadioPlayground } from './RadioPlayground';\r\nimport { PagingPlayground } from './PagingPlayground';\r\nimport { HintPlayground } from './HintPlayground';\r\nimport { ComponentsGroup } from './ComponentsGroup';\r\nimport { jsStyles } from './Playground.styles';\r\n\r\nconst useSticky = !isTestEnv;\r\n\r\nexport interface PlaygroundProps {\r\n  currentThemeType: ThemeType;\r\n  onThemeChange: (value: string) => void;\r\n  onEditLinkClick: () => void;\r\n}\r\n\r\nexport class Playground extends React.Component<PlaygroundProps, {}> {\r\n  private theme!: Theme;\r\n  private stopEl = React.createRef<HTMLDivElement>();\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  private renderMain() {\r\n    const wrapperClassName = cn(jsStyles.playground(), jsStyles.playgroundWrapper(this.theme));\r\n    return (\r\n      <div className={wrapperClassName}>\r\n        <Gapped vertical gap={50}>\r\n          {this.renderTabsGroup()}\r\n          {this.renderSizesGroup()}\r\n          {this.renderLinksGroup()}\r\n          {this.renderButtonsGroup()}\r\n          {this.renderInputsGroup()}\r\n          {this.renderOtherInputsGroup()}\r\n          {this.renderTokenInputsGroup()}\r\n          {this.renderSwitchersGroup()}\r\n          {this.renderControlsGroup()}\r\n        </Gapped>\r\n        {this.renderStickyStopElement()}\r\n        <Gapped vertical gap={50}>\r\n          {this.renderHintsGroup()}\r\n          {this.renderTooltip()}\r\n          {this.renderPaging()}\r\n        </Gapped>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderTabsGroup = () => {\r\n    return useSticky ? (\r\n      <Sticky side={'top'} getStop={this.getStickyStop}>\r\n        {this.renderTabs()}\r\n      </Sticky>\r\n    ) : (\r\n      this.renderTabs()\r\n    );\r\n  };\r\n\r\n  private renderTabs() {\r\n    const { currentThemeType, onThemeChange, onEditLinkClick } = this.props;\r\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault };\r\n    const tabsOuterWrapperClass = cn({\r\n      [jsStyles.tabsWrapper(this.theme)]: true,\r\n      [jsStyles.stickyTabsWrapper(this.theme)]: useSticky,\r\n    });\r\n\r\n    return (\r\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\r\n        <Gapped gap={40}>\r\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\r\n            <div className={jsStyles.tabsInnerWrapper(this.theme)}>\r\n              <Tabs.Tab id={ThemeType.Default}>Дефолтная</Tabs.Tab>\r\n              <Tabs.Tab id={ThemeType.Flat}>Плоская</Tabs.Tab>\r\n              <Tabs.Tab id={ThemeType.Dark}>Темная</Tabs.Tab>\r\n            </div>\r\n          </Tabs>\r\n          <Gapped>\r\n            <Toggle\r\n              checked={this.is8pxTheme}\r\n              onValueChange={this.toggle8pxTheme}\r\n              disabled={currentThemeType === ThemeType.Dark}\r\n            />\r\n            <span>8px</span>\r\n          </Gapped>\r\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\r\n        </Gapped>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private getCurrentTab = () => {\r\n    switch (this.props.currentThemeType) {\r\n      case ThemeType.Dark:\r\n        return ThemeType.Dark;\r\n      case ThemeType.Flat:\r\n      case ThemeType.Flat8px:\r\n        return ThemeType.Flat;\r\n      case ThemeType.Default:\r\n      case ThemeType.Default8px:\r\n      default:\r\n        return ThemeType.Default;\r\n    }\r\n  };\r\n\r\n  private get is8pxTheme(): boolean {\r\n    switch (this.props.currentThemeType) {\r\n      case ThemeType.Default8px:\r\n      case ThemeType.Flat8px:\r\n        return true;\r\n      default:\r\n        return false;\r\n    }\r\n  }\r\n\r\n  private toggle8pxTheme = (value: boolean) => {\r\n    const { currentThemeType, onThemeChange } = this.props;\r\n    switch (currentThemeType) {\r\n      case ThemeType.Default:\r\n        onThemeChange(ThemeType.Default8px);\r\n        break;\r\n      case ThemeType.Default8px:\r\n        onThemeChange(ThemeType.Default);\r\n        break;\r\n      case ThemeType.Flat:\r\n        onThemeChange(ThemeType.Flat8px);\r\n        break;\r\n      case ThemeType.Flat8px:\r\n        onThemeChange(ThemeType.Flat);\r\n        break;\r\n    }\r\n  };\r\n\r\n  private renderSizesGroup = () => {\r\n    const Group = ({ size }: { size: 'small' | 'medium' | 'large' }) => (\r\n      <Gapped wrap verticalAlign=\"middle\" gap={10}>\r\n        <SelectPlayground width={120} size={size} />\r\n        <Input rightIcon={<CardIcon />} placeholder={'Text value'} size={size} />\r\n        <Button width={120} size={size}>\r\n          Button\r\n        </Button>\r\n        <Button icon={<LinkIcon />} use={'link'} size={size}>\r\n          Button like a link\r\n        </Button>\r\n      </Gapped>\r\n    );\r\n\r\n    return (\r\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\r\n        <Group size={'small'} />\r\n        <Group size={'medium'} />\r\n        <Group size={'large'} />\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderLinksGroup = () => {\r\n    const propsList: LinkProps[] = [\r\n      { icon: <LinkIcon />, children: 'Enabled' },\r\n      { icon: <OkIcon />, use: 'success', children: 'Success' },\r\n      { icon: <ErrorIcon />, use: 'danger', children: 'Danger' },\r\n      { icon: <TrashIcon />, use: 'grayed', children: 'Grayed' },\r\n      { icon: <TrashIcon />, children: 'Disabled', disabled: true },\r\n    ];\r\n    return (\r\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\r\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\r\n          {getComponentsFromPropsList(<Link />, propsList)}\r\n        </Gapped>\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderButtonsGroup = () => {\r\n    const propsList: ButtonProps[] = [\r\n      { children: 'Default' },\r\n      { children: 'Primary', use: 'primary' },\r\n      { children: 'Danger', use: 'danger' },\r\n      { children: 'Pay', use: 'pay' },\r\n      { children: 'Disabled', disabled: true },\r\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\r\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\r\n      { children: 'Loading', size: 'medium', loading: true },\r\n    ];\r\n\r\n    return (\r\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\r\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderInputsGroup = () => {\r\n    const propsList: InputProps[] = [\r\n      { placeholder: 'Enabled' },\r\n      { placeholder: 'Error', error: true },\r\n      { placeholder: 'Warning', warning: true },\r\n      { placeholder: 'Disabled', disabled: true },\r\n    ];\r\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\r\n    return (\r\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\r\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchIcon />} />\r\n        <div>\r\n          <Gapped gap={10}>{fromProps}</Gapped>\r\n        </div>\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderTokenInputsGroup = () => {\r\n    return (\r\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\r\n        <TokenInputPlayground />\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderOtherInputsGroup = () => {\r\n    return (\r\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\r\n        <CurrencyInputPlayground />\r\n        <FxInputPlayground />\r\n        <DatePickerPlayground />\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderSwitchersGroup = () => {\r\n    return (\r\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\r\n        <SwitcherPlayground />\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderControlsGroup = () => {\r\n    return (\r\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\r\n        <Gapped verticalAlign={'top'} gap={60}>\r\n          <CheckboxPlayground />\r\n          <RadioPlayground />\r\n          <TogglePlayground />\r\n        </Gapped>\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderHintsGroup = () => {\r\n    return (\r\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\r\n        <HintPlayground />\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderTooltip = () => {\r\n    const tooltipContent = () => (\r\n      <div className={jsStyles.tooltipContent()}>\r\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\r\n      </div>\r\n    );\r\n    return (\r\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\r\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations={true}>\r\n          <Link icon={<HelpDotIcon />} />\r\n        </Tooltip>\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderPaging = () => {\r\n    return (\r\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\r\n        <PagingPlayground />\r\n      </ComponentsGroup>\r\n    );\r\n  };\r\n\r\n  private renderStickyStopElement = () => {\r\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\r\n  };\r\n\r\n  private getStickyStop = () => this.stopEl.current;\r\n}\r\n"]}
+{"version":3,"sources":["Playground.tsx"],"names":["React","cn","SearchIcon","CardIcon","LinkIcon","OkIcon","ErrorIcon","TrashIcon","HelpDotIcon","Button","Tabs","Gapped","Link","Input","Toggle","ThemeContext","Tooltip","Sticky","isTestEnv","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","SelectPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","jsStyles","useSticky","Playground","theme","stopEl","createRef","renderTabsGroup","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","Dark","Flat","Flat8px","Default","Default8px","toggle8pxTheme","value","onThemeChange","renderSizesGroup","Group","size","renderLinksGroup","propsList","icon","children","use","disabled","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","renderPaging","renderStickyStopElement","height","current","render","renderMain","wrapperClassName","playground","playgroundWrapper","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","tabsInnerWrapper","is8pxTheme","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport SearchIcon from '@skbkontur/react-icons/Search';\nimport CardIcon from '@skbkontur/react-icons/Card';\nimport LinkIcon from '@skbkontur/react-icons/Link';\nimport OkIcon from '@skbkontur/react-icons/Ok';\nimport ErrorIcon from '@skbkontur/react-icons/Error';\nimport TrashIcon from '@skbkontur/react-icons/Trash';\nimport HelpDotIcon from '@skbkontur/react-icons/HelpDot';\n\nimport { Button, ButtonProps } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport { Link, LinkProps } from '../../components/Link';\nimport { Input, InputProps } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { SelectPlayground } from './SelectPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { jsStyles } from './Playground.styles';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n  currentThemeType: ThemeType;\n  onThemeChange: (value: string) => void;\n  onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps, {}> {\n  private theme!: Theme;\n  private stopEl = React.createRef<HTMLDivElement>();\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  private renderMain() {\n    const wrapperClassName = cn(jsStyles.playground(), jsStyles.playgroundWrapper(this.theme));\n    return (\n      <div className={wrapperClassName}>\n        <Gapped vertical gap={50}>\n          {this.renderTabsGroup()}\n          {this.renderSizesGroup()}\n          {this.renderLinksGroup()}\n          {this.renderButtonsGroup()}\n          {this.renderInputsGroup()}\n          {this.renderOtherInputsGroup()}\n          {this.renderTokenInputsGroup()}\n          {this.renderSwitchersGroup()}\n          {this.renderControlsGroup()}\n        </Gapped>\n        {this.renderStickyStopElement()}\n        <Gapped vertical gap={50}>\n          {this.renderHintsGroup()}\n          {this.renderTooltip()}\n          {this.renderPaging()}\n        </Gapped>\n      </div>\n    );\n  }\n\n  private renderTabsGroup = () => {\n    return useSticky ? (\n      <Sticky side={'top'} getStop={this.getStickyStop}>\n        {this.renderTabs()}\n      </Sticky>\n    ) : (\n      this.renderTabs()\n    );\n  };\n\n  private renderTabs() {\n    const { currentThemeType, onThemeChange, onEditLinkClick } = this.props;\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault };\n    const tabsOuterWrapperClass = cn({\n      [jsStyles.tabsWrapper(this.theme)]: true,\n      [jsStyles.stickyTabsWrapper(this.theme)]: useSticky,\n    });\n\n    return (\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n        <Gapped gap={40}>\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n            <div className={jsStyles.tabsInnerWrapper(this.theme)}>\n              <Tabs.Tab id={ThemeType.Default}>Дефолтная</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.Flat}>Плоская</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.Dark}>Темная</Tabs.Tab>\n            </div>\n          </Tabs>\n          <Gapped>\n            <Toggle\n              checked={this.is8pxTheme}\n              onValueChange={this.toggle8pxTheme}\n              disabled={currentThemeType === ThemeType.Dark}\n            />\n            <span>8px</span>\n          </Gapped>\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\n        </Gapped>\n      </div>\n    );\n  }\n\n  private getCurrentTab = () => {\n    switch (this.props.currentThemeType) {\n      case ThemeType.Dark:\n        return ThemeType.Dark;\n      case ThemeType.Flat:\n      case ThemeType.Flat8px:\n        return ThemeType.Flat;\n      case ThemeType.Default:\n      case ThemeType.Default8px:\n      default:\n        return ThemeType.Default;\n    }\n  };\n\n  private get is8pxTheme(): boolean {\n    switch (this.props.currentThemeType) {\n      case ThemeType.Default8px:\n      case ThemeType.Flat8px:\n        return true;\n      default:\n        return false;\n    }\n  }\n\n  private toggle8pxTheme = (value: boolean) => {\n    const { currentThemeType, onThemeChange } = this.props;\n    switch (currentThemeType) {\n      case ThemeType.Default:\n        onThemeChange(ThemeType.Default8px);\n        break;\n      case ThemeType.Default8px:\n        onThemeChange(ThemeType.Default);\n        break;\n      case ThemeType.Flat:\n        onThemeChange(ThemeType.Flat8px);\n        break;\n      case ThemeType.Flat8px:\n        onThemeChange(ThemeType.Flat);\n        break;\n    }\n  };\n\n  private renderSizesGroup = () => {\n    const Group = ({ size }: { size: 'small' | 'medium' | 'large' }) => (\n      <Gapped wrap verticalAlign=\"middle\" gap={10}>\n        <SelectPlayground width={120} size={size} />\n        <Input rightIcon={<CardIcon />} placeholder={'Text value'} size={size} />\n        <Button width={120} size={size}>\n          Button\n        </Button>\n        <Button icon={<LinkIcon />} use={'link'} size={size}>\n          Button like a link\n        </Button>\n      </Gapped>\n    );\n\n    return (\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\n        <Group size={'small'} />\n        <Group size={'medium'} />\n        <Group size={'large'} />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderLinksGroup = () => {\n    const propsList: LinkProps[] = [\n      { icon: <LinkIcon />, children: 'Enabled' },\n      { icon: <OkIcon />, use: 'success', children: 'Success' },\n      { icon: <ErrorIcon />, use: 'danger', children: 'Danger' },\n      { icon: <TrashIcon />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashIcon />, children: 'Disabled', disabled: true },\n    ];\n    return (\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {getComponentsFromPropsList(<Link />, propsList)}\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderButtonsGroup = () => {\n    const propsList: ButtonProps[] = [\n      { children: 'Default' },\n      { children: 'Primary', use: 'primary' },\n      { children: 'Danger', use: 'danger' },\n      { children: 'Pay', use: 'pay' },\n      { children: 'Disabled', disabled: true },\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n      { children: 'Loading', size: 'medium', loading: true },\n    ];\n\n    return (\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n      </ComponentsGroup>\n    );\n  };\n\n  private renderInputsGroup = () => {\n    const propsList: InputProps[] = [\n      { placeholder: 'Enabled' },\n      { placeholder: 'Error', error: true },\n      { placeholder: 'Warning', warning: true },\n      { placeholder: 'Disabled', disabled: true },\n    ];\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n    return (\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchIcon />} />\n        <div>\n          <Gapped gap={10}>{fromProps}</Gapped>\n        </div>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTokenInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n        <TokenInputPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderOtherInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n        <CurrencyInputPlayground />\n        <FxInputPlayground />\n        <DatePickerPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderSwitchersGroup = () => {\n    return (\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n        <SwitcherPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderControlsGroup = () => {\n    return (\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n        <Gapped verticalAlign={'top'} gap={60}>\n          <CheckboxPlayground />\n          <RadioPlayground />\n          <TogglePlayground />\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderHintsGroup = () => {\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <HintPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTooltip = () => {\n    const tooltipContent = () => (\n      <div className={jsStyles.tooltipContent()}>\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n      </div>\n    );\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations={true}>\n          <Link icon={<HelpDotIcon />} />\n        </Tooltip>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderPaging = () => {\n    return (\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n        <PagingPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderStickyStopElement = () => {\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\n  };\n\n  private getStickyStop = () => this.stopEl.current;\n}\n"]}

package/internal/ThemePlayground/Playground.md

@@ -1,7 +1,7 @@
-Разные варианты стилизации компонентов:
-
-```jsx harmony
-import { ThemeContextPlayground } from './ThemeContextPlayground';
-
-<ThemeContextPlayground />;
-```
+Разные варианты стилизации компонентов:
+
+```jsx harmony
+import { ThemeContextPlayground } from './ThemeContextPlayground';
+
+<ThemeContextPlayground />;
+```

package/internal/ThemePlayground/Playground.styles/Playground.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Playground.styles.ts"],"names":["css","memoizeStyle","styles","playground","title","t","textColorDefault","componentsGroup","sidePageBody","variable","borderColorFocus","variableName","deprecated","colorIcon","baseLinkWrapper","linkRoot","baseVariableRoot","loaderWrapper","loader","tabsWrapper","tooltipContent","stickyTabsWrapper","tabsInnerWrapper","playgroundWrapper","bgDefault","editorHeaderWrapper","editorGroupHeader","jsStyles"],"mappings":"m9IAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,UADa,wBACA;AACX,WAAOH,GAAP;;;;AAID,GANY;;AAQbI,EAAAA,KARa,iBAQPC,CARO,EAQG;AACd,WAAOL,GAAP;;AAEWK,IAAAA,CAAC,CAACC,gBAFb;;AAID,GAbY;;AAebC,EAAAA,eAfa,2BAeGF,CAfH,EAea;AACxB,WAAOL,GAAP;;AAEWK,IAAAA,CAAC,CAACC,gBAFb;;AAID,GApBY;;AAsBbE,EAAAA,YAtBa,0BAsBE;AACb,WAAOR,GAAP;;;AAGD,GA1BY;;AA4BbS,EAAAA,QA5Ba,oBA4BJJ,CA5BI,EA4BM;AACjB,WAAOL,GAAP;;;;;;AAMyBK,IAAAA,CAAC,CAACK,gBAN3B;;;;AAUD,GAvCY;;AAyCbC,EAAAA,YAzCa,wBAyCAN,CAzCA,EAyCU;AACrB,WAAOL,GAAP;;;;;;;;AAQWK,IAAAA,CAAC,CAACC,gBARb;;;AAWD,GArDY;;AAuDbM,EAAAA,UAvDa,wBAuDA;AACX,WAAOZ,GAAP;;;AAGD,GA3DY;;AA6Dba,EAAAA,SA7Da,uBA6DD;AACV,WAAOb,GAAP;;;;AAID,GAlEY;;AAoEbc,EAAAA,eApEa,6BAoEK;AAChB,WAAOd,GAAP;;;AAGD,GAxEY;;AA0Ebe,EAAAA,QA1Ea,sBA0EF;AACT,WAAOf,GAAP;;;;AAID,GA/EY;;AAiFbgB,EAAAA,gBAjFa,8BAiFM;AACjB,WAAOhB,GAAP;;;;;;;AAOD,GAzFY;;AA2FbiB,EAAAA,aA3Fa,2BA2FG;AACd,WAAOjB,GAAP;;;AAGD,GA/FY;;AAiGbkB,EAAAA,MAjGa,oBAiGJ;AACP,WAAOlB,GAAP;;;;AAID,GAtGY;;AAwGbmB,EAAAA,WAxGa,uBAwGDd,CAxGC,EAwGS;AACpB,WAAOL,GAAP;;;;AAIWK,IAAAA,CAAC,CAACC,gBAJb;;;;;;;;;;;;AAgBD,GAzHY;;AA2Hbc,EAAAA,cA3Ha,4BA2HI;AACf,WAAOpB,GAAP;;;AAGD,GA/HY;;AAiIbqB,EAAAA,iBAjIa,6BAiIKhB,CAjIL,EAiIe;AAC1B,WAAOL,GAAP;;AAEiCK,IAAAA,CAAC,CAACC,gBAFnC;;;AAKD,GAvIY;AAwIbgB,EAAAA,gBAxIa,4BAwIIjB,CAxIJ,EAwIc;AACzB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;AAGD,GA5IY;AA6IbiB,EAAAA,iBA7Ia,6BA6IKlB,CA7IL,EA6Ie;AAC1B,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACmB,SADlB;;AAGD,GAjJY;AAkJbC,EAAAA,mBAlJa,+BAkJOpB,CAlJP,EAkJiB;AAC5B,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;AAGD,GAtJY;AAuJboB,EAAAA,iBAvJa,6BAuJKrB,CAvJL,EAuJe;AAC1B,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;AAGD,GA3JY,EAAf;;;AA8JA,OAAO,IAAMqB,QAAQ,GAAG1B,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  playground() {\r\n    return css`\r\n      margin: -16px;\r\n      padding: 32px;\r\n    `;\r\n  },\r\n\r\n  title(t: Theme) {\r\n    return css`\r\n      width: 110px;\r\n      color: ${t.textColorDefault};\r\n    `;\r\n  },\r\n\r\n  componentsGroup(t: Theme) {\r\n    return css`\r\n      max-width: 700px;\r\n      color: ${t.textColorDefault};\r\n    `;\r\n  },\r\n\r\n  sidePageBody() {\r\n    return css`\r\n      padding: 0 30px 30px;\r\n    `;\r\n  },\r\n\r\n  variable(t: Theme) {\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n      margin-bottom: 16px;\r\n\r\n      &:focus {\r\n        outline: 1px solid ${t.borderColorFocus};\r\n        outline-offset: 8px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  variableName(t: Theme) {\r\n    return css`\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      width: 250px;\r\n      position: relative;\r\n      z-index: 1;\r\n      line-height: 34px;\r\n      color: ${t.textColorDefault};\r\n      flex: 1 1 auto;\r\n    `;\r\n  },\r\n\r\n  deprecated() {\r\n    return css`\r\n      text-decoration: line-through;\r\n    `;\r\n  },\r\n\r\n  colorIcon() {\r\n    return css`\r\n      height: 16px;\r\n      width: 16px;\r\n    `;\r\n  },\r\n\r\n  baseLinkWrapper() {\r\n    return css`\r\n      margin-left: auto;\r\n    `;\r\n  },\r\n\r\n  linkRoot() {\r\n    return css`\r\n      position: relative;\r\n      z-index: 1;\r\n    `;\r\n  },\r\n\r\n  baseVariableRoot() {\r\n    return css`\r\n      position: relative;\r\n      z-index: 1;\r\n      padding-left: 10px;\r\n      width: 240px;\r\n      display: flex;\r\n    `;\r\n  },\r\n\r\n  loaderWrapper() {\r\n    return css`\r\n      width: 500px;\r\n    `;\r\n  },\r\n\r\n  loader() {\r\n    return css`\r\n      height: 300px;\r\n      margin: auto;\r\n    `;\r\n  },\r\n\r\n  tabsWrapper(t: Theme) {\r\n    return css`\r\n      margin: 0 -32px;\r\n      padding: 11px 32px;\r\n      position: relative;\r\n      color: ${t.textColorDefault};\r\n\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        height: 1px;\r\n        width: 100%;\r\n        z-index: -1;\r\n      }\r\n    `;\r\n  },\r\n\r\n  tooltipContent() {\r\n    return css`\r\n      width: 210px;\r\n    `;\r\n  },\r\n\r\n  stickyTabsWrapper(t: Theme) {\r\n    return css`\r\n      &:after {\r\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\r\n      }\r\n    `;\r\n  },\r\n  tabsInnerWrapper(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDefault};\r\n    `;\r\n  },\r\n  playgroundWrapper(t: Theme) {\r\n    return css`\r\n      background: ${t.bgDefault};\r\n    `;\r\n  },\r\n  editorHeaderWrapper(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDefault};\r\n    `;\r\n  },\r\n  editorGroupHeader(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDefault};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Playground.styles.ts"],"names":["css","memoizeStyle","styles","playground","title","t","textColorDefault","componentsGroup","sidePageBody","variable","borderColorFocus","variableName","deprecated","colorIcon","baseLinkWrapper","linkRoot","baseVariableRoot","loaderWrapper","loader","tabsWrapper","tooltipContent","stickyTabsWrapper","tabsInnerWrapper","playgroundWrapper","bgDefault","editorHeaderWrapper","editorGroupHeader","jsStyles"],"mappings":"m9IAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,UADa,wBACA;AACX,WAAOH,GAAP;;;;AAID,GANY;;AAQbI,EAAAA,KARa,iBAQPC,CARO,EAQG;AACd,WAAOL,GAAP;;AAEWK,IAAAA,CAAC,CAACC,gBAFb;;AAID,GAbY;;AAebC,EAAAA,eAfa,2BAeGF,CAfH,EAea;AACxB,WAAOL,GAAP;;AAEWK,IAAAA,CAAC,CAACC,gBAFb;;AAID,GApBY;;AAsBbE,EAAAA,YAtBa,0BAsBE;AACb,WAAOR,GAAP;;;AAGD,GA1BY;;AA4BbS,EAAAA,QA5Ba,oBA4BJJ,CA5BI,EA4BM;AACjB,WAAOL,GAAP;;;;;;AAMyBK,IAAAA,CAAC,CAACK,gBAN3B;;;;AAUD,GAvCY;;AAyCbC,EAAAA,YAzCa,wBAyCAN,CAzCA,EAyCU;AACrB,WAAOL,GAAP;;;;;;;;AAQWK,IAAAA,CAAC,CAACC,gBARb;;;AAWD,GArDY;;AAuDbM,EAAAA,UAvDa,wBAuDA;AACX,WAAOZ,GAAP;;;AAGD,GA3DY;;AA6Dba,EAAAA,SA7Da,uBA6DD;AACV,WAAOb,GAAP;;;;AAID,GAlEY;;AAoEbc,EAAAA,eApEa,6BAoEK;AAChB,WAAOd,GAAP;;;AAGD,GAxEY;;AA0Ebe,EAAAA,QA1Ea,sBA0EF;AACT,WAAOf,GAAP;;;;AAID,GA/EY;;AAiFbgB,EAAAA,gBAjFa,8BAiFM;AACjB,WAAOhB,GAAP;;;;;;;AAOD,GAzFY;;AA2FbiB,EAAAA,aA3Fa,2BA2FG;AACd,WAAOjB,GAAP;;;AAGD,GA/FY;;AAiGbkB,EAAAA,MAjGa,oBAiGJ;AACP,WAAOlB,GAAP;;;;AAID,GAtGY;;AAwGbmB,EAAAA,WAxGa,uBAwGDd,CAxGC,EAwGS;AACpB,WAAOL,GAAP;;;;AAIWK,IAAAA,CAAC,CAACC,gBAJb;;;;;;;;;;;;AAgBD,GAzHY;;AA2Hbc,EAAAA,cA3Ha,4BA2HI;AACf,WAAOpB,GAAP;;;AAGD,GA/HY;;AAiIbqB,EAAAA,iBAjIa,6BAiIKhB,CAjIL,EAiIe;AAC1B,WAAOL,GAAP;;AAEiCK,IAAAA,CAAC,CAACC,gBAFnC;;;AAKD,GAvIY;AAwIbgB,EAAAA,gBAxIa,4BAwIIjB,CAxIJ,EAwIc;AACzB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;AAGD,GA5IY;AA6IbiB,EAAAA,iBA7Ia,6BA6IKlB,CA7IL,EA6Ie;AAC1B,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACmB,SADlB;;AAGD,GAjJY;AAkJbC,EAAAA,mBAlJa,+BAkJOpB,CAlJP,EAkJiB;AAC5B,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;AAGD,GAtJY;AAuJboB,EAAAA,iBAvJa,6BAuJKrB,CAvJL,EAuJe;AAC1B,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACC,gBADb;;AAGD,GA3JY,EAAf;;;AA8JA,OAAO,IAAMqB,QAAQ,GAAG1B,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  playground() {\n    return css`\n      margin: -16px;\n      padding: 32px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      padding-left: 10px;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      margin: 0 -32px;\n      padding: 11px 32px;\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/internal/ThemePlayground/RadioPlayground/RadioPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioPlayground.tsx"],"names":["React","Gapped","Radio","ThemeContext","is8pxTheme","getComponentsFromPropsList","propsList","value","children","checked","disabled","focused","error","warning","RadioPlayground","theme","useContext","gap"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,KAAT,QAAkC,wBAAlC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,gCAA3B;;AAEA,SAASC,0BAAT,QAA2C,WAA3C;;AAEA,IAAMC,SAA+B,GAAG;AACtC,EAAEC,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAAkCC,OAAO,EAAE,KAA3C,EADsC;AAEtC,EAAEF,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAFsC;AAGtC,EAAED,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,UAAvB,EAAmCE,QAAQ,EAAE,IAA7C,EAHsC;AAItC,EAAEH,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAAkCG,OAAO,EAAE,IAA3C,EAJsC;AAKtC,EAAEJ,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,OAAvB,EAAgCI,KAAK,EAAE,IAAvC,EALsC;AAMtC,EAAEL,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAAkCK,OAAO,EAAE,IAA3C,EANsC,CAAxC;;;AASA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AACnC,MAAMC,KAAK,GAAGf,KAAK,CAACgB,UAAN,CAAiBb,YAAjB,CAAd;AACA,MAAMc,GAAG,GAAGb,UAAU,CAACW,KAAD,CAAV,GAAoB,CAApB,GAAwB,EAApC;AACA;AACE,wBAAC,MAAD,IAAQ,GAAG,EAAEE,GAAb,EAAkB,QAAQ,MAA1B;AACGZ,IAAAA,0BAA0B,eAAC,oBAAC,KAAD,IAAO,KAAK,EAAE,EAAd,EAAkB,OAAO,MAAzB,GAAD,EAA+BC,SAA/B,CAD7B,CADF;;;AAKD,CARM","sourcesContent":["import React from 'react';\r\n\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Radio, RadioProps } from '../../components/Radio';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nimport { getComponentsFromPropsList } from './helpers';\r\n\r\nconst propsList: RadioProps<string>[] = [\r\n  { value: '', children: 'Default', checked: false },\r\n  { value: '', children: 'Checked' },\r\n  { value: '', children: 'Disabled', disabled: true },\r\n  { value: '', children: 'Focused', focused: true },\r\n  { value: '', children: 'Error', error: true },\r\n  { value: '', children: 'Warning', warning: true },\r\n];\r\n\r\nexport const RadioPlayground = () => {\r\n  const theme = React.useContext(ThemeContext);\r\n  const gap = is8pxTheme(theme) ? 0 : 10;\r\n  return (\r\n    <Gapped gap={gap} vertical>\r\n      {getComponentsFromPropsList(<Radio value={''} checked />, propsList)}\r\n    </Gapped>\r\n  );\r\n};\r\n"]}
+{"version":3,"sources":["RadioPlayground.tsx"],"names":["React","Gapped","Radio","ThemeContext","is8pxTheme","getComponentsFromPropsList","propsList","value","children","checked","disabled","focused","error","warning","RadioPlayground","theme","useContext","gap"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,KAAT,QAAkC,wBAAlC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,gCAA3B;;AAEA,SAASC,0BAAT,QAA2C,WAA3C;;AAEA,IAAMC,SAA+B,GAAG;AACtC,EAAEC,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAAkCC,OAAO,EAAE,KAA3C,EADsC;AAEtC,EAAEF,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAFsC;AAGtC,EAAED,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,UAAvB,EAAmCE,QAAQ,EAAE,IAA7C,EAHsC;AAItC,EAAEH,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAAkCG,OAAO,EAAE,IAA3C,EAJsC;AAKtC,EAAEJ,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,OAAvB,EAAgCI,KAAK,EAAE,IAAvC,EALsC;AAMtC,EAAEL,KAAK,EAAE,EAAT,EAAaC,QAAQ,EAAE,SAAvB,EAAkCK,OAAO,EAAE,IAA3C,EANsC,CAAxC;;;AASA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AACnC,MAAMC,KAAK,GAAGf,KAAK,CAACgB,UAAN,CAAiBb,YAAjB,CAAd;AACA,MAAMc,GAAG,GAAGb,UAAU,CAACW,KAAD,CAAV,GAAoB,CAApB,GAAwB,EAApC;AACA;AACE,wBAAC,MAAD,IAAQ,GAAG,EAAEE,GAAb,EAAkB,QAAQ,MAA1B;AACGZ,IAAAA,0BAA0B,eAAC,oBAAC,KAAD,IAAO,KAAK,EAAE,EAAd,EAAkB,OAAO,MAAzB,GAAD,EAA+BC,SAA/B,CAD7B,CADF;;;AAKD,CARM","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Radio, RadioProps } from '../../components/Radio';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\n\nimport { getComponentsFromPropsList } from './helpers';\n\nconst propsList: RadioProps<string>[] = [\n  { value: '', children: 'Default', checked: false },\n  { value: '', children: 'Checked' },\n  { value: '', children: 'Disabled', disabled: true },\n  { value: '', children: 'Focused', focused: true },\n  { value: '', children: 'Error', error: true },\n  { value: '', children: 'Warning', warning: true },\n];\n\nexport const RadioPlayground = () => {\n  const theme = React.useContext(ThemeContext);\n  const gap = is8pxTheme(theme) ? 0 : 10;\n  return (\n    <Gapped gap={gap} vertical>\n      {getComponentsFromPropsList(<Radio value={''} checked />, propsList)}\n    </Gapped>\n  );\n};\n"]}

package/internal/ThemePlayground/SelectPlayground/SelectPlayground.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SelectPlayground.tsx"],"names":["React","Select","SelectPlayground","state","value","capitalize","props","size","selectItems","handleChange","setState","render","Component","input","charAt","toUpperCase","slice"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAoC,yBAApC;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,KAAK,EAAEC,UAAU,CAAC,MAAKC,KAAL,CAAWC,IAAZ,CADJ,EADjB;;AAImBC,IAAAA,WAJnB,GAIiC,CAAC,OAAD,EAAU,QAAV,EAAoB,OAApB,CAJjC;;;;;;;;;;;;;AAiBUC,IAAAA,YAjBV,GAiByB,UAACL,KAAD,EAAmB;AACxC,YAAKM,QAAL,CAAc;AACZN,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,KArBH,8DAMSO,MANT,GAME,kBAAgB,CACd,oBACE,oBAAC,MAAD,eACM,KAAKL,KADX,IAEE,KAAK,EAAE,KAAKH,KAAL,CAAWC,KAFpB,EAGE,KAAK,EAAE,KAAKI,WAHd,EAIE,aAAa,EAAE,KAAKC,YAJtB,IADF,CAQD,CAfH,2BAAsCT,KAAK,CAACY,SAA5C;;;AAwBA,IAAMP,UAAU,GAAG,SAAbA,UAAa,CAACQ,KAAD,EAAwB,KAAvBA,KAAuB,cAAvBA,KAAuB,GAAf,EAAe;AACzC,SAAOA,KAAK,CAACC,MAAN,CAAa,CAAb,EAAgBC,WAAhB,KAAgCF,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAvC;AACD,CAFD","sourcesContent":["import React from 'react';\r\n\r\nimport { Select, SelectProps } from '../../components/Select';\r\n\r\nexport class SelectPlayground extends React.Component<SelectProps<string, string>, { value: string | undefined }> {\r\n  public state = {\r\n    value: capitalize(this.props.size),\r\n  };\r\n  private readonly selectItems = ['Small', 'Medium', 'Large'];\r\n\r\n  public render() {\r\n    return (\r\n      <Select<string, string>\r\n        {...this.props}\r\n        value={this.state.value}\r\n        items={this.selectItems}\r\n        onValueChange={this.handleChange}\r\n      />\r\n    );\r\n  }\r\n\r\n  private handleChange = (value: string) => {\r\n    this.setState({\r\n      value,\r\n    });\r\n  };\r\n}\r\n\r\nconst capitalize = (input = ''): string => {\r\n  return input.charAt(0).toUpperCase() + input.slice(1);\r\n};\r\n"]}
+{"version":3,"sources":["SelectPlayground.tsx"],"names":["React","Select","SelectPlayground","state","value","capitalize","props","size","selectItems","handleChange","setState","render","Component","input","charAt","toUpperCase","slice"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,MAAT,QAAoC,yBAApC;;AAEA,WAAaC,gBAAb;AACSC,IAAAA,KADT,GACiB;AACbC,MAAAA,KAAK,EAAEC,UAAU,CAAC,MAAKC,KAAL,CAAWC,IAAZ,CADJ,EADjB;;AAImBC,IAAAA,WAJnB,GAIiC,CAAC,OAAD,EAAU,QAAV,EAAoB,OAApB,CAJjC;;;;;;;;;;;;;AAiBUC,IAAAA,YAjBV,GAiByB,UAACL,KAAD,EAAmB;AACxC,YAAKM,QAAL,CAAc;AACZN,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,KArBH,8DAMSO,MANT,GAME,kBAAgB,CACd,oBACE,oBAAC,MAAD,eACM,KAAKL,KADX,IAEE,KAAK,EAAE,KAAKH,KAAL,CAAWC,KAFpB,EAGE,KAAK,EAAE,KAAKI,WAHd,EAIE,aAAa,EAAE,KAAKC,YAJtB,IADF,CAQD,CAfH,2BAAsCT,KAAK,CAACY,SAA5C;;;AAwBA,IAAMP,UAAU,GAAG,SAAbA,UAAa,CAACQ,KAAD,EAAwB,KAAvBA,KAAuB,cAAvBA,KAAuB,GAAf,EAAe;AACzC,SAAOA,KAAK,CAACC,MAAN,CAAa,CAAb,EAAgBC,WAAhB,KAAgCF,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAvC;AACD,CAFD","sourcesContent":["import React from 'react';\n\nimport { Select, SelectProps } from '../../components/Select';\n\nexport class SelectPlayground extends React.Component<SelectProps<string, string>, { value: string | undefined }> {\n  public state = {\n    value: capitalize(this.props.size),\n  };\n  private readonly selectItems = ['Small', 'Medium', 'Large'];\n\n  public render() {\n    return (\n      <Select<string, string>\n        {...this.props}\n        value={this.state.value}\n        items={this.selectItems}\n        onValueChange={this.handleChange}\n      />\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n}\n\nconst capitalize = (input = ''): string => {\n  return input.charAt(0).toUpperCase() + input.slice(1);\n};\n"]}

package/internal/ThemePlayground/ShowcaseGroup/ShowcaseGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShowcaseGroup.tsx"],"names":["React","Checkbox","Gapped","Button","Input","Toggle","Radio","ShowcaseGroup","props","title"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,KAAT,QAAsB,wBAAtB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,KAAT,QAAsB,wBAAtB;;;;;AAKA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAC3B;AACGA,IAAAA,KAAK,CAACC,KAAN,iBAAe,gCAAKD,KAAK,CAACC,KAAX,CADlB;AAEE,wBAAC,MAAD,IAAQ,GAAG,EAAE,EAAb;AACE,wBAAC,MAAD,iBADF;AAEE,wBAAC,KAAD,OAFF;AAGE,wBAAC,MAAD,OAHF;AAIE,wBAAC,KAAD,IAAO,KAAK,EAAE,EAAd,EAAkB,OAAO,MAAzB,YAJF;;;AAOE,wBAAC,QAAD,IAAU,OAAO,MAAjB,eAPF,CAFF,CAD2B,GAAtB","sourcesContent":["import React from 'react';\r\n\r\nimport { Checkbox } from '../../components/Checkbox';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Button } from '../../components/Button';\r\nimport { Input } from '../../components/Input';\r\nimport { Toggle } from '../../components/Toggle';\r\nimport { Radio } from '../../components/Radio';\r\n\r\ninterface ShowcaseGroupProps {\r\n  title?: string;\r\n}\r\nexport const ShowcaseGroup = (props: ShowcaseGroupProps) => (\r\n  <div>\r\n    {props.title && <h2>{props.title}</h2>}\r\n    <Gapped gap={10}>\r\n      <Button>Button</Button>\r\n      <Input />\r\n      <Toggle />\r\n      <Radio value={''} checked>\r\n        Radio\r\n      </Radio>\r\n      <Checkbox checked>Checkbox</Checkbox>\r\n    </Gapped>\r\n  </div>\r\n);\r\n"]}
+{"version":3,"sources":["ShowcaseGroup.tsx"],"names":["React","Checkbox","Gapped","Button","Input","Toggle","Radio","ShowcaseGroup","props","title"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,2BAAzB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,KAAT,QAAsB,wBAAtB;AACA,SAASC,MAAT,QAAuB,yBAAvB;AACA,SAASC,KAAT,QAAsB,wBAAtB;;;;;AAKA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAC3B;AACGA,IAAAA,KAAK,CAACC,KAAN,iBAAe,gCAAKD,KAAK,CAACC,KAAX,CADlB;AAEE,wBAAC,MAAD,IAAQ,GAAG,EAAE,EAAb;AACE,wBAAC,MAAD,iBADF;AAEE,wBAAC,KAAD,OAFF;AAGE,wBAAC,MAAD,OAHF;AAIE,wBAAC,KAAD,IAAO,KAAK,EAAE,EAAd,EAAkB,OAAO,MAAzB,YAJF;;;AAOE,wBAAC,QAAD,IAAU,OAAO,MAAjB,eAPF,CAFF,CAD2B,GAAtB","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Input } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { Radio } from '../../components/Radio';\n\ninterface ShowcaseGroupProps {\n  title?: string;\n}\nexport const ShowcaseGroup = (props: ShowcaseGroupProps) => (\n  <div>\n    {props.title && <h2>{props.title}</h2>}\n    <Gapped gap={10}>\n      <Button>Button</Button>\n      <Input />\n      <Toggle />\n      <Radio value={''} checked>\n        Radio\n      </Radio>\n      <Checkbox checked>Checkbox</Checkbox>\n    </Gapped>\n  </div>\n);\n"]}