@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

package/components/Input/Input.module.css

@@ -1,123 +0,0 @@
-:local .root {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  box-sizing: border-box;
-  background-clip: padding-box;
-  outline: none;
-  cursor: text;
-}
-:local .root.focus,
-:local .root.warning,
-:local .root.error {
-  z-index: 2;
-}
-:local .root.borderless {
-  box-shadow: none;
-  border-color: transparent;
-}
-:local .root.focus {
-  outline: none;
-}
-:local .root.disabled {
-  box-shadow: none;
-}
-:local .root.disabled .input {
-  pointer-events: none;
-  /* fix text color in safari */
-  -webkit-text-fill-color: currentcolor;
-}
-:local .root.disabled .leftIcon,
-:local .root.disabled .rightIcon {
-  cursor: default;
-}
-:local .root * {
-  box-sizing: border-box;
-}
-:local .input {
-  font: inherit;
-  margin: 0;
-  padding: 0;
-  outline: none;
-  width: 100%;
-  -webkit-appearance: none;
-  text-overflow: clip;
-  background: transparent;
-  border: 0 none;
-  line-height: inherit;
-  white-space: nowrap;
-}
-:local .input:-moz-placeholder {
-  opacity: 1;
-}
-:local .input::-moz-placeholder {
-  opacity: 1;
-}
-:local .input::-ms-clear {
-  display: none;
-}
-:local .wrapper {
-  position: relative;
-  display: flex;
-  align-items: center;
-  margin: 0;
-  width: 100%;
-  min-width: 0;
-  white-space: nowrap;
-  text-overflow: clip;
-  overflow: hidden;
-}
-:local .wrapper::before {
-  content: '\A0';
-  display: inline-block;
-  width: 0;
-}
-:local .placeholder {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  font-size: inherit;
-  overflow: hidden;
-  white-space: nowrap;
-  user-select: none;
-  -ms-user-select: none;
-  pointer-events: none;
-  cursor: text;
-}
-:local .leftIcon,
-:local .rightIcon {
-  flex-shrink: 0;
-  cursor: text;
-  z-index: 2;
-}
-:local .leftIcon.useDefaultColor,
-:local .rightIcon.useDefaultColor {
-  color: #a9a9a9;
-}
-:local .leftIcon {
-  padding-right: 2px;
-}
-:local .rightIcon {
-  padding-left: 2px;
-}
-:local .sideContainer {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  min-width: 10px;
-  height: 100%;
-  padding-left: 10px;
-}
-:local .sideContainer::before {
-  content: '\a0';
-  display: inline-block;
-  width: 0;
-}
-:local .rightContainer {
-  margin: 0 0 0 auto;
-  justify-self: flex-end;
-  padding-left: 0;
-  padding-right: 10px;
-}

package/components/Input/Input.module.css.d.ts

@@ -1,18 +0,0 @@
-export interface IInputModuleLess {
-  'root': string;
-  'focus': string;
-  'warning': string;
-  'error': string;
-  'borderless': string;
-  'disabled': string;
-  'input': string;
-  'leftIcon': string;
-  'rightIcon': string;
-  'wrapper': string;
-  'placeholder': string;
-  'useDefaultColor': string;
-  'sideContainer': string;
-  'rightContainer': string;
-}
-declare const styles: IInputModuleLess;
-export default styles;

package/components/Input/Input.styles.js

