npm - @skbkontur/react-ui - Versions diffs - 0.0.0-e66a3400ba → 0.0.0-ecefada396 - Mend

@@ -0,0 +1,29 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    removeIcon: string;
+};
+export declare const styles: {
+    token(t: Theme): string;
+    disabled(t: Theme): string;
+    text(t: Theme): string;
+    removeIcon(t: Theme): string;
+};
+export declare const colorStyles: {
+    defaultIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    defaultActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    defaultDisabled: (t: Theme) => string;
+    defaultDisabledWarning: (t: Theme) => string;
+    defaultDisabledError: (t: Theme) => string;
+    grayIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    grayActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    blueIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    blueActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    greenIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    greenActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    yellowIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    yellowActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    redIdle: (t: Theme, v: 'error' | 'warning' | null) => string;
+    redActive: (t: Theme, v: 'error' | 'warning' | null) => string;
+    white: (t: Theme, v: 'error' | 'warning' | null) => string;
+    black: (t: Theme, v: 'error' | 'warning' | null) => string;
+};

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Token/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Token/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/TokenInput/TextWidthHelper.js",
+  "module": "TextWidthHelper",
+  "types": "../TextWidthHelper.d.ts",
+  "sideEffects": false
+}

@@ -1,10 +1,18 @@
-import * as React from 'react';
-export interface TextWidthHelperProps {
-    text?: string;
-}
-export default class TextWidthHelper extends React.Component<TextWidthHelperProps> {
-    private element;
-    render(): JSX.Element;
-    getTextWidth(): number;
-    private elementRef;
-}
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+export interface TextWidthHelperProps {
+    text?: string;
+    classHelp: string;
+    theme: Theme;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ * для последующего выставления размеров input
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}

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

	@@ -1 +1 @@
1	- export { ~~default, TokenColors, TokenColorName, TokenProps }~~ from './Token';
1	+ export * from './Token';

@@ -0,0 +1,52 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { styles } from "../TokenInput.styles"; // a thin character to preserve some space
+// for the caret visibillity in the input
+var THIN_SPACE = "\u2009";
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ * для последующего выставления размеров input
+ */
+export var TextWidthHelper = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(TextWidthHelper, _React$Component);
+  function TextWidthHelper() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.element = null;
+    _this.elementRef = function (node) {
+      return _this.element = node;
+    };
+    return _this;
+  }
+  var _proto = TextWidthHelper.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.helperContainer(this.props.theme)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: this.props.classHelp,
+      ref: this.elementRef
+    }, this.props.text || THIN_SPACE));
+  };
+  _proto.getTextWidth = function getTextWidth() {
+    return this.element ? this.element.getBoundingClientRect().width : 0;
+  };
+  _proto.getTextHeight = function getTextHeight() {
+    return this.element.getBoundingClientRect().height;
+  };
+  return TextWidthHelper;
+}(React.Component);

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