npm - @salutejs/plasma-new-hope - Versions diffs - 0.157.0-canary.1451.11120831030.0 → 0.157.0-canary.1459.11144116576.0 - Mend

@salutejs/plasma-new-hope 0.157.0-canary.1451.11120831030.0 → 0.157.0-canary.1459.11144116576.0

Files changed (357) hide show

package/cjs/components/TextArea/variations/_hint-size/base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_hint-size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tooltipTokens } from '../../../Tooltip';\nimport { tokens } from '../../TextArea.tokens';\nimport { Hint } from '../../TextArea.styles';\n\nexport const base = css`\n ${Hint} {\n ${tooltipTokens.paddingTop}: var(${tokens.tooltipPaddingTop});\n ${tooltipTokens.paddingRight}: var(${tokens.tooltipPaddingRight});\n ${tooltipTokens.paddingBottom}: var(${tokens.tooltipPaddingBottom});\n ${tooltipTokens.paddingLeft}: var(${tokens.tooltipPaddingLeft});\n\n ${tooltipTokens.minHeight}: var(${tokens.tooltipMinHeight});\n ${tooltipTokens.borderRadius}: var(${tokens.tooltipBorderRadius});\n\n ${tooltipTokens.textFontFamily}: var(${tokens.tooltipTextFontFamily});\n ${tooltipTokens.textFontSize}: var(${tokens.tooltipTextFontSize});\n ${tooltipTokens.textFontStyle}: var(${tokens.tooltipTextFontStyle});\n ${tooltipTokens.textFontWeight}: var(${tokens.tooltipTextFontWeight});\n ${tooltipTokens.textFontLetterSpacing}: var(${tokens.tooltipTextFontLetterSpacing});\n ${tooltipTokens.textFontLineHeight}: var(${tokens.tooltipTextFontLineHeight});\n\n ${tooltipTokens.contentLeftMargin}: var(${tokens.tooltipContentLeftMargin});\n\n ${tooltipTokens.arrowMaskWidth}: var(${tokens.tooltipArrowMaskWidth});\n ${tooltipTokens.arrowMaskHeight}: var(${tokens.tooltipArrowMaskHeight});\n ${tooltipTokens.arrowMaskImage}: url(${tokens.tooltipArrowMaskImage});\n ${tooltipTokens.arrowHeight}: var(${tokens.tooltipArrowHeight});\n ${tooltipTokens.arrowEdgeMargin}: var(${tokens.tooltipArrowEdgeMargin});\n ${tooltipTokens.arrowBackground}: var(${tokens.tooltipArrowBackground});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GA0BhB;;;;"}

package/cjs/components/TextArea/variations/_hint-size/base_1pzfoj7.css ADDED Viewed

@@ -0,0 +1 @@

+ .bfm7p1t .h1luq7vd{--plasma-tooltip-padding-top:var(--plasma-textarea__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textarea__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textarea__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textarea__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textarea__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textarea__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textarea__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textarea__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textarea__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textarea__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textarea__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textarea__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textarea__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textarea__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textarea__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:url(--plasma-textarea__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textarea__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textarea__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textarea__tooltip-arrow-background);}

package/cjs/components/TextArea/variations/_hint-view/base.js ADDED Viewed

@@ -0,0 +1,9 @@
+import './base_111a0qe.css';
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var base = "b193dn9j";
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/components/TextArea/variations/_hint-view/base.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_hint-view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tooltipTokens } from '../../../Tooltip';\nimport { Hint } from '../../TextArea.styles';\nimport { tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n ${Hint} {\n ${tooltipTokens.backgroundColor}: var(${tokens.tooltipBackgroundColor});\n ${tooltipTokens.boxShadow}: var(${tokens.tooltipBoxShadow});\n ${tooltipTokens.color}: var(${tokens.tooltipColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAMO,IAAMA,IAAI,GAMhB;;;;"}

package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .b193dn9j .h1luq7vd{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}

package/cjs/components/TextArea/variations/_view/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './base_d83rii.css';
+import './base_1ri7c88.css';
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/TextArea/variations/_view/base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = `not(~~.${classes.clear}):not(~~[disabled]):not([readonly]):not(:focus-within)~~`;\~~n\nexport const base = css`\n .${~~String~~(~~styledContainer~~)} {\n transition: box-shadow 0.1s ease-in-out;\n border-radius: var(${tokens.borderRadius});\n border: var(${tokens.borderSize}) solid var(${tokens.borderColor});\n }\n\n .${~~String(~~styledTextAreaWrapper)} {\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n }\n\n &:focus-within:not([readonly]) .${~~String(~~styledTextAreaWrapper)} {\n background-color: var(${tokens.inputBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${~~String(~~styledContainer)} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${~~String(~~styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorFocus});\n }\n\n &:hover:${exclusionSelectors} .${~~String(~~styledContainer)} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorHover});\n }\n\n &:hover:${exclusionSelectors} .${~~String(~~styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n background-color: var(${tokens.inputBackgroundColorHover});\n }\n\n &:hover:${exclusionSelectors} .${~~String(~~styledTextAreaWrapper)} + .${~~String(~~styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorHover});\n }\n\n &:active:${exclusionSelectors} .${~~String(~~styledTextAreaWrapper)} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n background-color: var(${tokens.inputBackgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${~~String(~~styledTextAreaWrapper)} + .${~~String(~~styledHelpers)} {\n background-color: var(${tokens.helpersBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;~~AAQO~~,IAAMA,IAAI,~~GA8ChB~~;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\nimport { TitleCaption } from '../../TextArea.styles';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';\n\nexport const base = css`\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColor});\n }\n\n .${styledContainer} {\n transition: box-shadow 0.1s ease-in-out;\n border-radius: var(${tokens.borderRadius});\n border: var(${tokens.borderSize}) solid var(${tokens.borderColor});\n }\n\n .${styledTextAreaWrapper} {\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n }\n\n &:focus-within:not([readonly]) .${styledTextAreaWrapper} {\n background-color: var(${tokens.inputBackgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${styledContainer} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorFocus});\n }\n\n &:focus-within:not([readonly]) .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorFocus});\n }\n\n &:hover:${exclusionSelectors} .${styledContainer} {\n border: var(${tokens.borderSize}) solid var(${tokens.borderColorHover});\n }\n\n &:hover:${exclusionSelectors} .${styledTextAreaWrapper} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n background-color: var(${tokens.inputBackgroundColorHover});\n }\n\n &:hover:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorHover});\n }\n\n &:active:${exclusionSelectors} .${styledTextAreaWrapper} {\n box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n background-color: var(${tokens.inputBackgroundColorActive});\n }\n\n &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n background-color: var(${tokens.helpersBackgroundColorActive});\n }\n`;\n"],"names":["base"],"mappings":";;;;AASO,IAAMA,IAAI,GAkDhB;;;;"}

package/cjs/components/TextArea/variations/_view/base_1ri7c88.css ADDED Viewed

@@ -0,0 +1 @@

+ .bofyi4a .t18bd513{color:var(--plasma-textarea__title-caption-color);}.bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}

package/cjs/components/TextField/TextField.js CHANGED Viewed

@@ -7,17 +7,23 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
 var index = require('../../utils/index.js');
+require('@linaria/react');
+var IconInfoCircleOutline = require('../_Icon/Icons/IconInfoCircleOutline.js');
+var useOutsideClick = require('../../hooks/useOutsideClick.js');
 var base$2 = require('./variations/_size/base.js');
 var base$1 = require('./variations/_view/base.js');
 var base$3 = require('./variations/_disabled/base.js');
 var base$4 = require('./variations/_read-only/base.js');
 var base$5 = require('./variations/_label-placement/base.js');
+var base$6 = require('./variations/_hint-view/base.js');
+var base$7 = require('./variations/_hint-size/base.js');
 var TextField_styles = require('./TextField.styles.js');
 var TextField_tokens = require('./TextField.tokens.js');
 var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
 var useKeyNavigation = require('./hooks/useKeyNavigation.js');
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _IconInfoCircleOutlin, _IconInfoCircleOutlin2;
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hasHint", "hintTrigger", "hintText", "hintView", "hintSize", "hintTarget", "hintPlacement", "hintHasArrow", "hintOffset", "hintMinWidth", "hintMaxWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 var optionalText = 'optional';
 var base = "bpunezx";
 var textFieldRoot = function textFieldRoot(Root) {
@@ -38,6 +44,23 @@ var textFieldRoot = function textFieldRoot(Root) {
       enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
       _ref$requiredPlacemen = _ref.requiredPlacement,
       requiredPlacement = _ref$requiredPlacemen === void 0 ? 'right' : _ref$requiredPlacemen,
+      titleCaption = _ref.titleCaption,
+      hasHint = _ref.hasHint,
+      _ref$hintTrigger = _ref.hintTrigger,
+      hintTrigger = _ref$hintTrigger === void 0 ? 'hover' : _ref$hintTrigger,
+      hintText = _ref.hintText,
+      _ref$hintView = _ref.hintView,
+      hintView = _ref$hintView === void 0 ? 'default' : _ref$hintView,
+      _ref$hintSize = _ref.hintSize,
+      hintSize = _ref$hintSize === void 0 ? 'm' : _ref$hintSize,
+      hintTarget = _ref.hintTarget,
+      _ref$hintPlacement = _ref.hintPlacement,
+      hintPlacement = _ref$hintPlacement === void 0 ? 'auto' : _ref$hintPlacement,
+      hintHasArrow = _ref.hintHasArrow,
+      hintOffset = _ref.hintOffset,
+      hintMinWidth = _ref.hintMinWidth,
+      hintMaxWidth = _ref.hintMaxWidth,
+      hintContentLeft = _ref.hintContentLeft,
       view = _ref.view,
       size = _ref.size,
       _ref$readOnly = _ref.readOnly,
@@ -71,10 +94,15 @@ var textFieldRoot = function textFieldRoot(Root) {
       _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
       chips = _useState4[0],
       setChips = _useState4[1];
+    var _useState5 = React.useState(false),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      showHint = _useState6[0],
+      setShowHint = _useState6[1];
     var uniqId = plasmaCore.safeUseId();
     var innerId = id || uniqId;
     var labelId = plasmaCore.safeUseId();
     var helperTextId = plasmaCore.safeUseId();
+    var hintId = plasmaCore.safeUseId();
     var isChipEnumeration = enumerationType === 'chip';
     var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
     var withHasChips = isChipsVisible ? TextField_tokens.classes.hasChips : undefined;
@@ -91,9 +119,31 @@ var textFieldRoot = function textFieldRoot(Root) {
     var hasValueClass = hasValue ? TextField_tokens.classes.hasValue : undefined;
     var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? TextField_tokens.classes.hasEmptyContentLeft : undefined;
     var wrapperWithoutRightContent = !contentRight && isChipsVisible ? TextField_tokens.classes.hasEmptyContentRight : undefined;
+    var hintRef = useOutsideClick.useOutsideClick(function () {
+      setShowHint(false);
+    });
+    var hintInnerRef = React.useRef(null);
+    var hintForkRef = plasmaCore.useForkRef(hintRef, hintInnerRef);
     var handleInput = function handleInput(event) {
       setHasValue(Boolean(event.target.value));
     };
+    var handleShowHint = function handleShowHint() {
+      return setShowHint(true);
+    };
+    var handleHideHint = function handleHideHint() {
+      return setShowHint(false);
+    };
+    var handleClickHint = function handleClickHint(event) {
+      if (hasHint && hintTrigger === 'click') {
+        var _hintInnerRef$current;
+        event.stopPropagation();
+        var targetIsPopover = event.target === hintInnerRef.current;
+        var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
+        if (!targetIsPopover && !rootHasTarget) {
+          setShowHint(true);
+        }
+      }
+    };
     var handleChange = function handleChange(event) {
       if (disabled || readOnly) {
         return;
@@ -172,7 +222,7 @@ var textFieldRoot = function textFieldRoot(Root) {
     var innerOptional = Boolean(required ? false : optional);
     var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;
     var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(TextField_styles.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\xa0', optionalText) : null;
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       size: size,
       disabled: disabled,
@@ -181,19 +231,70 @@ var textFieldRoot = function textFieldRoot(Root) {
       onClick: handleInputFocus,
       className: index.cx(labelPlacementClass, TextField_tokens.classes.textFieldGroupItem, className),
       style: style
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(TextField_styles.Label, {
+    }, hasHint && {
+      hintView: hintView,
+      hintSize: hintSize
+    }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(TextField_styles.OuterLabelWrapper, {
+      isInnnerLabel: labelPlacement === 'inner'
+    }, hasOuterLabel && /*#__PURE__*/React.createElement(TextField_styles.StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(TextField_styles.Label, {
       id: labelId,
       htmlFor: id
-    }, required && /*#__PURE__*/React.createElement(TextField_styles.StyledIndicator, {
+    }, innerLabelValue), hasHint && /*#__PURE__*/React.createElement(TextField_styles.StyledHintWrapper, null, /*#__PURE__*/React.createElement(TextField_styles.Hint, {
+      text: String(hintText),
+      opened: showHint,
+      target: hintTarget || /*#__PURE__*/React.createElement(TextField_styles.HintTargetWrapper, _rollupPluginBabelHelpers.extends({
+        id: hintId
+      }, hintTrigger === 'hover' ? {
+        onMouseEnter: handleShowHint,
+        onMouseLeave: handleHideHint
+      } : {
+        onClick: handleClickHint
+      }), _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline.IconInfoCircleOutline, {
+        size: "xs",
+        color: "inherit"
+      }))),
+      placement: hintPlacement,
+      hasArrow: hintHasArrow,
+      offset: hintOffset,
+      minWidth: hintMinWidth,
+      maxWidth: hintMaxWidth,
+      contentLeft: hintContentLeft,
+      frame: hintId,
+      ref: hintForkRef
+    })), required && /*#__PURE__*/React.createElement(TextField_styles.StyledIndicator, {
       className: index.cx(TextField_tokens.classes.outerLabelPlacement, requiredPlacementClass)
-    }), innerLabelValue, optionalTextNode), /*#__PURE__*/React.createElement(TextField_styles.InputWrapper
+    }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TextField_styles.TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(TextField_styles.InputWrapper
     // Ref для внутреннего использования. Не отдается наружу.
     , {
       ref: rest.inputWrapperRef,
       className: index.cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
-    }, !hasOuterLabel && required && /*#__PURE__*/React.createElement(TextField_styles.StyledIndicator, {
+    }, !hasOuterLabel && /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(TextField_styles.StyledIndicator, {
       className: index.cx(TextField_tokens.classes.innerLabelPlacement, requiredPlacementClass)
-    }), contentLeft && /*#__PURE__*/React.createElement(TextField_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(TextField_styles.InputLabelWrapper, {
+    }), hasHint && /*#__PURE__*/React.createElement(TextField_styles.StyledHintWrapper, {
+      className: TextField_tokens.classes.innerLabelPlacement
+    }, /*#__PURE__*/React.createElement(TextField_styles.Hint, {
+      text: String(hintText),
+      opened: showHint,
+      target: hintTarget || /*#__PURE__*/React.createElement(TextField_styles.HintTargetWrapper, _rollupPluginBabelHelpers.extends({
+        id: hintId
+      }, hintTrigger === 'hover' ? {
+        onMouseEnter: handleShowHint,
+        onMouseLeave: handleHideHint
+      } : {
+        onClick: handleClickHint
+      }), _IconInfoCircleOutlin2 || (_IconInfoCircleOutlin2 = /*#__PURE__*/React.createElement(IconInfoCircleOutline.IconInfoCircleOutline, {
+        size: "xs",
+        color: "inherit"
+      }))),
+      placement: hintPlacement,
+      hasArrow: hintHasArrow,
+      offset: hintOffset,
+      minWidth: hintMinWidth,
+      maxWidth: hintMaxWidth,
+      contentLeft: hintContentLeft,
+      frame: hintId,
+      ref: hintForkRef
+    }))), contentLeft && /*#__PURE__*/React.createElement(TextField_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(TextField_styles.InputLabelWrapper, {
       tabIndex: -1,
       ref: contentRef,
       onKeyDown: handleContentKeyDown,
@@ -262,6 +363,12 @@ var textFieldConfig = {
     },
     labelPlacement: {
       css: base$5.base
+    },
+    hintView: {
+      css: base$6.base
+    },
+    hintSize: {
+      css: base$7.base
     }
   },
   defaults: {

package/cjs/components/TextField/TextField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { FormEventHandler, ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n Input,\n InputContainer,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n StyledOptionalText,\n InputPlaceholder,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nconst optionalText = 'optional';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredPlacement = 'right',\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n optional,\n\n // controlled\n value: outerValue,\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [hasValue, setHasValue] = useState(\n Boolean(outerValue) \|\| Boolean(inputRef?.current?.value) \|\| Boolean(rest?.defaultValue),\n );\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const isChipsVisible = isChipEnumeration && Boolean(chips?.length);\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n\n const hasLabelValue = Boolean(label);\n const hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;\n const hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;\n const hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;\n\n const innerLabelValue = hasInnerLabel \|\| hasOuterLabel ? label : undefined;\n const innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;\n\n const innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;\n const placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;\n\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n const labelPlacementClass = innerLabelPlacementValue\n ? classes[`${innerLabelPlacementValue}LabelPlacement` as keyof typeof classes]\n : undefined;\n const hasValueClass = hasValue ? classes.hasValue : undefined;\n\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const handleInput: FormEventHandler<HTMLInputElement> = (event) => {\n setHasValue(Boolean((event.target as HTMLInputElement).value));\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n onEnterDisabled: (rest as any).onEnterDisabled,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly \|\| disabled \|\| !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement \| null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) \|\| [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n useEffect(() => {\n setHasValue(Boolean(rest?.defaultValue));\n }, [rest.defaultValue]);\n\n useEffect(() => {\n setHasValue(Boolean(outerValue) \|\| Boolean(inputRef?.current?.value));\n }, [outerValue, inputRef?.current?.value]);\n\n const innerOptional = Boolean(required ? false : optional);\n const hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, classes.textFieldGroupItem, className)}\n style={style}\n >\n {hasOuterLabel && (\n <Label id={labelId} htmlFor={id}>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n <InputWrapper\n // Ref для внутреннего использования. Не отдается наружу.\n ref={(rest as any).inputWrapperRef}\n className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}\n >\n {!hasOuterLabel && required && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <InputContainer>\n <Input\n ref={inputForkRef}\n id={innerId}\n value={outerValue}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n className={cx(hasValueClass)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onInput={handleInput}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {hasInnerLabel && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n {placeholderShown && !hasValue && (\n <InputPlaceholder>\n {innerPlaceholderValue}\n {hasPlaceholderOptional && optionalTextNode}\n </InputPlaceholder>\n )}\n </InputContainer>\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["optionalText","base","textFieldRoot","Root","forwardRef","_ref","ref","_inputRef$current","_inputRef$current3","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredPlacemen","requiredPlacement","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","optional","outerValue","value","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","Boolean","current","defaultValue","_useState2","_slicedToArray","hasValue","setHasValue","_useState3","_useState4","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","isChipsVisible","length","withHasChips","classes","hasChips","undefined","hasLabelValue","hasInnerLabel","hasOuterLabel","hasPlaceholder","innerLabelValue","innerLabelPlacementValue","innerPlaceholderValue","placeholderShown","requiredPlacementClass","labelPlacementClass","concat","hasValueClass","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleInput","event","target","handleChange","_event$target","maxLength","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","onEnterDisabled","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","_inputRef$current2","innerOptional","hasPlaceholderOptional","optionalTextNode","React","createElement","StyledOptionalText","onClick","cx","textFieldGroupItem","Label","htmlFor","StyledIndicator","outerLabelPlacement","InputWrapper","inputWrapperRef","innerLabelPlacement","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","InputContainer","Input","_extends","onInput","InputPlaceholder","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { FormEventHandler, ChangeEventHandler, KeyboardEvent, ChangeEvent, MouseEventHandler } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconInfoCircleOutline } from '../_Icon';\nimport { useOutsideClick } from '../../hooks';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps, TextFieldRootProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport {\n Input,\n InputContainer,\n LeftHelper,\n Label,\n InputWrapper,\n InputLabelWrapper,\n StyledContentLeft,\n StyledContentRight,\n StyledChips,\n StyledTextBefore,\n StyledTextAfter,\n StyledIndicator,\n StyledOptionalText,\n InputPlaceholder,\n OuterLabelWrapper,\n TitleCaption,\n StyledHintWrapper,\n HintTargetWrapper,\n StyledIndicatorWrapper,\n Hint,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nconst optionalText = 'optional';\n\nexport const base = css`\n /* NOTE: Webkit не применяет opacity к inline тегам */\n display: block;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldRootProps>) =>\n forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n id,\n className,\n style,\n\n // layout\n contentLeft,\n contentRight,\n label,\n labelPlacement,\n textBefore,\n textAfter,\n placeholder,\n leftHelper,\n enumerationType = 'plain',\n requiredPlacement = 'right',\n titleCaption,\n\n // hint\n hasHint,\n hintTrigger = 'hover',\n hintText,\n hintView = 'default',\n hintSize = 'm',\n hintTarget,\n hintPlacement = 'auto',\n hintHasArrow,\n hintOffset,\n hintMinWidth,\n hintMaxWidth,\n hintContentLeft,\n\n // variations\n view,\n size,\n readOnly = false,\n disabled = false,\n required = false,\n optional,\n\n // controlled\n value: outerValue,\n chips: values,\n\n // events\n onChange,\n onChangeChips,\n onSearch,\n onKeyDown,\n\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n const [hasValue, setHasValue] = useState(\n Boolean(outerValue) \|\| Boolean(inputRef?.current?.value) \|\| Boolean(rest?.defaultValue),\n );\n const [chips, setChips] = useState<Array<ChipValues>>([]);\n const [showHint, setShowHint] = useState(false);\n\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const labelId = safeUseId();\n const helperTextId = safeUseId();\n const hintId = safeUseId();\n\n const isChipEnumeration = enumerationType === 'chip';\n const isChipsVisible = isChipEnumeration && Boolean(chips?.length);\n const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n\n const hasLabelValue = Boolean(label);\n const hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;\n const hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;\n const hasPlaceholder = Boolean(placeholder) && !hasInnerLabel;\n\n const innerLabelValue = hasInnerLabel \|\| hasOuterLabel ? label : undefined;\n const innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;\n\n const innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;\n const placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;\n\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n const labelPlacementClass = innerLabelPlacementValue\n ? classes[`${innerLabelPlacementValue}LabelPlacement` as keyof typeof classes]\n : undefined;\n const hasValueClass = hasValue ? classes.hasValue : undefined;\n\n const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n const wrapperWithoutRightContent =\n !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n const hintRef = useOutsideClick<HTMLDivElement>(() => {\n setShowHint(false);\n });\n const hintInnerRef = useRef<HTMLDivElement>(null);\n const hintForkRef = useForkRef(hintRef, hintInnerRef);\n\n const handleInput: FormEventHandler<HTMLInputElement> = (event) => {\n setHasValue(Boolean((event.target as HTMLInputElement).value));\n };\n\n const handleShowHint = () => setShowHint(true);\n const handleHideHint = () => setShowHint(false);\n const handleClickHint: MouseEventHandler = (event) => {\n if (hasHint && hintTrigger === 'click') {\n event.stopPropagation();\n const targetIsPopover = event.target === hintInnerRef.current;\n const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n setShowHint(true);\n }\n }\n };\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n const { maxLength, value } = event.target;\n\n if (maxLength !== -1 && value.length > maxLength) {\n return;\n }\n\n onChange?.(event);\n };\n\n const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n setChips(newChips);\n onChangeChips?.(newValues);\n };\n\n const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n controlledRefs,\n disabled,\n readOnly,\n chips,\n enumerationType,\n updateChips,\n onSearch,\n onChange,\n onEnterDisabled: (rest as any).onEnterDisabled,\n });\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const handleInputFocus = () => {\n if (readOnly \|\| disabled \|\| !inputRef?.current) {\n return;\n }\n\n inputRef.current.scrollTo({\n top: 0,\n left: inputRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n inputRef.current.focus();\n };\n\n const getRef = (element: HTMLButtonElement \| null, index: number) => {\n if (element && chipsRefs?.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n handleInputKeydown(event);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n useEffect(() => {\n if (!isChipEnumeration && !values?.length) {\n return;\n }\n\n const newChips =\n values?.map((value, index) => ({\n id: `${index}_${value}`,\n text: value,\n })) \|\| [];\n\n setChips(newChips);\n }, [isChipEnumeration, values]);\n\n useEffect(() => {\n setHasValue(Boolean(rest?.defaultValue));\n }, [rest.defaultValue]);\n\n useEffect(() => {\n setHasValue(Boolean(outerValue) \|\| Boolean(inputRef?.current?.value));\n }, [outerValue, inputRef?.current?.value]);\n\n const innerOptional = Boolean(required ? false : optional);\n const hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n labelPlacement={innerLabelPlacementValue}\n onClick={handleInputFocus}\n className={cx(labelPlacementClass, classes.textFieldGroupItem, className)}\n style={style}\n {...(hasHint && { hintView, hintSize })}\n >\n {(hasOuterLabel \|\| titleCaption) && (\n <OuterLabelWrapper isInnnerLabel={labelPlacement === 'inner'}>\n {hasOuterLabel && (\n <StyledIndicatorWrapper>\n <Label id={labelId} htmlFor={id}>\n {innerLabelValue}\n </Label>\n\n {hasHint && (\n <StyledHintWrapper>\n <Hint\n text={String(hintText)}\n opened={showHint}\n target={\n hintTarget \|\| (\n <HintTargetWrapper\n id={hintId}\n {...(hintTrigger === 'hover'\n ? {\n onMouseEnter: handleShowHint,\n onMouseLeave: handleHideHint,\n }\n : { onClick: handleClickHint })}\n >\n <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />\n </HintTargetWrapper>\n )\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintMinWidth}\n maxWidth={hintMaxWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n ref={hintForkRef}\n />\n </StyledHintWrapper>\n )}\n {required && (\n <StyledIndicator\n className={cx(classes.outerLabelPlacement, requiredPlacementClass)}\n />\n )}\n {optionalTextNode}\n </StyledIndicatorWrapper>\n )}\n {titleCaption && <TitleCaption>{titleCaption}</TitleCaption>}\n </OuterLabelWrapper>\n )}\n <InputWrapper\n // Ref для внутреннего использования. Не отдается наружу.\n ref={(rest as any).inputWrapperRef}\n className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}\n >\n {!hasOuterLabel && (\n <>\n {required && (\n <StyledIndicator\n className={cx(classes.innerLabelPlacement, requiredPlacementClass)}\n />\n )}\n {hasHint && (\n <StyledHintWrapper className={classes.innerLabelPlacement}>\n <Hint\n text={String(hintText)}\n opened={showHint}\n target={\n hintTarget \|\| (\n <HintTargetWrapper\n id={hintId}\n {...(hintTrigger === 'hover'\n ? {\n onMouseEnter: handleShowHint,\n onMouseLeave: handleHideHint,\n }\n : { onClick: handleClickHint })}\n >\n <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />\n </HintTargetWrapper>\n )\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintMinWidth}\n maxWidth={hintMaxWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n ref={hintForkRef}\n />\n </StyledHintWrapper>\n )}\n </>\n )}\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n <InputLabelWrapper\n tabIndex={-1}\n ref={contentRef}\n onKeyDown={handleContentKeyDown}\n className={withHasChips}\n >\n {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n {isChipEnumeration && Boolean(chips?.length) && (\n <StyledChips>\n {chips?.map(({ id: chipId, text }, index) => {\n return (\n <TextFieldChip\n id={chipId}\n ref={(element) => getRef(element, index)}\n key={`${chipId}_${index}`}\n disabled={disabled}\n readOnly={readOnly}\n value={text}\n text={text}\n onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n onClear={() => onChipClear(chipId, index)}\n onClick={onChipClick}\n />\n );\n })}\n </StyledChips>\n )}\n <InputContainer>\n <Input\n ref={inputForkRef}\n id={innerId}\n value={outerValue}\n aria-labelledby={labelId}\n aria-describedby={helperTextId}\n placeholder={innerPlaceholderValue}\n className={cx(hasValueClass)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n onInput={handleInput}\n onChange={handleChange}\n onKeyDown={handleOnKeyDown}\n {...rest}\n />\n {hasInnerLabel && (\n <Label id={labelId} htmlFor={innerId}>\n {innerLabelValue}\n {optionalTextNode}\n </Label>\n )}\n {placeholderShown && !hasValue && (\n <InputPlaceholder>\n {innerPlaceholderValue}\n {hasPlaceholderOptional && optionalTextNode}\n </InputPlaceholder>\n )}\n </InputContainer>\n {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n </InputLabelWrapper>\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </InputWrapper>\n {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const textFieldConfig = {\n name: 'TextField',\n tag: 'div',\n layout: textFieldRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n labelPlacement: {\n css: labelPlacementCSS,\n },\n hintView: {\n css: hintViewCSS,\n },\n hintSize: {\n css: hintSizeCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["optionalText","base","textFieldRoot","Root","forwardRef","_ref","ref","_inputRef$current","_inputRef$current3","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","_ref$requiredPlacemen","requiredPlacement","titleCaption","hasHint","_ref$hintTrigger","hintTrigger","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","hintTarget","_ref$hintPlacement","hintPlacement","hintHasArrow","hintOffset","hintMinWidth","hintMaxWidth","hintContentLeft","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$required","required","optional","outerValue","value","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","Boolean","current","defaultValue","_useState2","_slicedToArray","hasValue","setHasValue","_useState3","_useState4","setChips","_useState5","_useState6","showHint","setShowHint","uniqId","safeUseId","innerId","labelId","helperTextId","hintId","isChipEnumeration","isChipsVisible","length","withHasChips","classes","hasChips","undefined","hasLabelValue","hasInnerLabel","hasOuterLabel","hasPlaceholder","innerLabelValue","innerLabelPlacementValue","innerPlaceholderValue","placeholderShown","requiredPlacementClass","labelPlacementClass","concat","hasValueClass","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","hintRef","useOutsideClick","hintInnerRef","hintForkRef","handleInput","event","target","handleShowHint","handleHideHint","handleClickHint","_hintInnerRef$current","stopPropagation","targetIsPopover","rootHasTarget","contains","handleChange","_event$target","maxLength","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","onEnterDisabled","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","handleInputFocus","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","_inputRef$current2","innerOptional","hasPlaceholderOptional","optionalTextNode","React","createElement","StyledOptionalText","_extends","onClick","cx","textFieldGroupItem","OuterLabelWrapper","isInnnerLabel","StyledIndicatorWrapper","Label","htmlFor","StyledHintWrapper","Hint","String","opened","HintTargetWrapper","onMouseEnter","onMouseLeave","_IconInfoCircleOutlin","IconInfoCircleOutline","color","placement","hasArrow","offset","minWidth","maxWidth","frame","StyledIndicator","outerLabelPlacement","TitleCaption","InputWrapper","inputWrapperRef","Fragment","innerLabelPlacement","_IconInfoCircleOutlin2","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","InputContainer","Input","onInput","InputPlaceholder","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}

package/cjs/components/TextField/TextField.styles.js CHANGED Viewed

@@ -1,92 +1,142 @@
-import './TextField.styles_uponva.css';
+import './TextField.styles_1i9z45f.css';
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
 var react = require('@linaria/react');
+require('@linaria/core');
+var common = require('../../engines/common.js');
+var Tooltip$1 = require('../Tooltip/Tooltip.js');
+var TextField_tokens = require('./TextField.tokens.js');
+var mergedConfig = /*#__PURE__*/common.mergeConfig(Tooltip$1.tooltipConfig);
+var Tooltip = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return Tooltip;
+};
+var Hint = /*#__PURE__*/react.styled(_exp())({
+  name: "Hint",
+  "class": "hq39zt5",
+  propsAsIs: true
+});
 var InputWrapper = /*#__PURE__*/react.styled('div')({
   name: "InputWrapper",
-  "class": "iq39zt5",
+  "class": "i1j28rg8",
   propsAsIs: false
 });
 var InputLabelWrapper = /*#__PURE__*/react.styled('div')({
   name: "InputLabelWrapper",
-  "class": "i1j28rg8",
+  "class": "i13zudoe",
   propsAsIs: false
 });
 var StyledChips = /*#__PURE__*/react.styled('div')({
   name: "StyledChips",
-  "class": "s13zudoe",
+  "class": "so4bpie",
   propsAsIs: false
 });
 var Input = /*#__PURE__*/react.styled('input')({
   name: "Input",
-  "class": "io4bpie",
+  "class": "i13qvwoy",
   propsAsIs: false
 });
 var InputContainer = /*#__PURE__*/react.styled('div')({
   name: "InputContainer",
-  "class": "i13qvwoy",
+  "class": "i19ry60d",
   propsAsIs: false
 });
 var InputPlaceholder = /*#__PURE__*/react.styled('div')({
   name: "InputPlaceholder",
-  "class": "i19ry60d",
+  "class": "ibt1ohz",
+  propsAsIs: false
+});
+var _exp8 = function _exp8() {
+  return function (_ref) {
+    var isInnnerLabel = _ref.isInnnerLabel;
+    return isInnnerLabel ? "var(".concat(TextField_tokens.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(TextField_tokens.tokens.labelOffset, ")");
+  };
+};
+var OuterLabelWrapper = /*#__PURE__*/react.styled('div')({
+  name: "OuterLabelWrapper",
+  "class": "olv9av6",
+  propsAsIs: false,
+  vars: {
+    "olv9av6-0": [/*#__PURE__*/_exp8()]
+  }
+});
+var TitleCaption = /*#__PURE__*/react.styled('div')({
+  name: "TitleCaption",
+  "class": "t600610",
+  propsAsIs: false
+});
+var StyledIndicatorWrapper = /*#__PURE__*/react.styled('div')({
+  name: "StyledIndicatorWrapper",
+  "class": "suk2zst",
   propsAsIs: false
 });
 var Label = /*#__PURE__*/react.styled('label')({
   name: "Label",
-  "class": "lbt1ohz",
+  "class": "l1gjsnfi",
   propsAsIs: false
 });
 var StyledContentSlot = /*#__PURE__*/react.styled('div')({
   name: "StyledContentSlot",
-  "class": "slv9av6",
+  "class": "ssv2kwg",
   propsAsIs: false
 });
-var _exp8 = function _exp8() {
+var _exp10 = function _exp10() {
   return StyledContentSlot;
 };
-var StyledContentLeft = /*#__PURE__*/react.styled(_exp8())({
+var StyledContentLeft = /*#__PURE__*/react.styled(_exp10())({
   name: "StyledContentLeft",
-  "class": "s600610",
+  "class": "s190z894",
   propsAsIs: true
 });
-var _exp10 = function _exp10() {
+var _exp12 = function _exp12() {
   return StyledContentSlot;
 };
-var StyledContentRight = /*#__PURE__*/react.styled(_exp10())({
+var StyledContentRight = /*#__PURE__*/react.styled(_exp12())({
   name: "StyledContentRight",
-  "class": "suk2zst",
+  "class": "sb3k3v1",
   propsAsIs: true
 });
 var LeftHelper = /*#__PURE__*/react.styled('div')({
   name: "LeftHelper",
-  "class": "l1gjsnfi",
+  "class": "l7hnwwb",
   propsAsIs: false
 });
 var StyledTextBefore = /*#__PURE__*/react.styled('div')({
   name: "StyledTextBefore",
-  "class": "ssv2kwg",
+  "class": "smqgwd8",
   propsAsIs: false
 });
 var StyledTextAfter = /*#__PURE__*/react.styled('div')({
   name: "StyledTextAfter",
-  "class": "s190z894",
+  "class": "s14qvple",
   propsAsIs: false
 });
 var StyledOptionalText = /*#__PURE__*/react.styled('span')({
   name: "StyledOptionalText",
-  "class": "sb3k3v1",
+  "class": "s16itze4",
+  propsAsIs: false
+});
+var StyledHintWrapper = /*#__PURE__*/react.styled('div')({
+  name: "StyledHintWrapper",
+  "class": "s1skqnhr",
+  propsAsIs: false
+});
+var HintTargetWrapper = /*#__PURE__*/react.styled('div')({
+  name: "HintTargetWrapper",
+  "class": "hgy0im1",
   propsAsIs: false
 });
 var StyledIndicator = /*#__PURE__*/react.styled('div')({
   name: "StyledIndicator",
-  "class": "s7hnwwb",
+  "class": "s8yezh4",
   propsAsIs: false
 });
+exports.Hint = Hint;
+exports.HintTargetWrapper = HintTargetWrapper;
 exports.Input = Input;
 exports.InputContainer = InputContainer;
 exports.InputLabelWrapper = InputLabelWrapper;
@@ -94,11 +144,15 @@ exports.InputPlaceholder = InputPlaceholder;
 exports.InputWrapper = InputWrapper;
 exports.Label = Label;
 exports.LeftHelper = LeftHelper;
+exports.OuterLabelWrapper = OuterLabelWrapper;
 exports.StyledChips = StyledChips;
 exports.StyledContentLeft = StyledContentLeft;
 exports.StyledContentRight = StyledContentRight;
+exports.StyledHintWrapper = StyledHintWrapper;
 exports.StyledIndicator = StyledIndicator;
+exports.StyledIndicatorWrapper = StyledIndicatorWrapper;
 exports.StyledOptionalText = StyledOptionalText;
 exports.StyledTextAfter = StyledTextAfter;
 exports.StyledTextBefore = StyledTextBefore;
+exports.TitleCaption = TitleCaption;
 //# sourceMappingURL=TextField.styles.js.map