npm - @skbkontur/react-ui - Versions diffs - 0.0.0-375e096002 → 0.0.0-388db940ca - Mend

@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5512) hide show

package/cjs/components/Toggle/Toggle.js DELETED Viewed

@@ -1,199 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Toggle = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tabListener = require("../../lib/events/tabListener");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Toggle = require("./Toggle.styles");var
-Toggle = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Toggle, _React$Component);
-  function Toggle(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.input = null;_this.
-    focus = function () {
-      if (_this.input) {
-        _tabListener.tabListener.isTabPressed = true;
-        _this.input.focus();
-      }
-    };_this.
-    inputRef = function (element) {
-      _this.input = element;
-    };_this.
-    handleChange = function (event) {
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(event.target.checked);
-      }
-      if (_this.isUncontrolled()) {
-        _this.setState({
-          checked: event.target.checked });
-      }
-      if (_this.props.onChange) {
-        _this.props.onChange(event);
-      }
-    };_this.
-    handleFocus = function (event) {
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-      if (_tabListener.tabListener.isTabPressed) {
-        _this.setState({ focusByTab: true });
-      }
-    };_this.
-    handleBlur = function (event) {
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-      _this.setState({
-        focusByTab: false });
-    };_this.state = { focusByTab: false, checked: props.defaultChecked };return _this;}var _proto = Toggle.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_tabListener.tabListener.isTabPressed = true;this.focus();}} /**
-   * @public
-   */;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn, _cn2;var _this$props = this.props,children = _this$props.children,captionPosition = _this$props.captionPosition,warning = _this$props.warning,error = _this$props.error,loading = _this$props.loading,color = _this$props.color;var disabled = this.props.disabled || loading;var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;var containerClassNames = (0, _classnames.default)(_Toggle.jsStyles.container(this.theme), (_cn = {}, _cn[_Toggle.jsStyles.focused(this.theme)] = !disabled && !!this.state.focusByTab, _cn[_Toggle.jsStyles.isLoading(this.theme)] = !!loading, _cn[_Toggle.jsStyles.isWarning(this.theme)] = !color && !!warning, _cn[_Toggle.jsStyles.isError(this.theme)] = !color && !!error, _cn));var labelClassNames = (0, _classnames.default)(_Toggle.jsStyles.root(this.theme), (_cn2 = {}, _cn2[_Toggle.jsStyles.rootLeft()] = captionPosition === 'left', _cn2[_Toggle.jsStyles.disabled(this.theme)] = !!disabled, _cn2));var caption = null;if (children) {var _cn3;var captionClass = (0, _classnames.default)(_Toggle.jsStyles.caption(this.theme), (_cn3 = {}, _cn3[_Toggle.jsStyles.captionLeft(this.theme)] = captionPosition === 'left', _cn3));caption = /*#__PURE__*/_react.default.createElement("span", { className: captionClass }, children);}return /*#__PURE__*/_react.default.createElement("label", { className: labelClassNames }, /*#__PURE__*/_react.default.createElement("span", { className: _Toggle.jsStyles.wrapper(this.theme) }, /*#__PURE__*/_react.default.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: _Toggle.jsStyles.input(this.theme), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.inputRef, disabled: disabled }), /*#__PURE__*/_react.default.createElement("div", { className: containerClassNames, style: checked && color ? { backgroundColor: color, borderColor: color, boxShadow: "inset 0 0 0 1px " + color } : undefined }, /*#__PURE__*/_react.default.createElement("div", { className: _Toggle.jsStyles.activeBackground(), style: checked && color ? { backgroundColor: color } : undefined })), /*#__PURE__*/_react.default.createElement("div", { className: _Toggle.jsStyles.handle(this.theme) })), caption);};_proto.isUncontrolled = function isUncontrolled() {
-    return this.props.checked === undefined;
-  };return Toggle;}(_react.default.Component);exports.Toggle = Toggle;Toggle.__KONTUR_REACT_UI__ = 'Toggle';Toggle.propTypes = { checked: _propTypes.default.bool, defaultChecked: _propTypes.default.bool, disabled: _propTypes.default.bool, error: _propTypes.default.bool, loading: _propTypes.default.bool, warning: _propTypes.default.bool, onValueChange: _propTypes.default.func };Toggle.defaultProps = { disabled: false, loading: false, captionPosition: 'right' };