@@ -1,217 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject21() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject21 = function _templateObject21() {return data;};return data;}function _templateObject20() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject20 = function _templateObject20() {return data;};return data;}function _templateObject19() {var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal;\n    "]);_templateObject19 = function _templateObject19() {return data;};return data;}function _templateObject18() {var data = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n    "]);_templateObject18 = function _templateObject18() {return data;};return data;}function _templateObject17() {var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal;\n    "]);_templateObject17 = function _templateObject17() {return data;};return data;}function _templateObject16() {var data = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal;\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n    "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        animation: ", " 0.15s ease-in;\n      }\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        background: ", ";\n        border-color: ", ";\n      }\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        box-shadow: none;\n        outline: 1px solid ", ";\n      }\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        box-shadow: none;\n        outline: 1px solid ", ";\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n\n      .", ".", " &:-moz-placeholder {\n        color: ", ";\n      }\n      .", ".", " &::-moz-placeholder {\n        color: ", ";\n      }\n      .", ".", " &::placeholder {\n        color: ", ";\n      }\n      .", ".", " & {\n        color: ", ";\n      }\n      .", ".", " &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      .", ".", " &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      .", ".", " &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n\n      .", ".", " & {\n        color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        box-shadow: none;\n        outline: 1px solid ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        border-color: ", ";\n        box-shadow: ", ";\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      .", "&, .", "& {\n        color: ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      width: 250px;\n      color: ", ";\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, keyframes } from '../../lib/theming/Emotion';
-
-import { shift } from '../../lib/styles/DimensionFunctions';
-import { resetText } from '../../lib/styles/Mixins';import
-
-classes from "./Input.module.css";
-
-export var jsStyles = {
-  root: function root(t) {
-    return css(_templateObject(),
-    resetText(),
-
-
-    t.inputColor,
-    t.inputBg,
-    t.inputShadow,
-    t.inputBorderWidth, t.borderColorGrayLight,
-    t.inputBorderTopColor);
-
-  },
-
-  useDefaultColor: function useDefaultColor(t) {
-    return css(_templateObject2(),
-    classes.leftIcon, classes.rightIcon,
-    t.inputIconColor);
-
-
-  },
-
-  focus: function focus(t) {
-    return css(_templateObject3(),
-    classes.root,
-    t.borderColorFocus,
-    t.inputFocusShadow);
-
-
-  },
-
-  focusFallback: function focusFallback(t) {
-    return css(_templateObject4(),
-    classes.root,
-
-    t.inputFocusOutline);
-
-
-  },
-
-  placeholder: function placeholder(t) {
-    return css(_templateObject5(),
-    t.placeholderColor,
-
-    classes.root, classes.focus,
-    t.placeholderColorLight);
-
-
-  },
-
-  input: function input(t) {
-    return css(_templateObject6(),
-    t.inputTextColor,
-
-    classes.root, classes.focus,
-    t.placeholderColorLight,
-
-    classes.root, classes.focus,
-    t.placeholderColorLight,
-
-    classes.root, classes.focus,
-    t.placeholderColorLight,
-
-    classes.root, classes.disabled,
-    t.textColorDisabled,
-
-    classes.root, classes.disabled,
-    t.placeholderColor,
-
-    classes.root, classes.disabled,
-    t.placeholderColor,
-
-    classes.root, classes.disabled,
-    t.placeholderColor,
-
-
-    t.placeholderColor,
-
-
-    t.placeholderColor,
-
-
-    t.placeholderColor);
-
-
-  },
-
-  warning: function warning(t) {
-    return css(_templateObject7(),
-    classes.root,
-    t.borderColorWarning,
-    t.borderColorWarning);
-
-
-  },
-
-  warningFallback: function warningFallback(t) {
-    return css(_templateObject8(),
-    classes.root,
-
-    t.borderColorWarning);
-
-
-  },
-
-  error: function error(t) {
-    return css(_templateObject9(),
-    classes.root,
-    t.borderColorError,
-    t.borderColorError);
-
-
-  },
-
-  errorFallback: function errorFallback(t) {
-    return css(_templateObject10(),
-    classes.root,
-
-    t.borderColorError);
-
-
-  },
-
-  disabled: function disabled(t) {
-    return css(_templateObject11(),
-    classes.root,
-    t.inputDisabledBg,
-    t.inputDisabledBorderColor);
-
-
-  },
-
-  blink: function blink(t) {
-    var blinkAnimation = keyframes(_templateObject12(),
-
-    t.blinkColor);
-
-
-    return css(_templateObject13(),
-    classes.root,
-    blinkAnimation);
-
-
-  },
-
-  sizeSmall: function sizeSmall(t) {
-    return css(_templateObject14(),
-    t.inputFontSizeSmall,
-    t.controlLineHeightSmall,
-    t.controlPaddingYSmall,
-    t.controlPaddingYSmall,
-    t.controlHeightSmall);
-
-  },
-
-  sizeSmallFallback: function sizeSmallFallback(t) {
-    return css(_templateObject15(),
-    shift(t.controlPaddingYSmall, '-1'),
-    shift(t.controlPaddingYSmall, '1'));
-
-
-  },
-
-  sizeMedium: function sizeMedium(t) {
-    return css(_templateObject16(),
-    t.inputFontSizeMedium,
-    t.controlLineHeightMedium,
-    t.controlPaddingYMedium,
-    t.controlPaddingYMedium,
-    t.controlHeightMedium);
-
-  },
-
-  sizeMediumFallback: function sizeMediumFallback(t) {
-    return css(_templateObject17(),
-    shift(t.controlPaddingYMedium, '-1'),
-    shift(t.controlPaddingYMedium, '1'));
-
-
-  },
-
-  sizeLarge: function sizeLarge(t) {
-    return css(_templateObject18(),
-    t.inputFontSizeLarge,
-    t.controlLineHeightLarge,
-    t.controlHeightLarge,
-    shift(t.controlPaddingYLarge, '-1'),
-    shift(t.controlPaddingYLarge, '1'));
-
-  },
-
-  sizeLargeFallback: function sizeLargeFallback(t) {
-    return css(_templateObject19(),
-    shift(t.controlPaddingYLarge, '-2'),
-    shift(t.controlPaddingYLarge, '2'));
-
-
-  },
-
-  prefix: function prefix(t) {
-    return css(_templateObject20(),
-    t.placeholderColor);
-
-  },
-
-  suffix: function suffix(t) {
-    return css(_templateObject21(),
-    t.placeholderColor);
-
-  } };

package/components/Input/Input.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","shift","resetText","classes","jsStyles","root","t","inputColor","inputBg","inputShadow","inputBorderWidth","borderColorGrayLight","inputBorderTopColor","useDefaultColor","leftIcon","rightIcon","inputIconColor","focus","borderColorFocus","inputFocusShadow","focusFallback","inputFocusOutline","placeholder","placeholderColor","placeholderColorLight","input","inputTextColor","disabled","textColorDisabled","warning","borderColorWarning","warningFallback","error","borderColorError","errorFallback","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","blinkColor","sizeSmall","inputFontSizeSmall","controlLineHeightSmall","controlPaddingYSmall","controlHeightSmall","sizeSmallFallback","sizeMedium","inputFontSizeMedium","controlLineHeightMedium","controlPaddingYMedium","controlHeightMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","controlLineHeightLarge","controlHeightLarge","controlPaddingYLarge","sizeLargeFallback","prefix","suffix"],"mappings":"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","sourcesContent":["import { css, keyframes } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport { resetText } from '../../lib/styles/Mixins';\r\n\r\nimport classes from './Input.module.less';\r\n\r\nexport const jsStyles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetText()};\r\n\r\n      width: 250px;\r\n      color: ${t.inputColor};\r\n      background-color: ${t.inputBg};\r\n      box-shadow: ${t.inputShadow};\r\n      border: ${t.inputBorderWidth} solid ${t.borderColorGrayLight};\r\n      border-top-color: ${t.inputBorderTopColor};\r\n    `;\r\n  },\r\n\r\n  useDefaultColor(t: Theme) {\r\n    return css`\r\n      .${classes.leftIcon}&, .${classes.rightIcon}& {\r\n        color: ${t.inputIconColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      .${classes.root}& {\r\n        border-color: ${t.borderColorFocus};\r\n        box-shadow: ${t.inputFocusShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focusFallback(t: Theme) {\r\n    return css`\r\n      .${classes.root}& {\r\n        box-shadow: none;\r\n        outline: 1px solid ${t.inputFocusOutline};\r\n      }\r\n    `;\r\n  },\r\n\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n\r\n      .${classes.root}.${classes.focus} & {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      color: ${t.inputTextColor};\r\n\r\n      .${classes.root}.${classes.focus} &:-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      .${classes.root}.${classes.focus} &::-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      .${classes.root}.${classes.focus} &::placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      .${classes.root}.${classes.disabled} & {\r\n        color: ${t.textColorDisabled};\r\n      }\r\n      .${classes.root}.${classes.disabled} &:-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      .${classes.root}.${classes.disabled} &::-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      .${classes.root}.${classes.disabled} &::placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      &:-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      .${classes.root}& {\r\n        border-color: ${t.borderColorWarning};\r\n        box-shadow: 0 0 0 1px ${t.borderColorWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warningFallback(t: Theme) {\r\n    return css`\r\n      .${classes.root}& {\r\n        box-shadow: none;\r\n        outline: 1px solid ${t.borderColorWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      .${classes.root}& {\r\n        border-color: ${t.borderColorError};\r\n        box-shadow: 0 0 0 1px ${t.borderColorError};\r\n      }\r\n    `;\r\n  },\r\n\r\n  errorFallback(t: Theme) {\r\n    return css`\r\n      .${classes.root}& {\r\n        box-shadow: none;\r\n        outline: 1px solid ${t.borderColorError};\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      .${classes.root}& {\r\n        background: ${t.inputDisabledBg};\r\n        border-color: ${t.inputDisabledBorderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  blink(t: Theme) {\r\n    const blinkAnimation = keyframes`\r\n    0% {\r\n      background-color: ${t.blinkColor};\r\n    }\r\n  `;\r\n    return css`\r\n      .${classes.root}& {\r\n        animation: ${blinkAnimation} 0.15s ease-in;\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeSmall};\r\n      line-height: ${t.controlLineHeightSmall};\r\n      padding-top: ${t.controlPaddingYSmall};\r\n      padding-bottom: ${t.controlPaddingYSmall};\r\n      height: ${t.controlHeightSmall};\r\n    `;\r\n  },\r\n\r\n  sizeSmallFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYSmall, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYSmall, '1')};\r\n      line-height: normal;\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeMedium};\r\n      line-height: ${t.controlLineHeightMedium};\r\n      padding-top: ${t.controlPaddingYMedium};\r\n      padding-bottom: ${t.controlPaddingYMedium};\r\n      height: ${t.controlHeightMedium};\r\n    `;\r\n  },\r\n\r\n  sizeMediumFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYMedium, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYMedium, '1')};\r\n      line-height: normal;\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeLarge};\r\n      line-height: ${t.controlLineHeightLarge};\r\n      height: ${t.controlHeightLarge};\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '1')};\r\n    `;\r\n  },\r\n\r\n  sizeLargeFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-2')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '2')};\r\n      line-height: normal;\r\n    `;\r\n  },\r\n\r\n  prefix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n\r\n  suffix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n};\r\n"]}

