@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/cjs/components/TokenInput/TokenInput.styles.js

@@ -1,19 +1,16 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _TokenInput = require("./TokenInput.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      label: function label(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        background-color: ", ";\n        box-shadow: ", ";\n        border: ", " solid ", ";\n        border-top-color: ", ";\n        transition: border-color ", " ", ";\n        box-sizing: border-box;\n        cursor: text;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: start;\n        outline: none;\n        position: relative;\n        border-radius: ", ";\n      "])),
-        t.tokenInputBg,
-        t.tokenInputShadow,
-        t.tokenInputBorderWidth, t.tokenInputBorderColor,
-        t.tokenInputBorderTopColor,
-        t.transitionDuration, t.transitionTimingFunction,
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  label: function label(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ", ";\n    "])),
+    t.tokenInputBg,
+    t.tokenInputShadow,
+    t.tokenInputBorderWidth, t.tokenInputBorderColor,
+    t.tokenInputBorderTopColor,
+    t.transitionDuration, t.transitionTimingFunction,
 
 
 
@@ -21,66 +18,66 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-        t.tokenInputBorderRadius);
+    t.tokenInputBorderRadius);
 
-      },
-      labelSmall: function labelSmall(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _TokenInput.labelSizeMixin)(emotion)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
+  },
+  labelSmall: function labelSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall));
 
-      },
-      labelMedium: function labelMedium(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _TokenInput.labelSizeMixin)(emotion)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
+  },
+  labelMedium: function labelMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium));
 
-      },
-      labelLarge: function labelLarge(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])),
-        (0, _TokenInput.labelSizeMixin)(emotion)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
+  },
+  labelLarge: function labelLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
+    (0, _TokenInput.labelSizeMixin)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge));
 
-      },
+  },
 
-      hovering: function hovering(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:hover {\n          border-color: ", ";\n        }\n      "])),
+  hovering: function hovering(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
 
-        t.tokenInputBorderColorHover);
+    t.tokenInputBorderColorHover);
 
 
-      },
+  },
 
-      warning: function warning(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      "])),
-        t.tokenInputBorderWidth, t.tokenInputBorderColorWarning,
-        t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    t.tokenInputBorderWidth, t.tokenInputBorderColorWarning,
+    t.tokenInputOutlineWidth, t.tokenInputBorderColorWarning);
 
-      },
+  },
 
-      error: function error(t) {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      "])),
-        t.tokenInputBorderWidth, t.tokenInputBorderColorError,
-        t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    t.tokenInputBorderWidth, t.tokenInputBorderColorError,
+    t.tokenInputOutlineWidth, t.tokenInputBorderColorError);
 
-      },
+  },
 
-      labelFocused: function labelFocused(t) {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border: ", " solid ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      "])),
-        t.tokenInputBorderWidth, t.tokenInputBorderColorFocus,
-        t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
+  labelFocused: function labelFocused(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: ", " solid ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+    t.tokenInputBorderWidth, t.tokenInputBorderColorFocus,
+    t.tokenInputOutlineWidth, t.tokenInputBorderColorFocus);
 
-      },
+  },
 
-      labelDisabled: function labelDisabled(t) {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        background-clip: ", ";\n        border-color: ", ";\n        box-shadow: none;\n        cursor: default;\n      "])),
-        t.tokenInputDisabledBg,
-        t.inputDisabledBackgroundClip,
-        t.tokenInputDisabledBorderColor);
+  labelDisabled: function labelDisabled(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      background-clip: ", ";\n      border-color: ", ";\n      box-shadow: none;\n      cursor: default;\n    "])),
+    t.tokenInputDisabledBg,
+    t.inputDisabledBackgroundClip,
+    t.tokenInputDisabledBorderColor);
 
 
 
-      },
+  },
 