package/cjs/components/Toggle/Toggle.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Toggle.tsx"],"names":["Toggle","props","theme","input","focus","tabListener","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","renderMain","children","captionPosition","warning","error","loading","color","disabled","containerClassNames","jsStyles","container","focused","isLoading","isWarning","isError","labelClassNames","root","rootLeft","caption","captionClass","captionLeft","wrapper","backgroundColor","borderColor","boxShadow","undefined","activeBackground","handle","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Toggle.styles';\r\n\r\nexport interface ToggleProps {\r\n children?: React.ReactNode;\r\n /**\r\n * Положение children справа или слева от переключателя\r\n * @default 'right'\r\n */\r\n captionPosition: 'left' | 'right';\r\n checked?: boolean;\r\n defaultChecked?: boolean;\r\n disabled?: boolean;\r\n onValueChange?: (value: boolean) => void;\r\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n warning?: boolean;\r\n error?: boolean;\r\n loading?: boolean;\r\n autoFocus?: boolean;\r\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\r\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\r\n color?: React.CSSProperties['color'];\r\n}\r\n\r\nexport interface ToggleState {\r\n checked?: boolean;\r\n focusByTab?: boolean;\r\n}\r\n\r\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\r\n public static __KONTUR_REACT_UI__ = 'Toggle';\r\n\r\n public static propTypes = {\r\n checked: PropTypes.bool,\r\n defaultChecked: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n error: PropTypes.bool,\r\n loading: PropTypes.bool,\r\n warning: PropTypes.bool,\r\n onValueChange: PropTypes.func,\r\n };\r\n\r\n public static defaultProps = {\r\n disabled: false,\r\n loading: false,\r\n captionPosition: 'right',\r\n };\r\n\r\n private theme!: Theme;\r\n private input: HTMLInputElement | null = null;\r\n\r\n constructor(props: ToggleProps) {\r\n super(props);\r\n\r\n this.state = {\r\n focusByTab: false,\r\n checked: props.defaultChecked,\r\n };\r\n }\r\n\r\n public componentDidMount() {\r\n if (this.props.autoFocus) {\r\n tabListener.isTabPressed = true;\r\n this.focus();\r\n }\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public focus = () => {\r\n if (this.input) {\r\n tabListener.isTabPressed = true;\r\n this.input.focus();\r\n }\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 { children, captionPosition, warning, error, loading, color } = this.props;\r\n const disabled = this.props.disabled || loading;\r\n const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\r\n\r\n const containerClassNames = cn(jsStyles.container(this.theme), {\r\n [jsStyles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\r\n [jsStyles.isLoading(this.theme)]: !!loading,\r\n [jsStyles.isWarning(this.theme)]: !color && !!warning,\r\n [jsStyles.isError(this.theme)]: !color && !!error,\r\n });\r\n\r\n const labelClassNames = cn(jsStyles.root(this.theme), {\r\n [jsStyles.rootLeft()]: captionPosition === 'left',\r\n [jsStyles.disabled(this.theme)]: !!disabled,\r\n });\r\n\r\n let caption = null;\r\n if (children) {\r\n const captionClass = cn(jsStyles.caption(this.theme), {\r\n [jsStyles.captionLeft(this.theme)]: captionPosition === 'left',\r\n });\r\n caption = <span className={captionClass}>{children}</span>;\r\n }\r\n\r\n return (\r\n <label className={labelClassNames}>\r\n <span className={jsStyles.wrapper(this.theme)}>\r\n <input\r\n type=\"checkbox\"\r\n checked={checked}\r\n onChange={this.handleChange}\r\n className={jsStyles.input(this.theme)}\r\n onFocus={this.handleFocus}\r\n onBlur={this.handleBlur}\r\n ref={this.inputRef}\r\n disabled={disabled}\r\n />\r\n <div\r\n className={containerClassNames}\r\n style={\r\n checked && color\r\n ? {\r\n backgroundColor: color,\r\n borderColor: color,\r\n boxShadow: `inset 0 0 0 1px ${color}`,\r\n }\r\n : undefined\r\n }\r\n >\r\n <div\r\n className={jsStyles.activeBackground()}\r\n style={checked && color ? { backgroundColor: color } : undefined}\r\n />\r\n </div>\r\n <div className={jsStyles.handle(this.theme)} />\r\n </span>\r\n {caption}\r\n </label>\r\n );\r\n }\r\n\r\n private inputRef = (element: HTMLInputElement) => {\r\n this.input = element;\r\n };\r\n\r\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(event.target.checked);\r\n }\r\n\r\n if (this.isUncontrolled()) {\r\n this.setState({\r\n checked: event.target.checked,\r\n });\r\n }\r\n\r\n if (this.props.onChange) {\r\n this.props.onChange(event);\r\n }\r\n };\r\n\r\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n\r\n if (tabListener.isTabPressed) {\r\n this.setState({ focusByTab: true });\r\n }\r\n };\r\n\r\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\r\n if (this.props.onBlur) {\r\n this.props.onBlur(event);\r\n }\r\n this.setState({\r\n focusByTab: false,\r\n });\r\n };\r\n\r\n private isUncontrolled() {\r\n return this.props.checked === undefined;\r\n }\r\n}\r\n"]}

package/cjs/components/Toggle/Toggle.md DELETED Viewed

@@ -1,24 +0,0 @@
-```jsx harmony
-let initialState = { checked: false };
-let toggle = () => setState(state => ({ checked: !state.checked }));
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} /> {state.checked ? 'On' : 'Off'}
-</div>;
-```
-В компонент можно передать `children`, который будет отображаться рядом с переключателем.
-Положение `children` относительно переключателя указывается в `captionPosition`.
-```jsx harmony
-let initialState = { checked: false };
-let toggle = () => setState(state => ({ checked: !state.checked }));
-<div>
-  <Toggle checked={state.checked} onValueChange={toggle} captionPosition="left">
-    <span>Показывать уведомления</span>
-  </Toggle>
-</div>;
-```

package/cjs/components/Toggle/Toggle.styles.d.ts DELETED Viewed