package/components/Input/index.js

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

package/components/Input/index.js.map

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

package/components/Kebab/Kebab.js

@@ -1,243 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-
-import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';
-import { Icon as Icon20 } from '../internal/icons/20px';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { tabListener } from '../../lib/events/tabListener';
-import { PopupMenu } from '../internal/PopupMenu';
-
-
-
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-import { MenuKebabIcon } from '../internal/icons/16px';
-
-import { jsStyles } from './Kebab.styles';import
-styles from "./Kebab.module.css";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export var Kebab = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Kebab, _React$Component);function Kebab() {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 = {
-      opened: false,
-      focusedByTab: false,
-      anchor: null };_this.
-
-
-    theme = void 0;_this.
-
-    listener =
-
-    {
-      remove: function remove() {return undefined;} };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderCaption = function (captionProps) {var
-      disabled = _this.props.disabled;
-      var handleCaptionKeyDown = function handleCaptionKeyDown(event) {
-        if (!disabled) {
-          _this.handleCaptionKeyDown(event, captionProps.openMenu);
-        }
-      };
-
-      var handleCaptionClick = function handleCaptionClick() {
-        if (!disabled) {
-          captionProps.toggleMenu();
-        }
-      };
-
-      return (
-        React.createElement("span", {
-          tabIndex: disabled ? -1 : 0,
-          onClick: handleCaptionClick,
-          onKeyDown: handleCaptionKeyDown,
-          onFocus: _this.handleFocus,
-          onBlur: _this.handleBlur,
-          className: cx(
-          styles.kebab,
-          captionProps.opened && styles.opened,
-          disabled && styles.disabled,
-          _this.state.focusedByTab && styles.focused,
-          _this.state.focusedByTab && jsStyles.focused(_this.theme)) },
-
-
-        _this.renderIcon()));
-
-
-    };_this.
-
-    handleCaptionKeyDown = function (
-    e,
-    openMenu)
-    {
-      if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {
-        e.preventDefault();
-        openMenu(true);
-      }
-    };_this.
-
-    handleChangeMenuState = function (isOpened, restoreFocus) {
-      _this.setState(
-      {
-        opened: isOpened,
-        focusedByTab: !isOpened && restoreFocus },
-
-      function () {
-        if (_this.props.disabled) {
-          return;
-        }
-
-        if (_this.state.opened) {
-          _this.props.onOpen();
-        } else {
-          _this.props.onClose();
-        }
-      });
-
-    };_this.
-
-    handleFocus = function () {
-      if (!_this.props.disabled) {
-        // focus event fires before keyDown eventlistener
-        // so we should check tabPressed in async way
-        process.nextTick(function () {
-          if (tabListener.isTabPressed) {
-            _this.setState({ focusedByTab: true });
-          }
-        });
-      }
-    };_this.
-
-    handleBlur = function () {
-      _this.setState({
-        focusedByTab: false });
-
-    };return _this;}var _proto = Kebab.prototype;_proto.componentDidMount = function componentDidMount() {/** addListener'у нужен колбэк в аргумент */this.listener = LayoutEvents.addListener(function () {return undefined;});};_proto.componentWillUnmount = function componentWillUnmount() {this.listener.remove();};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,disabled = _this$props.disabled,positions = _this$props.positions;return React.createElement(PopupMenu, { popupMargin: 5, popupPinOffset: 15, popupHasPin: true, positions: positions, onChangeMenuState: this.handleChangeMenuState, caption: this.renderCaption, disableAnimations: this.props.disableAnimations }, !disabled && this.props.children);};_proto.
-
-  renderIcon = function renderIcon() {
-    switch (this.props.size) {
-      case 'small':
-        return (
-          React.createElement("div", { className: styles.iconsmall },
-          React.createElement(MenuKebabIcon, { size: "14px", color: "#757575" })));
-
-
-      case 'medium':
-        return (
-          React.createElement("div", { className: styles.iconmedium },
-          React.createElement(MenuKebabIcon, { size: "18px", color: "#757575" })));
-
-
-      case 'large':
-        return (
-          React.createElement("div", { className: styles.iconlarge },
-          React.createElement(Icon20, { name: "kebab", color: "#757575" })));
-
-
-      default:
-        throw new Error("Unexpected size '" + this.props.size + "'");}
-
-  };return Kebab;}(React.Component);Kebab.__KONTUR_REACT_UI__ = 'Kebab';Kebab.propTypes = {};Kebab.defaultProps = { onOpen: function onOpen() {return undefined;}, onClose: function onClose() {return undefined;}, positions: ['bottom left', 'bottom right', 'top left', 'top right'], size: 'small', disableAnimations: Boolean(process.env.enableReactTesting) };
-
-
-Kebab.propTypes = {
-  children: PropTypes.node,
-  disabled: PropTypes.bool,
-  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-                                                                             * Размер кебаба small 14px | large 20px
-                                                                             */
-  size: PropTypes.string,
-
-  /**
-                           * Коллбек, вызывающийся перед закрытием кебаба
-                           */
-  onClose: PropTypes.func,
-
-  /**
-                            * Коллбек, вызывающийся перед открытием кебаба
-                            */
-  onOpen: PropTypes.func };