-      input: function input(t) {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: transparent;\n        border: none;\n        box-shadow: none;\n        outline: none;\n        font-family: inherit;\n        overflow: hidden;\n        resize: none;\n        -webkit-appearance: none;\n        text-overflow: clip;\n        background-clip: padding-box;\n        transition: background-color 0.15s ease-in;\n        color: ", ";\n        box-sizing: border-box;\n        word-break: break-all;\n        padding: 0;\n        margin: 0;\n        flex: 1 1 100%;\n\n        &::-ms-clear {\n          display: none;\n        }\n        &::placeholder {\n          color: ", ";\n          -webkit-text-fill-color: ", ";\n        }\n        &:disabled::placeholder {\n          color: ", ";\n          -webkit-text-fill-color: ", ";\n        }\n        &:focus::placeholder {\n          color: ", ";\n          -webkit-text-fill-color: ", ";\n        }\n        /* fix firefox placeholder opacity */\n        &:-moz-placeholder {\n          opacity: 1;\n        }\n        &::-moz-placeholder {\n          opacity: 1;\n        }\n      "])),
+  input: function input(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ", ";\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:disabled::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      &:focus::placeholder {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    "])),
 
 
 
@@ -92,7 +89,7 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-        t.tokenInputTextColor,
+    t.tokenInputTextColor,
 
 
 
@@ -103,16 +100,16 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-        t.tokenInputPlaceholderColor,
-        t.tokenInputPlaceholderColor,
+    t.tokenInputPlaceholderColor,
+    t.tokenInputPlaceholderColor,
 
 
-        t.tokenInputPlaceholderColorDisabled,
-        t.tokenInputPlaceholderColorDisabled,
+    t.tokenInputPlaceholderColorDisabled,
+    t.tokenInputPlaceholderColorDisabled,
 
 
-        t.tokenInputPlaceholderColorLight,
-        t.tokenInputPlaceholderColorLight);
+    t.tokenInputPlaceholderColorLight,
+    t.tokenInputPlaceholderColorLight);
 
 
 
@@ -122,43 +119,43 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
-      inputSmall: function inputSmall(t) {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _TokenInput.inputSizeMixin)(emotion)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
+  },
+  inputSmall: function inputSmall(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall));
 
-      },
-      inputMedium: function inputMedium(t) {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _TokenInput.inputSizeMixin)(emotion)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
+  },
+  inputMedium: function inputMedium(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium));
 
-      },
-      inputLarge: function inputLarge(t) {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _TokenInput.inputSizeMixin)(emotion)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
+  },
+  inputLarge: function inputLarge(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _TokenInput.inputSizeMixin)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
 
-      },
+  },
 
-      inputDisabled: function inputDisabled(t) {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        pointer-events: none;\n        /* fix text color in safari */\n        -webkit-text-fill-color: currentcolor;\n        color: ", ";\n      "])),
+  inputDisabled: function inputDisabled(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])),
 
 
 
-        t.tokenInputTextColorDisabled);
+    t.tokenInputTextColorDisabled);
 
-      },
+  },
 
-      inputPlaceholderWrapper: function inputPlaceholderWrapper() {
-        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 1 1 100%;\n      "])));
+  inputPlaceholderWrapper: function inputPlaceholderWrapper() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: 1 1 100%;\n    "])));
 
 
-      },
+  },
 
-      reservedInput: function reservedInput(t) {
-        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        min-width: 2px;\n        color: ", ";\n        word-break: break-all;\n      "])),
+  reservedInput: function reservedInput(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])),
 
-        t.tokenInputTextColorDisabled);
+    t.tokenInputTextColorDisabled);
 
 
-      }
-    }));};
+  }
+});

