@skbkontur/react-ui 0.0.0-ecefada396 → 0.0.0-ee57da3e1e

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

@@ -1 +1 @@
-{"version":3,"sources":["RenderLayer.tsx"],"names":["RenderLayer","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getDomNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","React","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"]}
+{"version":3,"sources":["RenderLayer.tsx"],"names":["RenderLayer","rootNode","getProps","defaultProps","focusOutsideListenerToken","handleFocusOutside","event","props","onFocusOutside","handleNativeDocClick","target","srcElement","node","getAnchorNode","Element","onClickOutside","componentDidMount","active","attachListeners","componentDidUpdate","prevProps","detachListeners","componentWillUnmount","render","setRootNode","React","Children","only","children","getAnchorElement","window","addEventListener","document","documentElement","remove","removeEventListener","Component","__KONTUR_REACT_UI__","propTypes","propName","componentName","Error"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { listen as listenFocusOutside, containsTargetOrRenderContainer } from '../../lib/listenFocusOutside';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { Nullable } from '../../typings/utility-types';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface RenderLayerProps extends CommonProps {\n  children: JSX.Element;\n  onClickOutside?: (e: Event) => void;\n  onFocusOutside?: (e: Event) => void;\n  active?: boolean;\n  getAnchorElement?: () => Nullable<Element>;\n}\n\ntype DefaultProps = Required<Pick<RenderLayerProps, 'active'>>;\n\n@rootNode\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: DefaultProps = {\n    active: true,\n  };\n\n  private getProps = createPropsGetter(RenderLayer.defaultProps);\n\n  private focusOutsideListenerToken: {\n    remove: () => void;\n  } | null = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.getProps().active) {\n      this.attachListeners();\n    }\n  }\n\n  public componentDidUpdate(prevProps: RenderLayerProps) {\n    const active = this.getProps().active;\n    if (!prevProps.active && active) {\n      this.attachListeners();\n    }\n    if (prevProps.active && !active) {\n      this.detachListeners();\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.getProps().active) {\n      this.detachListeners();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {React.Children.only(this.props.children)}\n      </CommonWrapper>\n    );\n  }\n\n  private getAnchorNode(): Nullable<Element> {\n    const { getAnchorElement } = this.props;\n    return getAnchorElement ? getAnchorElement() : getRootNode(this);\n  }\n\n  private attachListeners() {\n    const node = this.getAnchorNode();\n    if (!node) {\n      return;\n    }\n\n    this.focusOutsideListenerToken = listenFocusOutside(() => [node], this.handleFocusOutside);\n    window.addEventListener('blur', this.handleFocusOutside);\n    document.addEventListener(\n      'ontouchstart' in document.documentElement && 'onpointerup' in document.documentElement\n        ? 'pointerup'\n        : '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 && 'onpointerup' in document.documentElement\n        ? 'pointerup'\n        : 'mousedown',\n      this.handleNativeDocClick,\n    );\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.getAnchorNode();\n\n    if (!node || (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/cjs/internal/TextWidthHelper/TextWidthHelper.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface TextWidthHelperProps {
+    text?: string;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}
+export {};

package/cjs/internal/TextWidthHelper/TextWidthHelper.js

@@ -0,0 +1,36 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TextWidthHelper = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _getDOMRect = require("../../lib/dom/getDOMRect");
+
+var _TextWidthHelper = require("./TextWidthHelper.styles");
+
+var THIN_SPACE = "\u2009";
+
+
+
+
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */var
+TextWidthHelper = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TextWidthHelper, _React$Component);function TextWidthHelper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+    element = null;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    elementRef = function (node) {return _this.element = node;};return _this;}var _proto = TextWidthHelper.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement("div", { className: _TextWidthHelper.jsStyles.root() }, /*#__PURE__*/_react.default.createElement("div", { className: _TextWidthHelper.jsStyles.textContainer(), ref: this.elementRef }, this.props.text || THIN_SPACE));};_proto.getTextWidth = function getTextWidth() {return (0, _getDOMRect.getDOMRect)(this.element).width;};_proto.getTextHeight = function getTextHeight() {return (0, _getDOMRect.getDOMRect)(this.element).height;};return TextWidthHelper;}(_react.default.Component);exports.TextWidthHelper = TextWidthHelper;