package/components/Kebab/Kebab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Kebab.tsx"],"names":["React","PropTypes","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","Icon","Icon20","LayoutEvents","tabListener","PopupMenu","cx","ThemeConsumer","MenuKebabIcon","jsStyles","styles","Kebab","state","opened","focusedByTab","anchor","theme","listener","remove","undefined","renderCaption","captionProps","disabled","props","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","handleFocus","handleBlur","kebab","focused","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","onOpen","onClose","process","nextTick","isTabPressed","componentDidMount","addListener","componentWillUnmount","render","renderMain","positions","disableAnimations","children","size","iconsmall","iconmedium","iconlarge","Error","Component","__KONTUR_REACT_UI__","propTypes","defaultProps","Boolean","env","enableReactTesting","node","bool","menuMaxHeight","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport { Icon as Icon20 } from '../internal/icons/20px';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { PopupMenu } from '../internal/PopupMenu';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { PopupMenuCaptionProps } from '../internal/PopupMenu/PopupMenu';\r\nimport { PopupPosition } from '../Popup';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { MenuKebabIcon } from '../internal/icons/16px';\r\n\r\nimport { jsStyles } from './Kebab.styles';\r\nimport styles from './Kebab.module.less';\r\n\r\nexport interface KebabProps {\r\n  disabled?: boolean;\r\n  /**\r\n   * Функция вызываемая при закрытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onClose: () => void;\r\n  /**\r\n   * Функция вызываемая при открытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onOpen: () => void;\r\n  size: 'small' | 'medium' | 'large';\r\n  /**\r\n   * Список позиций доступных для расположения выпадашки\r\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка\r\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\r\n   */\r\n  positions: PopupPosition[];\r\n  menuMaxHeight?: number | string;\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\nexport interface KebabState {\r\n  anchor: Nullable<HTMLElement>;\r\n  focusedByTab: boolean;\r\n  opened: boolean;\r\n}\r\n\r\nexport class Kebab extends React.Component<KebabProps, KebabState> {\r\n  public static __KONTUR_REACT_UI__ = 'Kebab';\r\n\r\n  public static propTypes = {};\r\n\r\n  public static defaultProps = {\r\n    onOpen: () => undefined,\r\n    onClose: () => undefined,\r\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\r\n    size: 'small',\r\n    disableAnimations: Boolean(process.env.enableReactTesting),\r\n  };\r\n\r\n  public state = {\r\n    opened: false,\r\n    focusedByTab: false,\r\n    anchor: null,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  private listener: {\r\n    remove: () => void;\r\n  } = {\r\n      remove: () => undefined,\r\n    };\r\n\r\n  public componentDidMount() {\r\n    /** addListener'у нужен колбэк в аргумент */\r\n    this.listener = LayoutEvents.addListener(() => undefined);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.listener.remove();\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { disabled, positions } = this.props;\r\n\r\n    return (\r\n      <PopupMenu\r\n        popupMargin={5}\r\n        popupPinOffset={15}\r\n        popupHasPin\r\n        positions={positions}\r\n        onChangeMenuState={this.handleChangeMenuState}\r\n        caption={this.renderCaption}\r\n        disableAnimations={this.props.disableAnimations}\r\n      >\r\n        {!disabled && this.props.children}\r\n      </PopupMenu>\r\n    );\r\n  }\r\n\r\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\r\n    const { disabled } = this.props;\r\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!disabled) {\r\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\r\n      }\r\n    };\r\n\r\n    const handleCaptionClick = () => {\r\n      if (!disabled) {\r\n        captionProps.toggleMenu();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <span\r\n        tabIndex={disabled ? -1 : 0}\r\n        onClick={handleCaptionClick}\r\n        onKeyDown={handleCaptionKeyDown}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        className={cx(\r\n          styles.kebab,\r\n          captionProps.opened && styles.opened,\r\n          disabled && styles.disabled,\r\n          this.state.focusedByTab && styles.focused,\r\n          this.state.focusedByTab && jsStyles.focused(this.theme),\r\n        )}\r\n      >\r\n        {this.renderIcon()}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private handleCaptionKeyDown = (\r\n    e: React.KeyboardEvent<HTMLDivElement>,\r\n    openMenu: PopupMenuCaptionProps['openMenu'],\r\n  ) => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      openMenu(true);\r\n    }\r\n  };\r\n\r\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\r\n    this.setState(\r\n      {\r\n        opened: isOpened,\r\n        focusedByTab: !isOpened && restoreFocus,\r\n      },\r\n      () => {\r\n        if (this.props.disabled) {\r\n          return;\r\n        }\r\n\r\n        if (this.state.opened) {\r\n          this.props.onOpen();\r\n        } else {\r\n          this.props.onClose();\r\n        }\r\n      },\r\n    );\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    this.setState({\r\n      focusedByTab: false,\r\n    });\r\n  };\r\n\r\n  private renderIcon() {\r\n    switch (this.props.size) {\r\n      case 'small':\r\n        return (\r\n          <div className={styles.iconsmall}>\r\n            <MenuKebabIcon size=\"14px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'medium':\r\n        return (\r\n          <div className={styles.iconmedium}>\r\n            <MenuKebabIcon size=\"18px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'large':\r\n        return (\r\n          <div className={styles.iconlarge}>\r\n            <Icon20 name=\"kebab\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      default:\r\n        throw new Error(`Unexpected size '${this.props.size}'`);\r\n    }\r\n  }\r\n}\r\n\r\nKebab.propTypes = {\r\n  children: PropTypes.node,\r\n  disabled: PropTypes.bool,\r\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n  /**\r\n   * Размер кебаба small 14px | large 20px\r\n   */\r\n  size: PropTypes.string,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед закрытием кебаба\r\n   */\r\n  onClose: PropTypes.func,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед открытием кебаба\r\n   */\r\n  onOpen: PropTypes.func,\r\n};\r\n"]}