package/cjs/components/TokenInput/TokenInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_TokenInput","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","getStyles","exports","emotion","memoizeStyle","label","t","css","_taggedTemplateLiteralLoose2","default","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","labelSizeMixin","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","tokenInputBorderColorHover","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","inputSizeMixin","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","tokenFontSizeLarge","tokenInputLineHeightLarge","inputDisabled","tokenInputTextColorDisabled","inputPlaceholderWrapper","reservedInput"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { inputSizeMixin, labelSizeMixin } from './TokenInput.mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    label(t: Theme) {\n      return emotion.css`\n        background-color: ${t.tokenInputBg};\n        box-shadow: ${t.tokenInputShadow};\n        border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n        border-top-color: ${t.tokenInputBorderTopColor};\n        transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        box-sizing: border-box;\n        cursor: text;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: start;\n        outline: none;\n        position: relative;\n        border-radius: ${t.tokenInputBorderRadius};\n      `;\n    },\n    labelSmall(t: Theme) {\n      return emotion.css`\n        ${labelSizeMixin(emotion)(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n      `;\n    },\n    labelMedium(t: Theme) {\n      return emotion.css`\n        ${labelSizeMixin(emotion)(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n      `;\n    },\n    labelLarge(t: Theme) {\n      return emotion.css`\n        ${labelSizeMixin(emotion)(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n      `;\n    },\n\n    hovering(t: Theme) {\n      return emotion.css`\n        &:hover {\n          border-color: ${t.tokenInputBorderColorHover};\n        }\n      `;\n    },\n\n    warning(t: Theme) {\n      return emotion.css`\n        border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n        box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n      `;\n    },\n\n    error(t: Theme) {\n      return emotion.css`\n        border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n        box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n      `;\n    },\n\n    labelFocused(t: Theme) {\n      return emotion.css`\n        border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n        box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n      `;\n    },\n\n    labelDisabled(t: Theme) {\n      return emotion.css`\n        background: ${t.tokenInputDisabledBg};\n        background-clip: ${t.inputDisabledBackgroundClip};\n        border-color: ${t.tokenInputDisabledBorderColor};\n        box-shadow: none;\n        cursor: default;\n      `;\n    },\n\n    input(t: Theme) {\n      return emotion.css`\n        background: transparent;\n        border: none;\n        box-shadow: none;\n        outline: none;\n        font-family: inherit;\n        overflow: hidden;\n        resize: none;\n        -webkit-appearance: none;\n        text-overflow: clip;\n        background-clip: padding-box;\n        transition: background-color 0.15s ease-in;\n        color: ${t.tokenInputTextColor};\n        box-sizing: border-box;\n        word-break: break-all;\n        padding: 0;\n        margin: 0;\n        flex: 1 1 100%;\n\n        &::-ms-clear {\n          display: none;\n        }\n        &::placeholder {\n          color: ${t.tokenInputPlaceholderColor};\n          -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n        }\n        &:disabled::placeholder {\n          color: ${t.tokenInputPlaceholderColorDisabled};\n          -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n        }\n        &:focus::placeholder {\n          color: ${t.tokenInputPlaceholderColorLight};\n          -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n        }\n        /* fix firefox placeholder opacity */\n        &:-moz-placeholder {\n          opacity: 1;\n        }\n        &::-moz-placeholder {\n          opacity: 1;\n        }\n      `;\n    },\n    inputSmall(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n      `;\n    },\n    inputMedium(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n      `;\n    },\n    inputLarge(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n      `;\n    },\n\n    inputDisabled(t: Theme) {\n      return emotion.css`\n        pointer-events: none;\n        /* fix text color in safari */\n        -webkit-text-fill-color: currentcolor;\n        color: ${t.tokenInputTextColorDisabled};\n      `;\n    },\n\n    inputPlaceholderWrapper() {\n      return emotion.css`\n        flex: 1 1 100%;\n      `;\n    },\n\n    reservedInput(t: Theme) {\n      return emotion.css`\n        min-width: 2px;\n        color: ${t.tokenInputTextColorDisabled};\n        word-break: break-all;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA,wBAAqE,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAE9D,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,KAAK,WAAAA,MAACC,CAAQ,EAAE;QACd,OAAOH,OAAO,CAACI,GAAG,CAAAtB,eAAA,KAAAA,eAAA,OAAAuB,4BAAA,CAAAC,OAAA;QACIH,CAAC,CAACI,YAAY;QACpBJ,CAAC,CAACK,gBAAgB;QACtBL,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAACO,qBAAqB;QAC9CP,CAAC,CAACQ,wBAAwB;QACnBR,CAAC,CAACS,kBAAkB,EAAIT,CAAC,CAACU,wBAAwB;;;;;;;;QAQ5DV,CAAC,CAACW,sBAAsB;;MAE7C,CAAC;MACDC,UAAU,WAAAA,WAACZ,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACI,GAAG,CAAArB,gBAAA,KAAAA,gBAAA,OAAAsB,4BAAA,CAAAC,OAAA;QACd,IAAAU,0BAAc,EAAChB,OAAO,CAAC,CAACG,CAAC,CAACc,uBAAuB,EAAEd,CAAC,CAACe,uBAAuB,CAAC;;MAEnF,CAAC;MACDC,WAAW,WAAAA,YAAChB,CAAQ,EAAE;QACpB,OAAOH,OAAO,CAACI,GAAG,CAAApB,gBAAA,KAAAA,gBAAA,OAAAqB,4BAAA,CAAAC,OAAA;QACd,IAAAU,0BAAc,EAAChB,OAAO,CAAC,CAACG,CAAC,CAACiB,wBAAwB,EAAEjB,CAAC,CAACkB,wBAAwB,CAAC;;MAErF,CAAC;MACDC,UAAU,WAAAA,WAACnB,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACI,GAAG,CAAAnB,gBAAA,KAAAA,gBAAA,OAAAoB,4BAAA,CAAAC,OAAA;QACd,IAAAU,0BAAc,EAAChB,OAAO,CAAC,CAACG,CAAC,CAACoB,uBAAuB,EAAEpB,CAAC,CAACqB,uBAAuB,CAAC;;MAEnF,CAAC;;MAEDC,QAAQ,WAAAA,SAACtB,CAAQ,EAAE;QACjB,OAAOH,OAAO,CAACI,GAAG,CAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;;QAEEH,CAAC,CAACuB,0BAA0B;;;MAGlD,CAAC;;MAEDC,OAAO,WAAAA,QAACxB,CAAQ,EAAE;QAChB,OAAOH,OAAO,CAACI,GAAG,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;QACNH,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAACyB,4BAA4B;QACrDzB,CAAC,CAAC0B,sBAAsB,EAAI1B,CAAC,CAACyB,4BAA4B;;MAElF,CAAC;;MAEDE,KAAK,WAAAA,MAAC3B,CAAQ,EAAE;QACd,OAAOH,OAAO,CAACI,GAAG,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;QACNH,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAAC4B,0BAA0B;QACnD5B,CAAC,CAAC0B,sBAAsB,EAAI1B,CAAC,CAAC4B,0BAA0B;;MAEhF,CAAC;;MAEDC,YAAY,WAAAA,aAAC7B,CAAQ,EAAE;QACrB,OAAOH,OAAO,CAACI,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;QACNH,CAAC,CAACM,qBAAqB,EAAUN,CAAC,CAAC8B,0BAA0B;QACnD9B,CAAC,CAAC0B,sBAAsB,EAAI1B,CAAC,CAAC8B,0BAA0B;;MAEhF,CAAC;;MAEDC,aAAa,WAAAA,cAAC/B,CAAQ,EAAE;QACtB,OAAOH,OAAO,CAACI,GAAG,CAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;QACFH,CAAC,CAACgC,oBAAoB;QACjBhC,CAAC,CAACiC,2BAA2B;QAChCjC,CAAC,CAACkC,6BAA6B;;;;MAInD,CAAC;;MAEDC,KAAK,WAAAA,MAACnC,CAAQ,EAAE;QACd,OAAOH,OAAO,CAACI,GAAG,CAAAb,iBAAA,KAAAA,iBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;;;;;;;QAYPH,CAAC,CAACoC,mBAAmB;;;;;;;;;;;QAWnBpC,CAAC,CAACqC,0BAA0B;QACVrC,CAAC,CAACqC,0BAA0B;;;QAG9CrC,CAAC,CAACsC,kCAAkC;QAClBtC,CAAC,CAACsC,kCAAkC;;;QAGtDtC,CAAC,CAACuC,+BAA+B;QACfvC,CAAC,CAACuC,+BAA+B;;;;;;;;;;MAUlE,CAAC;MACDC,UAAU,WAAAA,WAACxC,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACI,GAAG,CAAAZ,iBAAA,KAAAA,iBAAA,OAAAa,4BAAA,CAAAC,OAAA;QACd,IAAAsC,0BAAc,EAAC5C,OAAO,CAAC,CAACG,CAAC,CAAC0C,kBAAkB,EAAE1C,CAAC,CAAC2C,yBAAyB,CAAC;;MAEhF,CAAC;MACDC,WAAW,WAAAA,YAAC5C,CAAQ,EAAE;QACpB,OAAOH,OAAO,CAACI,GAAG,CAAAX,iBAAA,KAAAA,iBAAA,OAAAY,4BAAA,CAAAC,OAAA;QACd,IAAAsC,0BAAc,EAAC5C,OAAO,CAAC,CAACG,CAAC,CAAC6C,mBAAmB,EAAE7C,CAAC,CAAC8C,0BAA0B,CAAC;;MAElF,CAAC;MACDC,UAAU,WAAAA,WAAC/C,CAAQ,EAAE;QACnB,OAAOH,OAAO,CAACI,GAAG,CAAAV,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;QACd,IAAAsC,0BAAc,EAAC5C,OAAO,CAAC,CAACG,CAAC,CAACgD,kBAAkB,EAAEhD,CAAC,CAACiD,yBAAyB,CAAC;;MAEhF,CAAC;;MAEDC,aAAa,WAAAA,cAAClD,CAAQ,EAAE;QACtB,OAAOH,OAAO,CAACI,GAAG,CAAAT,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;QAIPH,CAAC,CAACmD,2BAA2B;;MAE1C,CAAC;;MAEDC,uBAAuB,WAAAA,wBAAA,EAAG;QACxB,OAAOvD,OAAO,CAACI,GAAG,CAAAR,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDkD,aAAa,WAAAA,cAACrD,CAAQ,EAAE;QACtB,OAAOH,OAAO,CAACI,GAAG,CAAAP,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;QAEPH,CAAC,CAACmD,2BAA2B;;;MAG1C;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_TokenInput","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","styles","exports","memoizeStyle","label","t","css","_taggedTemplateLiteralLoose2","default","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","labelSizeMixin","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","tokenInputBorderColorHover","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","inputSizeMixin","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","tokenFontSizeLarge","tokenInputLineHeightLarge","inputDisabled","tokenInputTextColorDisabled","inputPlaceholderWrapper","reservedInput"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { labelSizeMixin, inputSizeMixin } from './TokenInput.mixins';\n\nexport const styles = memoizeStyle({\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/TokenInput/TokenInputMenu.d.ts

@@ -6,14 +6,14 @@ import { TokenSize } from '../Token';
 import { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
 export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
     anchorElement: PopupProps['anchorElement'];
+    /** Задает шинину выпадающего меню. */
     menuWidth: TokenInputProps<string>['menuWidth'];
+    /** Задает выравнивание выпадающего меню. */
     menuAlign: TokenInputMenuAlign;
-    /**
-     * Позволяет задать `id` выпадающему меню.
-     *
-     * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.
-     */
+    /** Задает id выпадающему меню.
+     Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */
     popupMenuId?: HTMLProps['id'];
+    /** Задает размер контрола. */
     size?: TokenSize;
 }
 export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {

package/cjs/components/TokenInput/TokenInputMenu.js

@@ -119,6 +119,7 @@ TokenInputMenu = exports.TokenInputMenu = /*#__PURE__*/function (_React$Componen
 
 
 
+
 
 
     getPopupMargin = function () {
@@ -129,4 +130,4 @@ TokenInputMenu = exports.TokenInputMenu = /*#__PURE__*/function (_React$Componen
       return paddingY + outlineWidth + marginY;
     };_this.
 
-    menuRef = function (node) {return _this.menu = node;};return _this;}(0, _inheritsLoose2.default)(TokenInputMenu, _React$Component);var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.getPopupMarginSize = function getPopupMarginSize(t) {switch (this.props.size) {case 'large':return t.tokenInputPopupMarginLarge;case 'medium':return t.tokenInputPopupMarginMedium;case 'small':default:return t.tokenInputPopupMarginSmall;}};_proto.renderMain = function renderMain() {var _this$props = this.props,loading = _this$props.loading,maxMenuHeight = _this$props.maxMenuHeight,renderTotalCount = _this$props.renderTotalCount,totalCount = _this$props.totalCount,opened = _this$props.opened,items = _this$props.items,renderNotFound = _this$props.renderNotFound,renderItem = _this$props.renderItem,onValueChange = _this$props.onValueChange,renderAddButton = _this$props.renderAddButton,anchorElement = _this$props.anchorElement,menuWidth = _this$props.menuWidth,menuAlign = _this$props.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: this.props.popupMenuId, "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: ['bottom left', 'top left'], anchorElement: anchorElement, popupOffset: menuAlign === 'left' ? parseInt(this.theme.tokenInputPopupOffset) : 8 + parseInt(this.theme.tokenInputPopupOffset), margin: menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme)), hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { items: items, loading: loading, hasMargin: false, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';TokenInputMenu.displayName = 'TokenInputMenu';
+    menuRef = function (node) {return _this.menu = node;};return _this;}(0, _inheritsLoose2.default)(TokenInputMenu, _React$Component);var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.getPopupMarginSize = function getPopupMarginSize(t) {switch (this.props.size) {case 'large':return t.tokenInputPopupMarginLarge;case 'medium':return t.tokenInputPopupMarginMedium;case 'small':default:return t.tokenInputPopupMarginSmall;}};_proto.renderMain = function renderMain() {var _this$props = this.props,loading = _this$props.loading,maxMenuHeight = _this$props.maxMenuHeight,renderTotalCount = _this$props.renderTotalCount,totalCount = _this$props.totalCount,opened = _this$props.opened,items = _this$props.items,renderNotFound = _this$props.renderNotFound,renderItem = _this$props.renderItem,onValueChange = _this$props.onValueChange,renderAddButton = _this$props.renderAddButton,anchorElement = _this$props.anchorElement,menuWidth = _this$props.menuWidth,menuAlign = _this$props.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: this.props.popupMenuId, "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: ['bottom left', 'top left'], anchorElement: anchorElement, popupOffset: menuAlign === 'left' ? parseInt(this.theme.tokenInputPopupOffset) : 8 + parseInt(this.theme.tokenInputPopupOffset), margin: menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme)), hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { size: this.props.size, items: items, loading: loading, hasMargin: false, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';TokenInputMenu.displayName = 'TokenInputMenu';

package/cjs/components/TokenInput/TokenInputMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Popup","_CustomComboBox","_ThemeContext","_TokenInput","TokenInputMenu","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","props","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","Popup","id","popupMenuId","TokenInputDataTids","tokenInputMenu","positions","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","ComboBoxMenu","hasMargin","refMenu","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { TokenSize } from '../Token';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: PopupProps['anchorElement'];\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  menuAlign: TokenInputMenuAlign;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\n  size?: TokenSize;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElement,\n      menuWidth,\n      menuAlign,\n    } = this.props;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          items={items}\n          loading={loading}\n          hasMargin={false}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Popup","_CustomComboBox","_ThemeContext","_TokenInput","TokenInputMenu","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","props","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","Popup","id","popupMenuId","TokenInputDataTids","tokenInputMenu","positions","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","ComboBoxMenu","hasMargin","refMenu","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { TokenSize } from '../Token';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: PopupProps['anchorElement'];\n  /** Задает шинину выпадающего меню. */\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign: TokenInputMenuAlign;\n  /** Задает id выпадающему меню.\n   Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */\n  popupMenuId?: HTMLProps['id'];\n  /** Задает размер контрола. */\n  size?: TokenSize;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: this.getPopupMargin() + 'px',\n                  popupBackground: this.theme.tokenInputMenuPopupBg,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElement,\n      menuWidth,\n      menuAlign,\n    } = this.props;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          size={this.props.size}\n          items={items}\n          loading={loading}\n          hasMargin={false}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}