package/cjs/internal/TextWidthHelper/TextWidthHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.tsx"],"names":["THIN_SPACE","TextWidthHelper","element","elementRef","node","render","jsStyles","root","textContainer","props","text","getTextWidth","width","getTextHeight","height","React","Component"],"mappings":"2PAAA;;AAEA;;AAEA;;AAEA,IAAMA,UAAU,GAAG,QAAnB;;;;;AAKA;AACA;AACA,G;AACaC,e;AACHC,IAAAA,O,GAAiC,I;;;;;;;;;;;;;;;;;;;;AAoBjCC,IAAAA,U,GAAa,UAACC,IAAD,UAA2B,MAAKF,OAAL,GAAeE,IAA1C,E,6DAlBdC,M,GAAP,kBAAgB,CACd,oBACE,sCAAK,SAAS,EAAEC,0BAASC,IAAT,EAAhB,iBACE,sCAAK,SAAS,EAAED,0BAASE,aAAT,EAAhB,EAA0C,GAAG,EAAE,KAAKL,UAApD,IACG,KAAKM,KAAL,CAAWC,IAAX,IAAmBV,UADtB,CADF,CADF,CAOD,C,QAEMW,Y,GAAP,wBAA8B,CAC5B,OAAO,4BAAW,KAAKT,OAAhB,EAAyBU,KAAhC,CACD,C,QAEMC,a,GAAP,yBAA+B,CAC7B,OAAO,4BAAW,KAAKX,OAAhB,EAAyBY,MAAhC,CACD,C,0BAnBkCC,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { jsStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <div className={jsStyles.root()}>\n        <div className={jsStyles.textContainer()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </div>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"]}

package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const jsStyles: {
+    root(): string;
+    textContainer(): string;
+};

package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.js

@@ -0,0 +1,23 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+
+var styles = {
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
+
+
+
+
+
+
+
+
+  },
+  textContainer: function textContainer() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+
+
+
+  } };
+
+
+var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextWidthHelper.styles.ts"],"names":["styles","root","css","textContainer","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;;;;;;AASD,GAXY;AAYbC,EAAAA,aAZa,2BAYG;AACd,eAAOD,YAAP;;;;AAID,GAjBY,EAAf;;;AAoBO,IAAME,QAAQ,GAAG,2BAAaJ,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { DatePickerProps } from '../../components/DatePicker';
+interface DatePickerPlaygroundState {
+    value: Nullable<string>;
+    error: boolean;
+    tooltip: boolean;
+}
+declare type DatePickerPlaygroundProps = Partial<DatePickerProps>;
+export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
+    state: DatePickerPlaygroundState;
+    render(): JSX.Element;
+    private handleChange;
+    private invalidate;
+    private validate;
+    private removeTooltip;
+}
+export {};

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js