@@ -1,16 +0,0 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    handle(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    container(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focused(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    activeBackground(): string;
-    isLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    isWarning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    isError(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    wrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    rootLeft(): string;
-    caption(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    captionLeft(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};

package/cjs/components/Toggle/Toggle.styles.js DELETED Viewed

@@ -1,184 +0,0 @@
-"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");function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 ", " 0 0;\n    "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 0 0 ", ";\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row-reverse;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.3;\n      cursor: default !important;\n\n      ", " {\n        background: ", ";\n      }\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: ", ";\n      position: relative;\n      width: ", ";\n      flex: 1 0 ", ";\n\n      &::after {\n        content: '';\n        display: inline-block;\n      }\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", " {\n          background: ", ";\n        }\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", " {\n          background: ", ";\n        }\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n      }\n      ", " {\n        background: ", ";\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: inherit;\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transition: 0.2s ease-in;\n      width: 10px;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "&, ", ":checked ~ & {\n        box-shadow: 0 0 0 1px ", ", 0 0 0 ", " ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      box-shadow: inset 0 0 0 ", " ", ";\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      opacity: 0;\n\n      &:focus {\n        outline: none;\n      }\n      &:checked ~ ", " {\n        box-shadow: inset 0 0 0 ", " ", ";\n        background: ", ";\n        transition: background 0s 0.2s;\n      }\n      &:checked ~ ", " ", " {\n        width: 70%;\n        background: ", ";\n      }\n      &:checked ~ ", " {\n        transform: translateX(", ") translateX(-", ");\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: ", ";\n      bottom: ", ";\n      box-shadow: 0 ", " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ", " rgba(0, 0, 0, 0.15);\n      height: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n      transition: 0.2s ease-in;\n      width: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      cursor: pointer;\n\n      &:hover:not(", ") {\n        ", " {\n          background: ", ";\n        }\n      }\n      &:active:not(", ") ", " {\n        width: ", ";\n      }\n      &:active:not(", ") ", ":checked ~ ", " {\n        transform: translateX(", ") translateX(-", ")\n          translateX(-", ");\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-var styles = {
-  root: function root(t) {
-    var disabled = (0, _Emotion.cssName)(styles.disabled(t));
-    var handleWidthWithBorders = t.toggleHeight;
-    var handleActiveWidth = "calc(" + handleWidthWithBorders + " - 2 * " + t.toggleBorderWidth + " + " + t.toggleHandleActiveWidthIncrement + ")";
-    return (0, _Emotion.css)(_templateObject(),
-    disabled,
-    (0, _Emotion.cssName)(styles.handle(t)),
-    t.toggleBgHover,
-    disabled, (0, _Emotion.cssName)(styles.handle(t)),
-    handleActiveWidth,
-    disabled, (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.handle(t)),
-    t.toggleWidth, handleWidthWithBorders,
-    t.toggleHandleActiveWidthIncrement);
-  },
-  handle: function handle(t) {
-    var handleSize = "calc(" + t.toggleHeight + " - 2 * " + t.toggleBorderWidth + ")";
-    return (0, _Emotion.css)(_templateObject2(),
-    t.toggleBg,
-    t.toggleHandleBorderRadius,
-    t.toggleBorderWidth,
-    t.toggleBorderWidth, t.toggleBorderWidth,
-    handleSize,
-    t.toggleBorderWidth,
-    t.toggleBorderWidth,
-    handleSize);
-  },
-  input: function input(t) {
-    var handleWidthWithBorders = t.toggleHeight;
-    return (0, _Emotion.css)(_templateObject3(),
-    (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBorderWidth, t.toggleBgChecked,
-    t.toggleBgChecked,
-    (0, _Emotion.cssName)(styles.container(t)), (0, _Emotion.cssName)(styles.activeBackground()),
-    t.toggleBgChecked,
-    (0, _Emotion.cssName)(styles.handle(t)),
-    t.toggleWidth, handleWidthWithBorders);
-  },
-  container: function container(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.toggleBorderRadius,
-    t.toggleBorderWidth, t.toggleBorderColor);
-  },
-  focused: function focused(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    (0, _Emotion.cssName)(styles.container(t)), (0, _Emotion.cssName)(styles.input(t)),
-    t.outlineColorFocus, t.toggleOutlineWidth, t.toggleFocusShadowColor);
-  },
-  activeBackground: function activeBackground() {
-    return (0, _Emotion.css)(_templateObject6());
-  },
-  isLoading: function isLoading(t) {
-    return (0, _Emotion.css)(_templateObject7(),
-    (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBorderColor,
-    t.toggleBorderWidth, t.toggleBorderColor,
-    (0, _Emotion.cssName)(styles.activeBackground()),
-    t.toggleBgActive);
-  },
-  isWarning: function isWarning(t) {
-    return (0, _Emotion.css)(_templateObject8(),
-    (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBgWarning,
-    t.toggleBorderWidth, t.toggleBgWarning,
-    (0, _Emotion.cssName)(styles.activeBackground()),
-    t.toggleBgWarning);
-  },
-  isError: function isError(t) {
-    return (0, _Emotion.css)(_templateObject9(),
-    (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBgError,
-    t.toggleBorderWidth, t.toggleBgError,
-    (0, _Emotion.cssName)(styles.activeBackground()),
-    t.toggleBgError);
-  },
-  wrapper: function wrapper(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    t.toggleHeight,
-    t.toggleWidth,
-    t.toggleWidth);
-  },
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject11(),
-    (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBgDisabled);
-  },
-  rootLeft: function rootLeft() {
-    return (0, _Emotion.css)(_templateObject12());
-  },
-  caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject13(),
-    t.toggleCaptionGap);
-  },
-  captionLeft: function captionLeft(t) {
-    return (0, _Emotion.css)(_templateObject14(),
-    t.toggleCaptionGap);
-  } };
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;

package/cjs/components/Toggle/Toggle.styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Toggle.styles.ts"],"names":["styles","root","t","disabled","handleWidthWithBorders","toggleHeight","handleActiveWidth","toggleBorderWidth","toggleHandleActiveWidthIncrement","css","handle","toggleBgHover","input","toggleWidth","handleSize","toggleBg","toggleHandleBorderRadius","container","toggleBgChecked","activeBackground","toggleBorderRadius","toggleBorderColor","focused","outlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","toggleBgDisabled","rootLeft","caption","toggleCaptionGap","captionLeft","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,QAAMC,QAAQ,GAAG,sBAAQH,MAAM,CAACG,QAAP,CAAgBD,CAAhB,CAAR,CAAjB;AACA,QAAME,sBAAsB,GAAGF,CAAC,CAACG,YAAjC;AACA,QAAMC,iBAAiB,aAAWF,sBAAX,eAA2CF,CAAC,CAACK,iBAA7C,WAAoEL,CAAC,CAACM,gCAAtE,MAAvB;AACA,eAAOC,YAAP;;;;AAIgBN,IAAAA,QAJhB;AAKM,0BAAQH,MAAM,CAACU,MAAP,CAAcR,CAAd,CAAR,CALN;AAMoBA,IAAAA,CAAC,CAACS,aANtB;;;AASiBR,IAAAA,QATjB,EAS8B,sBAAQH,MAAM,CAACU,MAAP,CAAcR,CAAd,CAAR,CAT9B;AAUaI,IAAAA,iBAVb;;AAYiBH,IAAAA,QAZjB,EAY8B,sBAAQH,MAAM,CAACY,KAAP,CAAaV,CAAb,CAAR,CAZ9B,EAYoE,sBAAQF,MAAM,CAACU,MAAP,CAAcR,CAAd,CAAR,CAZpE;AAa4BA,IAAAA,CAAC,CAACW,WAb9B,EAa0DT,sBAb1D;AAcoBF,IAAAA,CAAC,CAACM,gCAdtB;;;AAiBD,GAtBY;;AAwBbE,EAAAA,MAxBa,kBAwBNR,CAxBM,EAwBI;AACf,QAAMY,UAAU,aAAWZ,CAAC,CAACG,YAAb,eAAmCH,CAAC,CAACK,iBAArC,MAAhB;AACA,eAAOE,YAAP;AACgBP,IAAAA,CAAC,CAACa,QADlB;AAEmBb,IAAAA,CAAC,CAACc,wBAFrB;AAGYd,IAAAA,CAAC,CAACK,iBAHd;AAIkBL,IAAAA,CAAC,CAACK,iBAJpB,EAIwEL,CAAC,CAACK,iBAJ1E;AAKYO,IAAAA,UALZ;AAMUZ,IAAAA,CAAC,CAACK,iBANZ;;AAQSL,IAAAA,CAAC,CAACK,iBARX;;AAUWO,IAAAA,UAVX;;AAYD,GAtCY;;AAwCbF,EAAAA,KAxCa,iBAwCPV,CAxCO,EAwCG;AACd,QAAME,sBAAsB,GAAGF,CAAC,CAACG,YAAjC;AACA,eAAOI,YAAP;;;;;;;AAOgB,0BAAQT,MAAM,CAACiB,SAAP,CAAiBf,CAAjB,CAAR,CAPhB;AAQ8BA,IAAAA,CAAC,CAACK,iBARhC,EAQqDL,CAAC,CAACgB,eARvD;AASkBhB,IAAAA,CAAC,CAACgB,eATpB;;;AAYgB,0BAAQlB,MAAM,CAACiB,SAAP,CAAiBf,CAAjB,CAAR,CAZhB,EAYgD,sBAAQF,MAAM,CAACmB,gBAAP,EAAR,CAZhD;;AAckBjB,IAAAA,CAAC,CAACgB,eAdpB;;AAgBgB,0BAAQlB,MAAM,CAACU,MAAP,CAAcR,CAAd,CAAR,CAhBhB;AAiB4BA,IAAAA,CAAC,CAACW,WAjB9B,EAiB0DT,sBAjB1D;;;AAoBD,GA9DY;;AAgEba,EAAAA,SAhEa,qBAgEHf,CAhEG,EAgEO;AAClB,eAAOO,YAAP;AACmBP,IAAAA,CAAC,CAACkB,kBADrB;AAE4BlB,IAAAA,CAAC,CAACK,iBAF9B,EAEmDL,CAAC,CAACmB,iBAFrD;;;;;;;;AAUD,GA3EY;;AA6EbC,EAAAA,OA7Ea,mBA6ELpB,CA7EK,EA6EK;AAChB,eAAOO,YAAP;AACI,0BAAQT,MAAM,CAACiB,SAAP,CAAiBf,CAAjB,CAAR,CADJ,EACsC,sBAAQF,MAAM,CAACY,KAAP,CAAaV,CAAb,CAAR,CADtC;AAE4BA,IAAAA,CAAC,CAACqB,iBAF9B,EAE0DrB,CAAC,CAACsB,kBAF5D,EAEkFtB,CAAC,CAACuB,sBAFpF;;;AAKD,GAnFY;;AAqFbN,EAAAA,gBArFa,8BAqFM;AACjB,eAAOV,YAAP;;;;;;;;;AASD,GA/FY;;AAiGbiB,EAAAA,SAjGa,qBAiGHxB,CAjGG,EAiGO;AAClB,eAAOO,YAAP;AACI,0BAAQT,MAAM,CAACY,KAAP,CAAaV,CAAb,CAAR,CADJ,EAC0C,sBAAQF,MAAM,CAACiB,SAAP,CAAiBf,CAAjB,CAAR,CAD1C;AAEkBA,IAAAA,CAAC,CAACmB,iBAFpB;AAG8BnB,IAAAA,CAAC,CAACK,iBAHhC,EAGqDL,CAAC,CAACmB,iBAHvD;;AAKI,0BAAQrB,MAAM,CAACmB,gBAAP,EAAR,CALJ;AAMkBjB,IAAAA,CAAC,CAACyB,cANpB;;;AASD,GA3GY;;AA6GbC,EAAAA,SA7Ga,qBA6GH1B,CA7GG,EA6GO;AAClB,eAAOO,YAAP;AACI,0BAAQT,MAAM,CAACY,KAAP,CAAaV,CAAb,CAAR,CADJ,EAC0C,sBAAQF,MAAM,CAACiB,SAAP,CAAiBf,CAAjB,CAAR,CAD1C;AAEkBA,IAAAA,CAAC,CAAC2B,eAFpB;AAG8B3B,IAAAA,CAAC,CAACK,iBAHhC,EAGqDL,CAAC,CAAC2B,eAHvD;;AAKM,0BAAQ7B,MAAM,CAACmB,gBAAP,EAAR,CALN;AAMoBjB,IAAAA,CAAC,CAAC2B,eANtB;;;;AAUD,GAxHY;;AA0HbC,EAAAA,OA1Ha,mBA0HL5B,CA1HK,EA0HK;AAChB,eAAOO,YAAP;AACI,0BAAQT,MAAM,CAACY,KAAP,CAAaV,CAAb,CAAR,CADJ,EAC0C,sBAAQF,MAAM,CAACiB,SAAP,CAAiBf,CAAjB,CAAR,CAD1C;AAEkBA,IAAAA,CAAC,CAAC6B,aAFpB;AAG8B7B,IAAAA,CAAC,CAACK,iBAHhC,EAGqDL,CAAC,CAAC6B,aAHvD;;AAKM,0BAAQ/B,MAAM,CAACmB,gBAAP,EAAR,CALN;AAMoBjB,IAAAA,CAAC,CAAC6B,aANtB;;;;AAUD,GArIY;;AAuIbC,EAAAA,OAvIa,mBAuIL9B,CAvIK,EAuIK;AAChB,eAAOO,YAAP;;AAEYP,IAAAA,CAAC,CAACG,YAFd;;AAIWH,IAAAA,CAAC,CAACW,WAJb;AAKcX,IAAAA,CAAC,CAACW,WALhB;;;;;;;AAYD,GApJY;;AAsJbV,EAAAA,QAtJa,oBAsJJD,CAtJI,EAsJM;AACjB,eAAOO,YAAP;;;;AAII,0BAAQT,MAAM,CAACiB,SAAP,CAAiBf,CAAjB,CAAR,CAJJ;AAKkBA,IAAAA,CAAC,CAAC+B,gBALpB;;;AAQD,GA/JY;;AAiKbC,EAAAA,QAjKa,sBAiKF;AACT,eAAOzB,YAAP;;;AAGD,GArKY;;AAuKb0B,EAAAA,OAvKa,mBAuKLjC,CAvKK,EAuKK;AAChB,eAAOO,YAAP;AACmBP,IAAAA,CAAC,CAACkC,gBADrB;;AAGD,GA3KY;;AA6KbC,EAAAA,WA7Ka,uBA6KDnC,CA7KC,EA6KS;AACpB,eAAOO,YAAP;AACeP,IAAAA,CAAC,CAACkC,gBADjB;;AAGD,GAjLY,EAAf;;;AAoLO,IAAME,QAAQ,GAAG,2BAAatC,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n root(t: Theme) {\r\n const disabled = cssName(styles.disabled(t));\r\n const handleWidthWithBorders = t.toggleHeight;\r\n const handleActiveWidth = `calc(${handleWidthWithBorders} - 2 * ${t.toggleBorderWidth} + ${t.toggleHandleActiveWidthIncrement})`;\r\n return css`\r\n display: inline-flex;\r\n cursor: pointer;\r\n\r\n &:hover:not(${disabled}) {\r\n ${cssName(styles.handle(t))} {\r\n background: ${t.toggleBgHover};\r\n }\r\n }\r\n &:active:not(${disabled}) ${cssName(styles.handle(t))} {\r\n width: ${handleActiveWidth};\r\n }\r\n &:active:not(${disabled}) ${cssName(styles.input(t))}:checked ~ ${cssName(styles.handle(t))} {\r\n transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders})\r\n translateX(-${t.toggleHandleActiveWidthIncrement});\r\n }\r\n `;\r\n },\r\n\r\n handle(t: Theme) {\r\n const handleSize = `calc(${t.toggleHeight} - 2 * ${t.toggleBorderWidth})`;\r\n return css`\r\n background: ${t.toggleBg};\r\n border-radius: ${t.toggleHandleBorderRadius};\r\n bottom: ${t.toggleBorderWidth};\r\n box-shadow: 0 ${t.toggleBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${t.toggleBorderWidth} rgba(0, 0, 0, 0.15);\r\n height: ${handleSize};\r\n left: ${t.toggleBorderWidth};\r\n position: absolute;\r\n top: ${t.toggleBorderWidth};\r\n transition: 0.2s ease-in;\r\n width: ${handleSize};\r\n `;\r\n },\r\n\r\n input(t: Theme) {\r\n const handleWidthWithBorders = t.toggleHeight;\r\n return css`\r\n position: absolute;\r\n opacity: 0;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n &:checked ~ ${cssName(styles.container(t))} {\r\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\r\n background: ${t.toggleBgChecked};\r\n transition: background 0s 0.2s;\r\n }\r\n &:checked ~ ${cssName(styles.container(t))} ${cssName(styles.activeBackground())} {\r\n width: 70%;\r\n background: ${t.toggleBgChecked};\r\n }\r\n &:checked ~ ${cssName(styles.handle(t))} {\r\n transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders});\r\n }\r\n `;\r\n },\r\n\r\n container(t: Theme) {\r\n return css`\r\n border-radius: ${t.toggleBorderRadius};\r\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n height: 100%;\r\n overflow: hidden;\r\n position: absolute;\r\n width: 100%;\r\n /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\r\n z-index: 0;\r\n `;\r\n },\r\n\r\n focused(t: Theme) {\r\n return css`\r\n ${cssName(styles.container(t))}&, ${cssName(styles.input(t))}:checked ~ & {\r\n box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\r\n }\r\n `;\r\n },\r\n\r\n activeBackground() {\r\n return css`\r\n background: inherit;\r\n bottom: 0;\r\n left: 0;\r\n position: absolute;\r\n top: 0;\r\n transition: 0.2s ease-in;\r\n width: 10px;\r\n `;\r\n },\r\n\r\n isLoading(t: Theme) {\r\n return css`\r\n ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n background: ${t.toggleBorderColor};\r\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n }\r\n ${cssName(styles.activeBackground())} {\r\n background: ${t.toggleBgActive};\r\n }\r\n `;\r\n },\r\n\r\n isWarning(t: Theme) {\r\n return css`\r\n ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n background: ${t.toggleBgWarning};\r\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgWarning};\r\n\r\n ${cssName(styles.activeBackground())} {\r\n background: ${t.toggleBgWarning};\r\n }\r\n }\r\n `;\r\n },\r\n\r\n isError(t: Theme) {\r\n return css`\r\n ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n background: ${t.toggleBgError};\r\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgError};\r\n\r\n ${cssName(styles.activeBackground())} {\r\n background: ${t.toggleBgError};\r\n }\r\n }\r\n `;\r\n },\r\n\r\n wrapper(t: Theme) {\r\n return css`\r\n display: inline-block;\r\n height: ${t.toggleHeight};\r\n position: relative;\r\n width: ${t.toggleWidth};\r\n flex: 1 0 ${t.toggleWidth};\r\n\r\n &::after {\r\n content: '';\r\n display: inline-block;\r\n }\r\n `;\r\n },\r\n\r\n disabled(t: Theme) {\r\n return css`\r\n opacity: 0.3;\r\n cursor: default !important;\r\n\r\n ${cssName(styles.container(t))} {\r\n background: ${t.toggleBgDisabled};\r\n }\r\n `;\r\n },\r\n\r\n rootLeft() {\r\n return css`\r\n flex-direction: row-reverse;\r\n `;\r\n },\r\n\r\n caption(t: Theme) {\r\n return css`\r\n padding: 0 0 0 ${t.toggleCaptionGap};\r\n `;\r\n },\r\n\r\n captionLeft(t: Theme) {\r\n return css`\r\n padding: 0 ${t.toggleCaptionGap} 0 0;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/cjs/components/Toggle/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './Toggle';

package/cjs/components/Toggle/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- "use strict";exports.__esModule = true;var _Toggle = require("./Toggle");Object.keys(_Toggle).forEach(function (key) {if (key === "default" \|\| key === "__esModule") return;if (key in exports && exports[key] === _Toggle[key]) return;exports[key] = _Toggle[key];});

package/cjs/components/Toggle/index.js.map DELETED Viewed

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

package/cjs/components/Token/Token.d.ts DELETED Viewed

@@ -1,28 +0,0 @@
-import React from 'react';
-import { jsTokenColors } from './Token.styles';
-export declare type TokenColorName = keyof typeof jsTokenColors;
-export interface TokenColors {
-    idle: TokenColorName;
-    active?: TokenColorName;
-}
-export interface TokenProps {
-    colors?: TokenColors;
-    isActive?: boolean;
-    error?: boolean;
-    warning?: boolean;
-    disabled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
-    onRemove?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-    onFocus?: React.FocusEventHandler<HTMLDivElement>;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
-}
-export declare class Token extends React.Component<TokenProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private onRemoveClick;
-}

package/cjs/components/Token/Token.js DELETED Viewed

@@ -1,115 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Token = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _CrossIcon = require("../../internal/icons/CrossIcon");
-var _utils = require("../../lib/utils");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Token = require("./Token.styles");var
-Token = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Token, _React$Component);function Token() {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.
-    theme = void 0;_this.
-    onRemoveClick = function (event) {var _this$props =
-      _this.props,disabled = _this$props.disabled,_this$props$onRemove = _this$props.onRemove,onRemove = _this$props$onRemove === void 0 ? _utils.emptyHandler : _this$props$onRemove;
-      if (disabled) {
-        event.preventDefault();
-        return;
-      }
-      onRemove(event);
-    };return _this;}var _proto = Token.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn, _cn2;var _this$props2 = this.props,children = _this$props2.children,isActive = _this$props2.isActive,colors = _this$props2.colors,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,_this$props2$onClick = _this$props2.onClick,onClick = _this$props2$onClick === void 0 ? _utils.emptyHandler : _this$props2$onClick,_this$props2$onDouble = _this$props2.onDoubleClick,onDoubleClick = _this$props2$onDouble === void 0 ? _utils.emptyHandler : _this$props2$onDouble,_this$props2$onMouseE = _this$props2.onMouseEnter,onMouseEnter = _this$props2$onMouseE === void 0 ? _utils.emptyHandler : _this$props2$onMouseE,_this$props2$onMouseL = _this$props2.onMouseLeave,onMouseLeave = _this$props2$onMouseL === void 0 ? _utils.emptyHandler : _this$props2$onMouseL,_this$props2$onFocus = _this$props2.onFocus,onFocus = _this$props2$onFocus === void 0 ? _utils.emptyHandler : _this$props2$onFocus,_this$props2$onBlur = _this$props2.onBlur,onBlur = _this$props2$onBlur === void 0 ? _utils.emptyHandler : _this$props2$onBlur;var theme = this.theme;var validation = error ? 'error' : warning ? 'warning' : null;var disableClassNames = (0, _classnames.default)(_Token.jsTokenColors.defaultDisabled(theme), (_cn = {}, _cn[_Token.jsTokenColors.defaultDisabledWarning(theme)] = warning, _cn[_Token.jsTokenColors.defaultDisabledError(theme)] = error, _cn));var tokenClassName = disabled ? disableClassNames : _Token.jsTokenColors.defaultIdle(theme, validation);var activeTokenClassName = disabled ? disableClassNames : _Token.jsTokenColors.defaultActive(theme, validation);if (!disabled && colors) {tokenClassName = _Token.jsTokenColors[colors.idle](theme, validation);var activeClassName = colors.active ? colors.active : colors.idle;activeTokenClassName = _Token.jsTokenColors[activeClassName](theme, validation);}var tokenClassNames = (0, _classnames.default)(_Token.jsStyles.token(this.theme), tokenClassName, (_cn2 = {}, _cn2[activeTokenClassName] = !!isActive, _cn2[_Token.jsStyles.disabled(theme)] = !!disabled, _cn2));return /*#__PURE__*/_react.default.createElement("div", { className: tokenClassNames, onClick: onClick, onDoubleClick: onDoubleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", { className: _Token.jsStyles.text(this.theme) }, children), /*#__PURE__*/_react.default.createElement("span", { className: _Token.jsStyles.removeIcon(this.theme), onClick: this.onRemoveClick }, /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null)));};return Token;}(_react.default.Component);exports.Token = Token;Token.__KONTUR_REACT_UI__ = 'Token';

package/cjs/components/Token/Token.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Token.tsx"],"names":["Token","theme","onRemoveClick","event","props","disabled","onRemove","emptyHandler","preventDefault","render","renderMain","children","isActive","colors","error","warning","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","disableClassNames","jsTokenColors","defaultDisabled","defaultDisabledWarning","defaultDisabledError","tokenClassName","defaultIdle","activeTokenClassName","defaultActive","idle","activeClassName","active","tokenClassNames","jsStyles","token","text","removeIcon","React","Component","__KONTUR_REACT_UI__"],"mappings":"iPAAA;AACA;;AAEA;AACA;AACA;;;AAGA,uC;;;;;;;;;;;;;;;;;;;;;;;;;AAyBaA,K;;;AAGHC,IAAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEAC,IAAAA,a,GAAgB,UAACC,KAAD,EAAsD;AAC9B,YAAKC,KADyB,CACpEC,QADoE,eACpEA,QADoE,oCAC1DC,QAD0D,CAC1DA,QAD0D,qCAC/CC,mBAD+C;;AAG5E,UAAIF,QAAJ,EAAc;AACZF,QAAAA,KAAK,CAACK,cAAN;AACA;AACD;;AAEDF,MAAAA,QAAQ,CAACH,KAAD,CAAR;AACD,K,mDA5EMM,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAAR,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACS,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,kCAcf,KAAKN,KAdU,CAEjBO,QAFiB,gBAEjBA,QAFiB,CAGjBC,QAHiB,gBAGjBA,QAHiB,CAIjBC,MAJiB,gBAIjBA,MAJiB,CAKjBC,KALiB,gBAKjBA,KALiB,CAMjBC,OANiB,gBAMjBA,OANiB,CAOjBV,QAPiB,gBAOjBA,QAPiB,qCAQjBW,OARiB,CAQjBA,OARiB,qCAQPT,mBARO,6DASjBU,aATiB,CASjBA,aATiB,sCASDV,mBATC,8DAUjBW,YAViB,CAUjBA,YAViB,sCAUFX,mBAVE,8DAWjBY,YAXiB,CAWjBA,YAXiB,sCAWFZ,mBAXE,6DAYjBa,OAZiB,CAYjBA,OAZiB,qCAYPb,mBAZO,2DAajBc,MAbiB,CAajBA,MAbiB,oCAaRd,mBAbQ,uBAgBnB,IAAMN,KAAK,GAAG,KAAKA,KAAnB,CACA,IAAMqB,UAAU,GAAGR,KAAK,GAAG,OAAH,GAAaC,OAAO,GAAG,SAAH,GAAe,IAA3D,CACA,IAAMQ,iBAAiB,GAAG,yBAAGC,qBAAcC,eAAd,CAA8BxB,KAA9B,CAAH,iBACvBuB,qBAAcE,sBAAd,CAAqCzB,KAArC,CADuB,IACuBc,OADvB,MAEvBS,qBAAcG,oBAAd,CAAmC1B,KAAnC,CAFuB,IAEqBa,KAFrB,OAA1B,CAKA,IAAIc,cAAc,GAAGvB,QAAQ,GAAGkB,iBAAH,GAAuBC,qBAAcK,WAAd,CAA0B5B,KAA1B,EAAiCqB,UAAjC,CAApD,CACA,IAAIQ,oBAAoB,GAAGzB,QAAQ,GAAGkB,iBAAH,GAAuBC,qBAAcO,aAAd,CAA4B9B,KAA5B,EAAmCqB,UAAnC,CAA1D,CAEA,IAAI,CAACjB,QAAD,IAAaQ,MAAjB,EAAyB,CACvBe,cAAc,GAAGJ,qBAAcX,MAAM,CAACmB,IAArB,EAA2B/B,KAA3B,EAAkCqB,UAAlC,CAAjB,CAEA,IAAMW,eAAe,GAAGpB,MAAM,CAACqB,MAAP,GAAgBrB,MAAM,CAACqB,MAAvB,GAAgCrB,MAAM,CAACmB,IAA/D,CACAF,oBAAoB,GAAGN,qBAAcS,eAAd,EAA+BhC,KAA/B,EAAsCqB,UAAtC,CAAvB,CACD,CAED,IAAMa,eAAe,GAAG,yBAAGC,gBAASC,KAAT,CAAe,KAAKpC,KAApB,CAAH,EAA+B2B,cAA/B,mBACrBE,oBADqB,IACE,CAAC,CAAClB,QADJ,OAErBwB,gBAAS/B,QAAT,CAAkBJ,KAAlB,CAFqB,IAEM,CAAC,CAACI,QAFR,QAAxB,CAKA,oBACE,sCACE,SAAS,EAAE8B,eADb,EAEE,OAAO,EAAEnB,OAFX,EAGE,aAAa,EAAEC,aAHjB,EAIE,YAAY,EAAEC,YAJhB,EAKE,YAAY,EAAEC,YALhB,EAME,OAAO,EAAEC,OANX,EAOE,MAAM,EAAEC,MAPV,iBASE,uCAAM,SAAS,EAAEe,gBAASE,IAAT,CAAc,KAAKrC,KAAnB,CAAjB,IAA6CU,QAA7C,CATF,eAUE,uCAAM,SAAS,EAAEyB,gBAASG,UAAT,CAAoB,KAAKtC,KAAzB,CAAjB,EAAkD,OAAO,EAAE,KAAKC,aAAhE,iBACE,6BAAC,oBAAD,OADF,CAVF,CADF,CAgBD,C,gBAtEwBsC,eAAMC,S,wBAApBzC,K,CACG0C,mB,GAAsB,O","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles, jsTokenColors } from './Token.styles';\r\n\r\nexport type TokenColorName = keyof typeof jsTokenColors;\r\n\r\nexport interface TokenColors {\r\n idle: TokenColorName;\r\n active?: TokenColorName;\r\n}\r\n\r\nexport interface TokenProps {\r\n colors?: TokenColors;\r\n isActive?: boolean;\r\n error?: boolean;\r\n warning?: boolean;\r\n disabled?: boolean;\r\n\r\n onClick?: React.MouseEventHandler<HTMLDivElement>;\r\n onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\r\n onRemove?: React.MouseEventHandler<HTMLElement>;\r\n onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\r\n onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\r\n onFocus?: React.FocusEventHandler<HTMLDivElement>;\r\n onBlur?: React.FocusEventHandler<HTMLDivElement>;\r\n}\r\n\r\nexport class Token extends React.Component<TokenProps> {\r\n public static __KONTUR_REACT_UI__ = 'Token';\r\n\r\n private theme!: Theme;\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 {\r\n children,\r\n isActive,\r\n colors,\r\n error,\r\n warning,\r\n disabled,\r\n onClick = emptyHandler,\r\n onDoubleClick = emptyHandler,\r\n onMouseEnter = emptyHandler,\r\n onMouseLeave = emptyHandler,\r\n onFocus = emptyHandler,\r\n onBlur = emptyHandler,\r\n } = this.props;\r\n\r\n const theme = this.theme;\r\n const validation = error ? 'error' : warning ? 'warning' : null;\r\n const disableClassNames = cn(jsTokenColors.defaultDisabled(theme), {\r\n [jsTokenColors.defaultDisabledWarning(theme)]: warning,\r\n [jsTokenColors.defaultDisabledError(theme)]: error,\r\n });\r\n\r\n let tokenClassName = disabled ? disableClassNames : jsTokenColors.defaultIdle(theme, validation);\r\n let activeTokenClassName = disabled ? disableClassNames : jsTokenColors.defaultActive(theme, validation);\r\n\r\n if (!disabled && colors) {\r\n tokenClassName = jsTokenColors[colors.idle](theme, validation);\r\n\r\n const activeClassName = colors.active ? colors.active : colors.idle;\r\n activeTokenClassName = jsTokenColors[activeClassName](theme, validation);\r\n }\r\n\r\n const tokenClassNames = cn(jsStyles.token(this.theme), tokenClassName, {\r\n [activeTokenClassName]: !!isActive,\r\n [jsStyles.disabled(theme)]: !!disabled,\r\n });\r\n\r\n return (\r\n <div\r\n className={tokenClassNames}\r\n onClick={onClick}\r\n onDoubleClick={onDoubleClick}\r\n onMouseEnter={onMouseEnter}\r\n onMouseLeave={onMouseLeave}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n >\r\n <span className={jsStyles.text(this.theme)}>{children}</span>\r\n <span className={jsStyles.removeIcon(this.theme)} onClick={this.onRemoveClick}>\r\n <CrossIcon />\r\n </span>\r\n </div>\r\n );\r\n }\r\n\r\n private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\r\n const { disabled, onRemove = emptyHandler } = this.props;\r\n\r\n if (disabled) {\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n onRemove(event);\r\n };\r\n}\r\n"]}