@@ -0,0 +1,67 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DatePickerPlayground = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+
+var _Tooltip = require("../../components/Tooltip");
+var _DatePicker = require("../../components/DatePicker");var
+
+
+
+
+
+
+
+DatePickerPlayground = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DatePickerPlayground, _React$Component);function DatePickerPlayground() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+    state = {
+      value: '17.06.2019',
+      error: false,
+      tooltip: false };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    handleChange = function (value) {
+      _this.setState({
+        value: value });
+
+    };_this.
+
+    invalidate = function () {
+      _this.setState({ error: false, tooltip: false });
+    };_this.
+
+    validate = function () {
+      var currentValue = _this.state.value;
+      _this.setState(function () {
+        var error = !!currentValue && !_DatePicker.DatePicker.validate(currentValue);
+        return {
+          error: error,
+          tooltip: error };
+
+      });
+    };_this.
+
+    removeTooltip = function () {
+      _this.setState({
+        tooltip: false });
+
+    };return _this;}var _proto = DatePickerPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, { trigger: this.state.tooltip ? 'opened' : 'closed', render: function render() {return 'Такой даты не существует';}, onCloseClick: this.removeTooltip }, /*#__PURE__*/_react.default.createElement(_DatePicker.DatePicker, (0, _extends2.default)({}, this.props, { disabled: this.props.disabled, size: this.props.size, error: this.state.error, value: this.state.value, onValueChange: this.handleChange, onFocus: this.invalidate, onBlur: this.validate, enableTodayLink: true })));};return DatePickerPlayground;}(_react.default.Component);exports.DatePickerPlayground = DatePickerPlayground;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AnotherInputsPlayground.tsx"],"names":["DatePickerPlayground","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","render","props","disabled","size","React","Component"],"mappings":"kVAAA;;;AAGA;AACA,yD;;;;;;;;AAQaA,oB;AACJC,IAAAA,K,GAAmC;AACxCC,MAAAA,KAAK,EAAE,YADiC;AAExCC,MAAAA,KAAK,EAAE,KAFiC;AAGxCC,MAAAA,OAAO,EAAE,KAH+B,E;;;;;;;;;;;;;;;;;;;;;;;;;AA4BlCC,IAAAA,Y,GAAe,UAACH,KAAD,EAAmB;AACxC,YAAKI,QAAL,CAAc;AACZJ,QAAAA,KAAK,EAALA,KADY,EAAd;;AAGD,K;;AAEOK,IAAAA,U,GAAa,YAAM;AACzB,YAAKD,QAAL,CAAc,EAAEH,KAAK,EAAE,KAAT,EAAgBC,OAAO,EAAE,KAAzB,EAAd;AACD,K;;AAEOI,IAAAA,Q,GAAW,YAAM;AACvB,UAAMC,YAAY,GAAG,MAAKR,KAAL,CAAWC,KAAhC;AACA,YAAKI,QAAL,CAAc,YAAM;AAClB,YAAMH,KAAK,GAAG,CAAC,CAACM,YAAF,IAAkB,CAACC,uBAAWF,QAAX,CAAoBC,YAApB,CAAjC;AACA,eAAO;AACLN,UAAAA,KAAK,EAALA,KADK;AAELC,UAAAA,OAAO,EAAED,KAFJ,EAAP;;AAID,OAND;AAOD,K;;AAEOQ,IAAAA,a,GAAgB,YAAM;AAC5B,YAAKL,QAAL,CAAc;AACZF,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,K,kEA/CMQ,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,gBAAD,IACE,OAAO,EAAE,KAAKX,KAAL,CAAWG,OAAX,GAAqB,QAArB,GAAgC,QAD3C,EAEE,MAAM,EAAE,0BAAM,0BAAN,EAFV,EAGE,YAAY,EAAE,KAAKO,aAHrB,iBAKE,6BAAC,sBAAD,6BACM,KAAKE,KADX,IAEE,QAAQ,EAAE,KAAKA,KAAL,CAAWC,QAFvB,EAGE,IAAI,EAAE,KAAKD,KAAL,CAAWE,IAHnB,EAIE,KAAK,EAAE,KAAKd,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,C,+BA3BuCQ,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Tooltip } from '../../components/Tooltip';\nimport { DatePicker, DatePickerProps } from '../../components/DatePicker';\n\ninterface DatePickerPlaygroundState {\n  value: Nullable<string>;\n  error: boolean;\n  tooltip: boolean;\n}\ntype DatePickerPlaygroundProps = Partial<DatePickerProps>;\nexport class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {\n  public state: DatePickerPlaygroundState = {\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/cjs/internal/ThemePlayground/CheckboxPlayground.d.ts

@@ -0,0 +1 @@
+export declare const CheckboxPlayground: () => JSX.Element;

package/cjs/internal/ThemePlayground/CheckboxPlayground.js

@@ -0,0 +1,25 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CheckboxPlayground = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _Gapped = require("../../components/Gapped");
+var _Checkbox = require("../../components/Checkbox");
+
+var _helpers = require("./helpers");
+
+
+var propsList = [
+{ children: 'Default' },
+{ children: 'Checked', checked: true },
+{ children: 'Disabled', checked: true, disabled: true },
+{ children: 'Semichecked', initialIndeterminate: true },
+{ children: 'Focused', focused: true },
+{ children: 'Error', error: true },
+{ children: 'Warning', warning: true }];
+
+
+var CheckboxPlayground = function CheckboxPlayground() {
+  return /*#__PURE__*/(
+    _react.default.createElement(_Gapped.Gapped, { gap: 0, vertical: true },
+    (0, _helpers.getComponentsFromPropsList)( /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, null), propsList)));
+
+
+};exports.CheckboxPlayground = CheckboxPlayground;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CheckboxPlayground.tsx"],"names":["propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground"],"mappings":"gKAAA;;AAEA;AACA;;AAEA;;;AAGA,IAAMA,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAZ,EADgC;AAEhC,EAAEA,QAAQ,EAAE,SAAZ,EAAuBC,OAAO,EAAE,IAAhC,EAFgC;AAGhC,EAAED,QAAQ,EAAE,UAAZ,EAAwBC,OAAO,EAAE,IAAjC,EAAuCC,QAAQ,EAAE,IAAjD,EAHgC;AAIhC,EAAEF,QAAQ,EAAE,aAAZ,EAA2BG,oBAAoB,EAAE,IAAjD,EAJgC;AAKhC,EAAEH,QAAQ,EAAE,SAAZ,EAAuBI,OAAO,EAAE,IAAhC,EALgC;AAMhC,EAAEJ,QAAQ,EAAE,OAAZ,EAAqBK,KAAK,EAAE,IAA5B,EANgC;AAOhC,EAAEL,QAAQ,EAAE,SAAZ,EAAuBM,OAAO,EAAE,IAAhC,EAPgC,CAAlC;;;AAUO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAM;AACtC;AACE,iCAAC,cAAD,IAAQ,GAAG,EAAE,CAAb,EAAgB,QAAQ,MAAxB;AACG,2DAA2B,6BAAC,kBAAD,OAA3B,EAAyCR,SAAzC,CADH,CADF;;;AAKD,CANM,C","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\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  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"]}

package/cjs/internal/ThemePlayground/ComponentsGroup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+interface ComponentsGroupProps {
+    title: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    theme: Theme;
+}
+export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
+export {};

package/cjs/internal/ThemePlayground/ComponentsGroup.js

@@ -0,0 +1,29 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ComponentsGroup = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _Gapped = require("../../components/Gapped");
+
+
+var _Playground = require("./Playground.styles");
+
+
+
+
+
+
+
+
+var ComponentsGroup = function ComponentsGroup(props) {
+  var title = props.title,children = props.children,style = props.style,theme = props.theme;
+  return /*#__PURE__*/(
+    _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "top", gap: 40 }, /*#__PURE__*/
+    _react.default.createElement("div", { className: _Playground.styles.title(theme), style: style },
+    title), /*#__PURE__*/
+
+    _react.default.createElement("div", { className: _Playground.styles.componentsGroup(theme) }, /*#__PURE__*/
+    _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle", gap: 10 },
+    children))));
+
+
+
+
+};exports.ComponentsGroup = ComponentsGroup;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ComponentsGroup.tsx"],"names":["ComponentsGroup","props","title","children","style","theme","styles","componentsGroup"],"mappings":"6JAAA;;AAEA;;;AAGA;;;;;;;;;AASO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA2E;AACxG,MAAQC,KAAR,GAA0CD,KAA1C,CAAQC,KAAR,CAAeC,QAAf,GAA0CF,KAA1C,CAAeE,QAAf,CAAyBC,KAAzB,GAA0CH,KAA1C,CAAyBG,KAAzB,CAAgCC,KAAhC,GAA0CJ,KAA1C,CAAgCI,KAAhC;AACA;AACE,iCAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,KAA3B,EAAiC,GAAG,EAAE,EAAtC;AACE,0CAAK,SAAS,EAAEC,mBAAOJ,KAAP,CAAaG,KAAb,CAAhB,EAAqC,KAAK,EAAED,KAA5C;AACGF,IAAAA,KADH,CADF;;AAIE,0CAAK,SAAS,EAAEI,mBAAOC,eAAP,CAAuBF,KAAvB,CAAhB;AACE,iCAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,aAAa,EAAC,QAA3B,EAAoC,GAAG,EAAE,EAAzC;AACGF,IAAAA,QADH,CADF,CAJF,CADF;;;;;AAYD,CAdM,C","sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { styles } 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={styles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={styles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"]}

package/cjs/internal/ThemePlayground/CurrencyInputPlayground.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CurrencyInputProps } from '../../components/CurrencyInput';
+interface CurrencyInputPlaygroundState {
+    value: Nullable<number>;
+}
+export declare class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {
+    state: CurrencyInputPlaygroundState;
+    render(): JSX.Element;
+    private handleChange;
+}
+export {};

package/cjs/internal/ThemePlayground/CurrencyInputPlayground.js

@@ -0,0 +1,30 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.CurrencyInputPlayground = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+
+var _CurrencyInput = require("../../components/CurrencyInput");var
+
+
+
+
+CurrencyInputPlayground = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(CurrencyInputPlayground, _React$Component);function CurrencyInputPlayground() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+    state = {
+      value: _this.props.value || 2222 };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    handleChange = function (value) {
+      _this.setState({ value: value });
+    };return _this;}var _proto = CurrencyInputPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({}, this.props, { placeholder: 'currency', value: this.state.value, onValueChange: this.handleChange, width: 150 })));};return CurrencyInputPlayground;}(_react.default.Component);exports.CurrencyInputPlayground = CurrencyInputPlayground;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CurrencyInputPlayground.tsx"],"names":["CurrencyInputPlayground","state","value","props","handleChange","setState","render","React","Component"],"mappings":"qVAAA;;;AAGA,+D;;;;;AAKaA,uB;AACJC,IAAAA,K,GAAsC;AAC3CC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAAX,IAAoB,IADgB,E;;;;;;;;;;;;;;;;;AAkBrCE,IAAAA,Y,GAAe,UAACF,KAAD,EAA2B;AAChD,YAAKG,QAAL,CAAc,EAAEH,KAAK,EAALA,KAAF,EAAd;AACD,K,qEAhBMI,M,GAAP,kBAAgB,CACd,oBACE,uDACE,6BAAC,4BAAD,6BACM,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,C,kCAjB0CG,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { CurrencyInput, CurrencyInputProps } from '../../components/CurrencyInput';\n\ninterface CurrencyInputPlaygroundState {\n  value: Nullable<number>;\n}\nexport class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {\n  public state: CurrencyInputPlaygroundState = {\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/cjs/internal/ThemePlayground/FxInputPlayground.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface FxInputPlaygroundState {
+    auto: boolean;
+    value: string;
+}
+export declare class FxInputPlayground extends React.Component {
+    state: FxInputPlaygroundState;
+    render(): JSX.Element;
+    private onValueChange;
+    private handleRestore;
+}
+export {};

package/cjs/internal/ThemePlayground/FxInputPlayground.js

@@ -0,0 +1,37 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FxInputPlayground = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _FxInput = require("../../components/FxInput");var
+
+
+
+
+
+FxInputPlayground = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(FxInputPlayground, _React$Component);function FxInputPlayground() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+    state = {
+      auto: true,
+      value: 'auto' };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    onValueChange = function (value) {
+      _this.setState({ value: value, auto: false });
+    };_this.
+
+    handleRestore = function () {
+      _this.setState({
+        value: 'auto',
+        auto: true });
+
+    };return _this;}var _proto = FxInputPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_FxInput.FxInput, { auto: this.state.auto, type: 'text', value: this.state.value, onRestore: this.handleRestore, onValueChange: this.onValueChange, width: 150 });};return FxInputPlayground;}(_react.default.Component);exports.FxInputPlayground = FxInputPlayground;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FxInputPlayground.tsx"],"names":["FxInputPlayground","state","auto","value","onValueChange","setState","handleRestore","render","React","Component"],"mappings":"6PAAA;;AAEA,mD;;;;;;AAMaA,iB;AACJC,IAAAA,K,GAAgC;AACrCC,MAAAA,IAAI,EAAE,IAD+B;AAErCC,MAAAA,KAAK,EAAE,MAF8B,E;;;;;;;;;;;;;;;;AAkB/BC,IAAAA,a,GAAgB,UAACD,KAAD,EAAmB;AACzC,YAAKE,QAAL,CAAc,EAAEF,KAAK,EAALA,KAAF,EAASD,IAAI,EAAE,KAAf,EAAd;AACD,K;;AAEOI,IAAAA,a,GAAgB,YAAM;AAC5B,YAAKD,QAAL,CAAc;AACZF,QAAAA,KAAK,EAAE,MADK;AAEZD,QAAAA,IAAI,EAAE,IAFM,EAAd;;AAID,K,+DAtBMK,M,GAAP,kBAA6B,CAC3B,oBACE,6BAAC,gBAAD,IACE,IAAI,EAAE,KAAKN,KAAL,CAAWC,IADnB,EAEE,IAAI,EAAE,MAFR,EAGE,KAAK,EAAE,KAAKD,KAAL,CAAWE,KAHpB,EAIE,SAAS,EAAE,KAAKG,aAJlB,EAKE,aAAa,EAAE,KAAKF,aALtB,EAME,KAAK,EAAE,GANT,GADF,CAUD,C,4BAjBoCI,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { FxInput } from '../../components/FxInput';\n\ninterface FxInputPlaygroundState {\n  auto: boolean;\n  value: string;\n}\nexport class FxInputPlayground extends React.Component {\n  public state: FxInputPlaygroundState = {\n    auto: true,\n    value: 'auto',\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/cjs/internal/ThemePlayground/HintPlayground.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare class HintPlayground extends React.Component {
+    render(): JSX.Element;
+    private pushToast;
+    private pushToastWithAction;
+}

package/cjs/internal/ThemePlayground/HintPlayground.js

@@ -0,0 +1,28 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.HintPlayground = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _Gapped = require("../../components/Gapped");
+var _Button = require("../../components/Button");
+var _Hint = require("../../components/Hint");
+var _Toast = require("../../components/Toast");var
+
+HintPlayground = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(HintPlayground, _React$Component);function HintPlayground() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+    pushToast = function () {
+      _Toast.Toast.push('Текст сообщения');
+    };_this.
+
+    pushToastWithAction = function () {
+      _Toast.Toast.push('Текст сообщения', { label: 'Ссылка', handler: function handler() {return null;} });
+    };return _this;}var _proto = HintPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToast }, "Toast")), /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост с ссылкой', pos: 'right' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToastWithAction }, "Toast with link")));};return HintPlayground;}(_react.default.Component);exports.HintPlayground = HintPlayground;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HintPlayground.tsx"],"names":["HintPlayground","pushToast","Toast","push","pushToastWithAction","label","handler","render","React","Component"],"mappings":"0PAAA;;AAEA;AACA;AACA;AACA,+C;;AAEaA,c;;;;;;;;;;;;;;AAcHC,IAAAA,S,GAAY,YAAM;AACxBC,mBAAMC,IAAN,CAAW,iBAAX;AACD,K;;AAEOC,IAAAA,mB,GAAsB,YAAM;AAClCF,mBAAMC,IAAN,CAAW,iBAAX,EAA8B,EAAEE,KAAK,EAAE,QAAT,EAAmBC,OAAO,EAAE,2BAAM,IAAN,EAA5B,EAA9B;AACD,K,4DAnBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,cAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,6BAAC,UAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,eAA1B,iBACE,6BAAC,cAAD,IAAQ,OAAO,EAAE,KAAKN,SAAtB,YADF,CADF,eAIE,6BAAC,UAAD,IAAM,MAAM,MAAZ,EAAa,MAAM,MAAnB,EAAoB,IAAI,EAAE,yBAA1B,EAAqD,GAAG,EAAE,OAA1D,iBACE,6BAAC,cAAD,IAAQ,OAAO,EAAE,KAAKG,mBAAtB,sBADF,CAJF,CADF,CAUD,C,yBAZiCI,eAAMC,S","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/cjs/internal/ThemePlayground/PagingPlayground.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PagingPlaygroundState {
+    activePage: number;
+}
+export declare class PagingPlayground extends React.Component {
+    state: PagingPlaygroundState;
+    render(): JSX.Element;
+    private handlePageChange;
+}
+export {};

package/cjs/internal/ThemePlayground/PagingPlayground.js

@@ -0,0 +1,19 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PagingPlayground = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _Paging = require("../../components/Paging");var
+
+
+
+
+PagingPlayground = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(PagingPlayground, _React$Component);function PagingPlayground() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+    state = {
+      activePage: 1 };_this.
+
+
+
+
+
+
+    handlePageChange = function (pageNumber) {
+      _this.setState({ active: pageNumber });
+    };return _this;}var _proto = PagingPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_Paging.Paging, { activePage: this.state.activePage, onPageChange: this.handlePageChange, pagesCount: 12 });};return PagingPlayground;}(_react.default.Component);exports.PagingPlayground = PagingPlayground;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["PagingPlayground.tsx"],"names":["PagingPlayground","state","activePage","handlePageChange","pageNumber","setState","active","render","React","Component"],"mappings":"4PAAA;;AAEA,iD;;;;;AAKaA,gB;AACJC,IAAAA,K,GAA+B;AACpCC,MAAAA,UAAU,EAAE,CADwB,E;;;;;;;AAQ9BC,IAAAA,gB,GAAmB,UAACC,UAAD,EAAwB;AACjD,YAAKC,QAAL,CAAc,EAAEC,MAAM,EAAEF,UAAV,EAAd;AACD,K,8DANMG,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,cAAD,IAAQ,UAAU,EAAE,KAAKN,KAAL,CAAWC,UAA/B,EAA2C,YAAY,EAAE,KAAKC,gBAA9D,EAAgF,UAAU,EAAE,EAA5F,GAAP,CACD,C,2BAPmCK,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { Paging } from '../../components/Paging';\n\ninterface PagingPlaygroundState {\n  activePage: number;\n}\nexport class PagingPlayground extends React.Component {\n  public state: PagingPlaygroundState = {\n    activePage: 1,\n  };\n\n  public render() {\n    return <Paging activePage={this.state.activePage} onPageChange={this.handlePageChange} pagesCount={12} />;\n  }\n\n  private handlePageChange = (pageNumber: number) => {\n    this.setState({ active: pageNumber });\n  };\n}\n"]}

package/cjs/internal/ThemePlayground/Playground.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { ThemeType } from './constants';
+export interface PlaygroundProps {
+    currentThemeType: ThemeType;
+    onThemeChange: (value: string) => void;
+    onEditLinkClick: () => void;
+}
+export declare class Playground extends React.Component<PlaygroundProps> {
+    private theme;
+    private stopEl;
+    render(): JSX.Element;
+    private renderMain;
+    private renderTabsGroup;
+    private renderTabs;
+    private getCurrentTab;
+    private renderSizesGroup;
+    private renderLinksGroup;
+    private renderButtonsGroup;
+    private renderInputsGroup;
+    private renderTokenInputsGroup;
+    private renderOtherInputsGroup;
+    private renderSwitchersGroup;
+    private renderControlsGroup;
+    private renderHintsGroup;
+    private renderTooltip;
+    private renderPaging;
+    private renderFileUploader;
+    private renderStickyStopElement;
+    private getStickyStop;
+}