intergalactic 15.43.0-prerelease-7718b840 → 15.43.0-prerelease-f399822f

package/input-mask/lib/es6/InputMask.js

@@ -25,12 +25,12 @@ import { forkRef } from 'intergalactic/utils/lib/ref';
 import { ScreenReaderOnly } from 'intergalactic/utils/lib/ScreenReaderOnly';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/input-mask.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SMask_10h02_gg_,.___SValue_10h02_gg_{letter-spacing:.1em;text-overflow:inherit}.___SMask_10h02_gg_{line-height:1.25;position:absolute;left:.8em;pointer-events:none;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23)}.___SMask_10h02_gg_[data-neighbor-location=both],.___SMask_10h02_gg_[data-neighbor-location=left]{left:0}.___SMaskHidden_10h02_gg_{opacity:0}.___SMaskHidden_10h02_gg_:before,.___SMaskVisible_10h02_gg_::before,.___SPlaceholder_10h02_gg_:before{content:attr(data-content)}.___SPlaceholder_10h02_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}" /*__inner_css_end__*/, "10h02_gg_") /*__reshadow_css_end__*/, {
-  "__SValue": "___SValue_10h02_gg_",
-  "__SMask": "___SMask_10h02_gg_",
-  "__SMaskHidden": "___SMaskHidden_10h02_gg_",
-  "__SPlaceholder": "___SPlaceholder_10h02_gg_",
-  "__SMaskVisible": "___SMaskVisible_10h02_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SMask_117x3_gg_,.___SValue_117x3_gg_{letter-spacing:.1em;text-overflow:inherit}.___SMask_117x3_gg_{line-height:1.25;position:absolute;left:.8em;pointer-events:none;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23)}.___SMask_117x3_gg_[data-neighbor-location=both],.___SMask_117x3_gg_[data-neighbor-location=left]{left:0}.___SMaskHidden_117x3_gg_{opacity:0}.___SMaskHidden_117x3_gg_:before,.___SMaskVisible_117x3_gg_::before,.___SPlaceholder_117x3_gg_:before{content:attr(data-content)}.___SPlaceholder_117x3_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}" /*__inner_css_end__*/, "117x3_gg_") /*__reshadow_css_end__*/, {
+  "__SValue": "___SValue_117x3_gg_",
+  "__SMask": "___SMask_117x3_gg_",
+  "__SMaskHidden": "___SMaskHidden_117x3_gg_",
+  "__SPlaceholder": "___SPlaceholder_117x3_gg_",
+  "__SMaskVisible": "___SMaskVisible_117x3_gg_"
 });
 export function getAfterPositionValue(value) {
   var mask = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';

package/input-number/lib/cjs/InputNumber.js

@@ -21,15 +21,15 @@ var _buttons = require("./buttons");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/input-number.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SValue_1yro2_gg_:focus~.___SControls_1yro2_gg_{display:flex}.___SControls_1yro2_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1yro2_gg_.__showControls_1yro2_gg_{display:flex}.___SDown_1yro2_gg_,.___SUp_1yro2_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_1yro2_gg_:focus,.___SUp_1yro2_gg_:focus{outline:0}@media (hover:hover){.___SDown_1yro2_gg_:hover,.___SUp_1yro2_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1yro2_gg_{padding-bottom:1px}.___SDown_1yro2_gg_{padding-top:1px}.___SValue_1yro2_gg_::-webkit-inner-spin-button,.___SValue_1yro2_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1yro2_gg_._type_number_1yro2_gg_{-moz-appearance:textfield}.___SValue_1yro2_gg_.__disabled_1yro2_gg_~.___SControls_1yro2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1yro2_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "1yro2_gg_") /*__reshadow_css_end__*/, {
-  "__SValue": "___SValue_1yro2_gg_",
-  "__SControls": "___SControls_1yro2_gg_",
-  "_showControls": "__showControls_1yro2_gg_",
-  "__SUp": "___SUp_1yro2_gg_",
-  "__SDown": "___SDown_1yro2_gg_",
-  "_disabled": "__disabled_1yro2_gg_",
-  "__SValueHidden": "___SValueHidden_1yro2_gg_",
-  "_type_number": "_type_number_1yro2_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SValue_5ohx4_gg_:focus~.___SControls_5ohx4_gg_{display:flex}.___SControls_5ohx4_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_5ohx4_gg_.__showControls_5ohx4_gg_{display:flex}.___SDown_5ohx4_gg_,.___SUp_5ohx4_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_5ohx4_gg_:focus,.___SUp_5ohx4_gg_:focus{outline:0}@media (hover:hover){.___SDown_5ohx4_gg_:hover,.___SUp_5ohx4_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_5ohx4_gg_{padding-bottom:1px}.___SDown_5ohx4_gg_{padding-top:1px}.___SValue_5ohx4_gg_::-webkit-inner-spin-button,.___SValue_5ohx4_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_5ohx4_gg_._type_number_5ohx4_gg_{-moz-appearance:textfield}.___SValue_5ohx4_gg_.__disabled_5ohx4_gg_~.___SControls_5ohx4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_5ohx4_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "5ohx4_gg_") /*__reshadow_css_end__*/, {
+  "__SValue": "___SValue_5ohx4_gg_",
+  "__SControls": "___SControls_5ohx4_gg_",
+  "_showControls": "__showControls_5ohx4_gg_",
+  "__SUp": "___SUp_5ohx4_gg_",
+  "__SDown": "___SDown_5ohx4_gg_",
+  "_disabled": "__disabled_5ohx4_gg_",
+  "__SValueHidden": "___SValueHidden_5ohx4_gg_",
+  "_type_number": "_type_number_5ohx4_gg_"
 });
 function parseValueWithMinMax(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MIN_SAFE_INTEGER;

package/input-number/lib/es6/InputNumber.js

@@ -16,15 +16,15 @@ import { IncrementIcon, DecrementIcon } from './buttons';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/input-number.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SValue_1yro2_gg_:focus~.___SControls_1yro2_gg_{display:flex}.___SControls_1yro2_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1yro2_gg_.__showControls_1yro2_gg_{display:flex}.___SDown_1yro2_gg_,.___SUp_1yro2_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_1yro2_gg_:focus,.___SUp_1yro2_gg_:focus{outline:0}@media (hover:hover){.___SDown_1yro2_gg_:hover,.___SUp_1yro2_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1yro2_gg_{padding-bottom:1px}.___SDown_1yro2_gg_{padding-top:1px}.___SValue_1yro2_gg_::-webkit-inner-spin-button,.___SValue_1yro2_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1yro2_gg_._type_number_1yro2_gg_{-moz-appearance:textfield}.___SValue_1yro2_gg_.__disabled_1yro2_gg_~.___SControls_1yro2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1yro2_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "1yro2_gg_") /*__reshadow_css_end__*/, {
-  "__SValue": "___SValue_1yro2_gg_",
-  "__SControls": "___SControls_1yro2_gg_",
-  "_showControls": "__showControls_1yro2_gg_",
-  "__SUp": "___SUp_1yro2_gg_",
-  "__SDown": "___SDown_1yro2_gg_",
-  "_disabled": "__disabled_1yro2_gg_",
-  "__SValueHidden": "___SValueHidden_1yro2_gg_",
-  "_type_number": "_type_number_1yro2_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SValue_5ohx4_gg_:focus~.___SControls_5ohx4_gg_{display:flex}.___SControls_5ohx4_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_5ohx4_gg_.__showControls_5ohx4_gg_{display:flex}.___SDown_5ohx4_gg_,.___SUp_5ohx4_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_5ohx4_gg_:focus,.___SUp_5ohx4_gg_:focus{outline:0}@media (hover:hover){.___SDown_5ohx4_gg_:hover,.___SUp_5ohx4_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_5ohx4_gg_{padding-bottom:1px}.___SDown_5ohx4_gg_{padding-top:1px}.___SValue_5ohx4_gg_::-webkit-inner-spin-button,.___SValue_5ohx4_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_5ohx4_gg_._type_number_5ohx4_gg_{-moz-appearance:textfield}.___SValue_5ohx4_gg_.__disabled_5ohx4_gg_~.___SControls_5ohx4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_5ohx4_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}" /*__inner_css_end__*/, "5ohx4_gg_") /*__reshadow_css_end__*/, {
+  "__SValue": "___SValue_5ohx4_gg_",
+  "__SControls": "___SControls_5ohx4_gg_",
+  "_showControls": "__showControls_5ohx4_gg_",
+  "__SUp": "___SUp_5ohx4_gg_",
+  "__SDown": "___SDown_5ohx4_gg_",
+  "_disabled": "__disabled_5ohx4_gg_",
+  "__SValueHidden": "___SValueHidden_5ohx4_gg_",
+  "_type_number": "_type_number_5ohx4_gg_"
 });
 export function parseValueWithMinMax(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MIN_SAFE_INTEGER;

package/input-tags/lib/cjs/InputTags.js

@@ -21,18 +21,18 @@ var _scrollArea = _interopRequireDefault(require("intergalactic/scroll-area"));
 var _tag = _interopRequireDefault(require("intergalactic/tag"));
 var _fire = _interopRequireDefault(require("intergalactic/utils/lib/fire"));
 /*__reshadow-styles__:"./style/input-tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputTags_a71dg_gg_{box-sizing:border-box;cursor:text;align-items:flex-start;overflow:visible;overflow:initial}.___SInputTags_a71dg_gg_ .___SContainer_a71dg_gg_:focus .___SOutline_a71dg_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInputTags_a71dg_gg_ .___SContainer_a71dg_gg_:focus:has(.___SOutline_a71dg_gg_)::after{box-shadow:none}.___SContainer_a71dg_gg_{padding:1px 0;box-sizing:border-box;border-bottom:1px solid transparent;border-top:1px solid transparent}.___SInputTags_a71dg_gg_>div>div{display:flex;align-items:center;flex-flow:row wrap}.___SInputTags_a71dg_gg_>div[data-ui-name=\"ScrollArea.Bar\"]._orientation_vertical_a71dg_gg_{right:1px!important}.___SInputTags_a71dg_gg_._size_m_a71dg_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:auto;padding:0 calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SInputTags_a71dg_gg_._size_l_a71dg_gg_{min-height:var(--intergalactic-form-control-l, 40px);height:auto;padding:0 calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px))}.___STag_a71dg_gg_._size_m_a71dg_gg_{margin:var(--intergalactic-spacing-05x, 2px)}.___STag_a71dg_gg_._size_l_a71dg_gg_{margin:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-05x, 2px)}.___STag_a71dg_gg_.__editable_a71dg_gg_{cursor:pointer}.___SInputTags_a71dg_gg_._size_m_a71dg_gg_ .___SValue_a71dg_gg_{height:calc(var(--intergalactic-form-control-m, 28px) - var(--intergalactic-spacing-1x, 4px))}.___SInputTags_a71dg_gg_._size_l_a71dg_gg_ .___SValue_a71dg_gg_{height:calc(var(--intergalactic-form-control-l, 40px) - var(--intergalactic-spacing-1x, 4px))}.___SValue_a71dg_gg_{padding:0!important;margin-left:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-05x, 2px)}.___SSpacer_a71dg_gg_{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.___SListAriaWrapper_a71dg_gg_{display:contents}" /*__inner_css_end__*/, "a71dg_gg_") /*__reshadow_css_end__*/, {
-  "__SInputTags": "___SInputTags_a71dg_gg_",
-  "__SContainer": "___SContainer_a71dg_gg_",
-  "__SOutline": "___SOutline_a71dg_gg_",
-  "_orientation_vertical": "_orientation_vertical_a71dg_gg_",
-  "_size_m": "_size_m_a71dg_gg_",
-  "_size_l": "_size_l_a71dg_gg_",
-  "__STag": "___STag_a71dg_gg_",
-  "_editable": "__editable_a71dg_gg_",
-  "__SValue": "___SValue_a71dg_gg_",
-  "__SSpacer": "___SSpacer_a71dg_gg_",
-  "__SListAriaWrapper": "___SListAriaWrapper_a71dg_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInputTags_dntjx_gg_{box-sizing:border-box;cursor:text;align-items:flex-start;overflow:visible;overflow:initial}.___SInputTags_dntjx_gg_ .___SContainer_dntjx_gg_:focus .___SOutline_dntjx_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInputTags_dntjx_gg_ .___SContainer_dntjx_gg_:focus:has(.___SOutline_dntjx_gg_)::after{box-shadow:none}.___SContainer_dntjx_gg_{padding:1px 0;box-sizing:border-box;border-bottom:1px solid transparent;border-top:1px solid transparent}.___SInputTags_dntjx_gg_>div>div{display:flex;align-items:center;flex-flow:row wrap}.___SInputTags_dntjx_gg_>div[data-ui-name=\"ScrollArea.Bar\"]._orientation_vertical_dntjx_gg_{right:1px!important}.___SInputTags_dntjx_gg_._size_m_dntjx_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:auto;padding:0 calc(var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))}.___SInputTags_dntjx_gg_._size_l_dntjx_gg_{min-height:var(--intergalactic-form-control-l, 40px);height:auto;padding:var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px))}.___STag_dntjx_gg_{margin:var(--intergalactic-spacing-05x, 2px)}.___STag_dntjx_gg_.__editable_dntjx_gg_{cursor:pointer}.___SInputTags_dntjx_gg_._size_m_dntjx_gg_ .___SValue_dntjx_gg_{height:calc(var(--intergalactic-form-control-m, 28px) - var(--intergalactic-spacing-1x, 4px))}.___SInputTags_dntjx_gg_._size_l_dntjx_gg_ .___SValue_dntjx_gg_{height:calc(var(--intergalactic-form-control-l, 40px) - var(--intergalactic-spacing-1x, 4px))}.___SValue_dntjx_gg_{padding:0!important;margin-left:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-05x, 2px)}.___SSpacer_dntjx_gg_{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;text-transform:inherit}.___SListAriaWrapper_dntjx_gg_{display:contents}" /*__inner_css_end__*/, "dntjx_gg_") /*__reshadow_css_end__*/, {
+  "__SInputTags": "___SInputTags_dntjx_gg_",
+  "__SContainer": "___SContainer_dntjx_gg_",
+  "__SOutline": "___SOutline_dntjx_gg_",
+  "_orientation_vertical": "_orientation_vertical_dntjx_gg_",
+  "_size_m": "_size_m_dntjx_gg_",
+  "_size_l": "_size_l_dntjx_gg_",
+  "__STag": "___STag_dntjx_gg_",
+  "_editable": "__editable_dntjx_gg_",
+  "__SValue": "___SValue_dntjx_gg_",
+  "__SSpacer": "___SSpacer_dntjx_gg_",
+  "__SListAriaWrapper": "___SListAriaWrapper_dntjx_gg_"
 });
 /** @deprecated */
 var InputTags = /*#__PURE__*/function (_Component) {
@@ -45,9 +45,11 @@ var InputTags = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_input", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setFocusInput", function (event) {
-      var inputRef = _this._input.current;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollContainerRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tagsRefs", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveFocusToInput", function (event) {
+      var inputRef = _this.inputRef.current;
       if (inputRef && event.target !== inputRef) {
         var caretPosition = inputRef.value.length;
         event.preventDefault();
@@ -63,15 +65,15 @@ var InputTags = /*#__PURE__*/function (_Component) {
       var lastSymbol = value.slice(-1);
       var trimmedValue = value.trim();
       if ((delimiters !== null && delimiters !== void 0 && delimiters.includes(key) || lastSymbol === ' ' && key === ' ') && trimmedValue) {
-        var _this$_input$current;
+        var _this$inputRef$curren;
         event.preventDefault();
         (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onAdd', trimmedValue, event);
         (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onAppend', [trimmedValue], event);
-        if (typeof ((_this$_input$current = _this._input.current) === null || _this$_input$current === void 0 ? void 0 : _this$_input$current.scrollIntoView) === 'function') {
+        if (typeof ((_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : _this$inputRef$curren.scrollIntoView) === 'function') {
           setTimeout(function () {
-            var _this$_input$current2;
-            if (typeof ((_this$_input$current2 = _this._input.current) === null || _this$_input$current2 === void 0 ? void 0 : _this$_input$current2.scrollIntoView) === 'function') {
-              _this._input.current.scrollIntoView({
+            var _this$inputRef$curren2;
+            if (typeof ((_this$inputRef$curren2 = _this.inputRef.current) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.scrollIntoView) === 'function') {
+              _this.inputRef.current.scrollIntoView({
                 block: 'nearest',
                 inline: 'nearest',
                 behavior: 'smooth'
@@ -86,7 +88,7 @@ var InputTags = /*#__PURE__*/function (_Component) {
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePaste", function (event) {
-      var _this$_input$current3;
+      var _this$inputRef$curren3;
       var value = event.clipboardData.getData('text/plain');
       var _this$asProps = _this.asProps,
         delimiters = _this$asProps.delimiters,
@@ -114,11 +116,11 @@ var InputTags = /*#__PURE__*/function (_Component) {
         }
         onAppend === null || onAppend === void 0 ? void 0 : onAppend(tagsToBeAdded, event);
       }
-      if (typeof ((_this$_input$current3 = _this._input.current) === null || _this$_input$current3 === void 0 ? void 0 : _this$_input$current3.scrollIntoView) === 'function') {
+      if (typeof ((_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : _this$inputRef$curren3.scrollIntoView) === 'function') {
         setTimeout(function () {
-          var _this$_input$current4;
-          if (typeof ((_this$_input$current4 = _this._input.current) === null || _this$_input$current4 === void 0 ? void 0 : _this$_input$current4.scrollIntoView) === 'function') {
-            _this._input.current.scrollIntoView({
+          var _this$inputRef$curren4;
+          if (typeof ((_this$inputRef$curren4 = _this.inputRef.current) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.scrollIntoView) === 'function') {
+            _this.inputRef.current.scrollIntoView({
               block: 'nearest',
               inline: 'nearest',
               behavior: 'smooth'
@@ -133,24 +135,36 @@ var InputTags = /*#__PURE__*/function (_Component) {
         (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onRemove', event);
       };
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleContainerFocus", function (event) {
+      var target = event.target;
+      var container = _this.scrollContainerRef.current;
+      if (!container || target !== container) return;
+      var hasTags = _this.tagsRefs.some(Boolean);
+      if (hasTags) return;
+      _this.moveFocusToInput(event);
+    });
     return _this;
   }
   (0, _createClass2["default"])(InputTags, [{
     key: "getValueProps",
     value: function getValueProps() {
       return {
-        ref: this._input,
+        ref: this.inputRef,
         onKeyDown: this.handleKeyDown,
         onPaste: this.handlePaste
       };
     }
   }, {
     key: "getTagProps",
-    value: function getTagProps(_ref7) {
+    value: function getTagProps(_ref7, index) {
+      var _this2 = this;
       var editable = _ref7.editable;
       return {
         size: this.asProps.size,
-        onClick: this.bindHandlerTagClick(editable)
+        onClick: this.bindHandlerTagClick(editable),
+        ref: function ref(node) {
+          _this2.tagsRefs[index] = node;
+        }
       };
     }
   }, {
@@ -165,7 +179,9 @@ var InputTags = /*#__PURE__*/function (_Component) {
       var SListAriaWrapper = 'div';
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputTags, _ref4.cn("SInputTags", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": _scrollArea["default"],
-        "onMouseDown": this.setFocusInput
+        "onMouseDown": this.moveFocusToInput,
+        "onFocus": this.handleContainerFocus,
+        "container": this.scrollContainerRef
       }, _ref))), /*#__PURE__*/_react["default"].createElement(SListAriaWrapper, _ref4.cn("SListAriaWrapper", {
         "role": 'list'
       }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))));
@@ -184,23 +200,23 @@ var Value = /*#__PURE__*/function (_Component2) {
   (0, _inherits2["default"])(Value, _Component2);
   var _super2 = (0, _createSuper2["default"])(Value);
   function Value() {
-    var _this2;
+    var _this3;
     (0, _classCallCheck2["default"])(this, Value);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "_spacer", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "state", {
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "_spacer", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "state", {
       width: '10px'
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleChange", function (value) {
-      _this2.updateInputStyles(value);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "handleChange", function (value) {
+      _this3.updateInputStyles(value);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "updateInputStyles", function (value) {
-      var spacerNode = _this2._spacer.current;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "updateInputStyles", function (value) {
+      var spacerNode = _this3._spacer.current;
       if (!spacerNode) return;
-      var placeholder = _this2.props.placeholder;
+      var placeholder = _this3.props.placeholder;
       /* for display cursor */
       var magicOffset = 2;
       if (placeholder && (value === undefined || value === '')) {
@@ -213,11 +229,11 @@ var Value = /*#__PURE__*/function (_Component2) {
       } else {
         spacerNode['innerText'] = value;
       }
-      _this2.setState({
+      _this3.setState({
         width: "".concat(Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset, "px")
       });
     });
-    return _this2;
+    return _this3;
   }
   (0, _createClass2["default"])(Value, [{
     key: "componentDidMount",
@@ -244,8 +260,7 @@ var Value = /*#__PURE__*/function (_Component2) {
       return _ref5 = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SValue, _ref5.cn("SValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "style": {
           width: this.state.width
-        },
-        "role": 'listitem'
+        }
       }, _ref2)))), /*#__PURE__*/_react["default"].createElement(SSpacer, _ref5.cn("SSpacer", {
         "ref": this._spacer,
         "role": 'none'

package/input-tags/lib/cjs/InputTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTags.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_input","_scrollArea","_tag","_fire","style","sstyled","insert","InputTags","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","event","inputRef","current","target","caretPosition","value","preventDefault","focus","setSelectionRange","key","currentTarget","delimiters","asProps","lastSymbol","slice","trimmedValue","trim","includes","_this$_input$current","fire","scrollIntoView","setTimeout","_this$_input$current2","block","inline","behavior","_this$_input$current3","clipboardData","getData","_this$asProps","onAdd","onAppend","reg","RegExp","filter","s","test","String","map","replace","join","tagsToBeAdded","split","Boolean","_iterator","_createForOfIteratorHelper2","_step","n","done","tag","err","e","f","_this$_input$current4","editable","_createClass2","getValueProps","ref","onKeyDown","handleKeyDown","onPaste","handlePaste","getTagProps","_ref7","size","onClick","bindHandlerTagClick","render","_ref","_ref4","SInputTags","Input","_this$asProps2","Children","styles","SListAriaWrapper","createElement","cn","_objectSpread2","assignProps","ScrollArea","setFocusInput","Component","defaultValue","Value","_Component2","_super2","_this2","_len2","_key2","width","updateInputStyles","spacerNode","_spacer","placeholder","props","magicOffset","undefined","setState","Math","max","componentDidMount","componentDidUpdate","prevProps","_this$asProps3","_ref2","_ref5","SValue","SSpacer","Fragment","state","InputTag","_ref3","arguments[0]","_ref6","STag","Tag","_props$onClick","_default","createComponent","Text","Close","Addon","Circle","exports"],"sources":["../../src/InputTags.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  PropGetterFn,\n  UnknownProperties,\n  Intergalactic,\n} from '@semcore/core';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport ScrollArea, { ScrollAreaProps } from '@semcore/scroll-area';\nimport Tag, { TagProps } from '@semcore/tag';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/input-tag.shadow.css';\n\n/** @deprecated */\nexport interface IInputTagsValueProps extends InputTagsValueProps, UnknownProperties {}\nexport type InputTagsValueProps = InputValueProps & {};\n\nexport type InputTagsSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IInputTagsProps extends InputTagsProps, UnknownProperties {}\nexport type InputTagsProps = Omit<InputProps, 'size'> &\n  ScrollAreaProps & {\n    /**\n     * Component size\n     * @default m\n     */\n    size?: InputTagsSize;\n    /**\n     * Event is called when tag needs to be added\n     * @deprecated use `onAppend` instead\n     */\n    onAdd?: (value: string, event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be added */\n    onAppend?: (values: string[], event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be removed  */\n    onRemove?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n    /** List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.\n     * @default [',', ';', '|', 'Enter', 'Tab']\n     * */\n    delimiters?: string[];\n  };\n\n/** @deprecated */\nexport interface IInputTagsTagProps extends InputTagsTagProps, UnknownProperties {}\nexport type InputTagsTagProps = TagProps & {\n  /** Property enabling the ability to remove a tag on click */\n  editable?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputTagsContext extends InputTagsContext, UnknownProperties {}\nexport type InputTagsContext = InputTagsProps & {\n  getValueProps: PropGetterFn;\n  getTagProps: PropGetterFn;\n};\n\nclass InputTags extends Component<IInputTagsProps> {\n  static displayName = 'InputTags';\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n    delimiters: [',', ';', '|', 'Enter', 'Tab'],\n    defaultValue: '',\n  };\n\n  _input = React.createRef<HTMLInputElement>();\n\n  setFocusInput = (event: React.FocusEvent) => {\n    const inputRef = this._input.current;\n    if (inputRef && event.target !== inputRef) {\n      const caretPosition = inputRef.value.length;\n      event.preventDefault();\n      inputRef.focus();\n      inputRef.setSelectionRange(caretPosition, caretPosition);\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { key, currentTarget } = event;\n    const { delimiters } = this.asProps;\n    const { value } = currentTarget;\n    const lastSymbol = value.slice(-1);\n    const trimmedValue = value.trim();\n\n    if ((delimiters?.includes(key) || (lastSymbol === ' ' && key === ' ')) && trimmedValue) {\n      event.preventDefault();\n      fire(this, 'onAdd', trimmedValue, event);\n      fire(this, 'onAppend', [trimmedValue], event);\n      if (typeof this._input.current?.scrollIntoView === 'function') {\n        setTimeout(() => {\n          if (typeof this._input.current?.scrollIntoView === 'function') {\n            this._input.current.scrollIntoView({\n              block: 'nearest',\n              inline: 'nearest',\n              behavior: 'smooth',\n            });\n          }\n        }, 0);\n      }\n    }\n\n    if (key === 'Backspace' && !value) {\n      event.preventDefault();\n      fire(this, 'onRemove', event);\n    }\n  };\n\n  handlePaste = (event: React.ClipboardEvent) => {\n    const value = event.clipboardData.getData('text/plain');\n    const { delimiters, onAdd, onAppend } = this.asProps;\n    const reg = new RegExp(\n      delimiters!\n        .filter((s) => !/\\w+/.test(String(s)))\n        .map((s) => s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'))\n        .join('|'),\n    );\n    const tagsToBeAdded = value.split(reg).filter(Boolean);\n    if (tagsToBeAdded.length > 0) {\n      event.preventDefault();\n      for (const tag of tagsToBeAdded) {\n        onAdd?.(tag, event);\n      }\n      onAppend?.(tagsToBeAdded, event);\n    }\n    if (typeof this._input.current?.scrollIntoView === 'function') {\n      setTimeout(() => {\n        if (typeof this._input.current?.scrollIntoView === 'function') {\n          this._input.current.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n            behavior: 'smooth',\n          });\n        }\n      }, 0);\n    }\n  };\n\n  bindHandlerTagClick = (editable: boolean) => (event: React.MouseEvent) => {\n    if (!editable) return;\n    fire(this, 'onRemove', event);\n  };\n\n  getValueProps() {\n    return {\n      ref: this._input,\n      onKeyDown: this.handleKeyDown,\n      onPaste: this.handlePaste,\n    };\n  }\n\n  getTagProps({ editable }: { editable: boolean }) {\n    return {\n      size: this.asProps.size,\n      onClick: this.bindHandlerTagClick(editable),\n    };\n  }\n\n  render() {\n    const SInputTags = Root;\n    const { Children, styles } = this.asProps;\n    const SListAriaWrapper = 'div';\n\n    return sstyled(styles)(\n      <SInputTags render={Input} tag={ScrollArea} onMouseDown={this.setFocusInput}>\n        <SListAriaWrapper role='list'>\n          <Children />\n        </SListAriaWrapper>\n      </SInputTags>,\n    );\n  }\n}\n\nclass Value extends Component<IInputTagsValueProps> {\n  private _spacer = React.createRef<HTMLDivElement>();\n\n  state = {\n    width: '10px',\n  };\n\n  componentDidMount() {\n    this.updateInputStyles(this.asProps.value!);\n  }\n\n  componentDidUpdate(prevProps: any) {\n    const { value, placeholder } = this.asProps;\n    if (value !== prevProps.value || placeholder !== prevProps.placeholder) {\n      this.updateInputStyles(value!);\n    }\n  }\n\n  handleChange = (value: string) => {\n    this.updateInputStyles(value);\n  };\n\n  updateInputStyles = (value: string) => {\n    const { current: spacerNode } = this._spacer;\n    if (!spacerNode) return;\n    const { placeholder } = this.props;\n    /* for display cursor */\n    let magicOffset = 2;\n    if (placeholder && (value === undefined || value === '')) {\n      // @ts-ignore\n      spacerNode['innerText'] = placeholder;\n      /* for [placeholder] {\n          text-overflow: ellipsis;\n      }*/\n      magicOffset += 8;\n    } else {\n      spacerNode['innerText'] = value;\n    }\n    this.setState({\n      width: `${Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset}px`,\n    });\n  };\n\n  render() {\n    const SValue = Root;\n    const SSpacer = 'div';\n\n    return sstyled(this.asProps.styles)(\n      <>\n        <SValue render={Input.Value} style={{ width: this.state.width }} role='listitem' />\n        <SSpacer ref={this._spacer} role='none' />\n      </>,\n    );\n  }\n}\n\nfunction InputTag(props: any) {\n  const STag = Root;\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      props.onClick?.(event);\n\n      return false;\n    }\n  };\n\n  return sstyled(props.styles)(\n    <STag data-value={props.value} render={Tag} role='listitem' onKeyDown={onKeyDown} />,\n  );\n}\n\nexport default createComponent(InputTags, {\n  Value,\n  Tag: [\n    InputTag,\n    {\n      Text: Tag.Text,\n      Close: Tag.Close,\n      Addon: Tag.Addon,\n      Circle: Tag.Circle,\n    },\n  ],\n}) as any as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & {\n  Value: typeof Input.Value;\n  Tag: Intergalactic.Component<'div', InputTagsTagProps> & {\n    Text: typeof Tag.Text;\n    Close: typeof Tag.Close;\n    Addon: typeof Tag.Addon;\n    Circle: typeof Tag.Circle;\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"InputTags.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_input","_scrollArea","_tag","_fire","style","sstyled","insert","InputTags","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","event","inputRef","current","target","caretPosition","value","preventDefault","focus","setSelectionRange","key","currentTarget","delimiters","asProps","lastSymbol","slice","trimmedValue","trim","includes","_this$inputRef$curren","fire","scrollIntoView","setTimeout","_this$inputRef$curren2","block","inline","behavior","_this$inputRef$curren3","clipboardData","getData","_this$asProps","onAdd","onAppend","reg","RegExp","filter","s","test","String","map","replace","join","tagsToBeAdded","split","Boolean","_iterator","_createForOfIteratorHelper2","_step","n","done","tag","err","e","f","_this$inputRef$curren4","editable","container","scrollContainerRef","hasTags","tagsRefs","some","moveFocusToInput","_createClass2","getValueProps","ref","onKeyDown","handleKeyDown","onPaste","handlePaste","getTagProps","_ref7","index","_this2","size","onClick","bindHandlerTagClick","node","render","_ref","_ref4","SInputTags","Input","_this$asProps2","Children","styles","SListAriaWrapper","createElement","cn","_objectSpread2","assignProps","ScrollArea","handleContainerFocus","Component","defaultValue","Value","_Component2","_super2","_this3","_len2","_key2","width","updateInputStyles","spacerNode","_spacer","placeholder","props","magicOffset","undefined","setState","Math","max","componentDidMount","componentDidUpdate","prevProps","_this$asProps3","_ref2","_ref5","SValue","SSpacer","Fragment","state","InputTag","_ref3","arguments[0]","_ref6","STag","Tag","_props$onClick","_default","createComponent","Text","Close","Addon","Circle","exports"],"sources":["../../src/InputTags.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  PropGetterFn,\n  UnknownProperties,\n  Intergalactic,\n} from '@semcore/core';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport ScrollArea, { ScrollAreaProps } from '@semcore/scroll-area';\nimport Tag, { TagProps } from '@semcore/tag';\nimport fire from '@semcore/utils/lib/fire';\n\nimport style from './style/input-tag.shadow.css';\n\n/** @deprecated */\nexport interface IInputTagsValueProps extends InputTagsValueProps, UnknownProperties {}\nexport type InputTagsValueProps = InputValueProps & {};\n\nexport type InputTagsSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IInputTagsProps extends InputTagsProps, UnknownProperties {}\nexport type InputTagsProps = Omit<InputProps, 'size'> &\n  ScrollAreaProps & {\n    /**\n     * Component size\n     * @default m\n     */\n    size?: InputTagsSize;\n    /**\n     * Event is called when tag needs to be added\n     * @deprecated use `onAppend` instead\n     */\n    onAdd?: (value: string, event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be added */\n    onAppend?: (values: string[], event: React.KeyboardEvent | React.ClipboardEvent) => void;\n    /** Event is called when tags need to be removed  */\n    onRemove?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n    /** List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.\n     * @default [',', ';', '|', 'Enter', 'Tab']\n     * */\n    delimiters?: string[];\n  };\n\n/** @deprecated */\nexport interface IInputTagsTagProps extends InputTagsTagProps, UnknownProperties {}\nexport type InputTagsTagProps = TagProps & {\n  /** Property enabling the ability to remove a tag on click */\n  editable?: boolean;\n};\n\n/** @deprecated */\nexport interface IInputTagsContext extends InputTagsContext, UnknownProperties {}\nexport type InputTagsContext = InputTagsProps & {\n  getValueProps: PropGetterFn;\n  getTagProps: PropGetterFn;\n};\n\nclass InputTags extends Component<IInputTagsProps> {\n  static displayName = 'InputTags';\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n    delimiters: [',', ';', '|', 'Enter', 'Tab'],\n    defaultValue: '',\n  };\n\n  inputRef = React.createRef<HTMLInputElement>();\n  scrollContainerRef = React.createRef<HTMLElement>();\n  tagsRefs: (HTMLElement | null)[] = [];\n\n  moveFocusToInput = (event: React.FocusEvent) => {\n    const inputRef = this.inputRef.current;\n    if (inputRef && event.target !== inputRef) {\n      const caretPosition = inputRef.value.length;\n      event.preventDefault();\n      inputRef.focus();\n      inputRef.setSelectionRange(caretPosition, caretPosition);\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { key, currentTarget } = event;\n    const { delimiters } = this.asProps;\n    const { value } = currentTarget;\n    const lastSymbol = value.slice(-1);\n    const trimmedValue = value.trim();\n\n    if ((delimiters?.includes(key) || (lastSymbol === ' ' && key === ' ')) && trimmedValue) {\n      event.preventDefault();\n      fire(this, 'onAdd', trimmedValue, event);\n      fire(this, 'onAppend', [trimmedValue], event);\n      if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n        setTimeout(() => {\n          if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n            this.inputRef.current.scrollIntoView({\n              block: 'nearest',\n              inline: 'nearest',\n              behavior: 'smooth',\n            });\n          }\n        }, 0);\n      }\n    }\n\n    if (key === 'Backspace' && !value) {\n      event.preventDefault();\n      fire(this, 'onRemove', event);\n    }\n  };\n\n  handlePaste = (event: React.ClipboardEvent) => {\n    const value = event.clipboardData.getData('text/plain');\n    const { delimiters, onAdd, onAppend } = this.asProps;\n    const reg = new RegExp(\n      delimiters!\n        .filter((s) => !/\\w+/.test(String(s)))\n        .map((s) => s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&'))\n        .join('|'),\n    );\n    const tagsToBeAdded = value.split(reg).filter(Boolean);\n    if (tagsToBeAdded.length > 0) {\n      event.preventDefault();\n      for (const tag of tagsToBeAdded) {\n        onAdd?.(tag, event);\n      }\n      onAppend?.(tagsToBeAdded, event);\n    }\n    if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n      setTimeout(() => {\n        if (typeof this.inputRef.current?.scrollIntoView === 'function') {\n          this.inputRef.current.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n            behavior: 'smooth',\n          });\n        }\n      }, 0);\n    }\n  };\n\n  bindHandlerTagClick = (editable: boolean) => (event: React.MouseEvent) => {\n    if (!editable) return;\n    fire(this, 'onRemove', event);\n  };\n\n  handleContainerFocus = (event: React.FocusEvent) => {\n    const { target } = event;\n    const { current: container } = this.scrollContainerRef;\n    if (!container || target !== container) return;\n    const hasTags = this.tagsRefs.some(Boolean);\n    if (hasTags) return;\n    this.moveFocusToInput(event);\n  };\n\n  getValueProps() {\n    return {\n      ref: this.inputRef,\n      onKeyDown: this.handleKeyDown,\n      onPaste: this.handlePaste,\n    };\n  }\n\n  getTagProps({ editable }: { editable: boolean }, index: number) {\n    return {\n      size: this.asProps.size,\n      onClick: this.bindHandlerTagClick(editable),\n      ref: (node: HTMLElement | null) => {\n        this.tagsRefs[index] = node;\n      },\n    };\n  }\n\n  render() {\n    const SInputTags = Root;\n    const { Children, styles } = this.asProps;\n    const SListAriaWrapper = 'div';\n\n    return sstyled(styles)(\n      <SInputTags\n        render={Input}\n        tag={ScrollArea}\n        onMouseDown={this.moveFocusToInput}\n        onFocus={this.handleContainerFocus}\n        container={this.scrollContainerRef}\n      >\n        <SListAriaWrapper role='list'>\n          <Children />\n        </SListAriaWrapper>\n      </SInputTags>,\n    );\n  }\n}\n\nclass Value extends Component<IInputTagsValueProps> {\n  private _spacer = React.createRef<HTMLDivElement>();\n\n  state = {\n    width: '10px',\n  };\n\n  componentDidMount() {\n    this.updateInputStyles(this.asProps.value!);\n  }\n\n  componentDidUpdate(prevProps: any) {\n    const { value, placeholder } = this.asProps;\n    if (value !== prevProps.value || placeholder !== prevProps.placeholder) {\n      this.updateInputStyles(value!);\n    }\n  }\n\n  handleChange = (value: string) => {\n    this.updateInputStyles(value);\n  };\n\n  updateInputStyles = (value: string) => {\n    const { current: spacerNode } = this._spacer;\n    if (!spacerNode) return;\n    const { placeholder } = this.props;\n    /* for display cursor */\n    let magicOffset = 2;\n    if (placeholder && (value === undefined || value === '')) {\n      // @ts-ignore\n      spacerNode['innerText'] = placeholder;\n      /* for [placeholder] {\n          text-overflow: ellipsis;\n      }*/\n      magicOffset += 8;\n    } else {\n      spacerNode['innerText'] = value;\n    }\n    this.setState({\n      width: `${Math.max(spacerNode['offsetWidth'], spacerNode['scrollWidth']) + magicOffset}px`,\n    });\n  };\n\n  render() {\n    const SValue = Root;\n    const SSpacer = 'div';\n\n    return sstyled(this.asProps.styles)(\n      <>\n        <SValue render={Input.Value} style={{ width: this.state.width }} />\n        <SSpacer ref={this._spacer} role='none' />\n      </>,\n    );\n  }\n}\n\nfunction InputTag(props: any) {\n  const STag = Root;\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      props.onClick?.(event);\n\n      return false;\n    }\n  };\n\n  return sstyled(props.styles)(\n    <STag data-value={props.value} render={Tag} role='listitem' onKeyDown={onKeyDown} />,\n  );\n}\n\nexport default createComponent(InputTags, {\n  Value,\n  Tag: [\n    InputTag,\n    {\n      Text: Tag.Text,\n      Close: Tag.Close,\n      Addon: Tag.Addon,\n      Circle: Tag.Circle,\n    },\n  ],\n}) as any as Intergalactic.Component<'div', InputTagsProps, InputTagsContext> & {\n  Value: typeof Input.Value;\n  Tag: Intergalactic.Component<'div', InputTagsTagProps> & {\n    Text: typeof Tag.Text;\n    Close: typeof Tag.Close;\n    Addon: typeof Tag.Addon;\n    Circle: typeof Tag.Circle;\n  };\n};\n"],"mappings":"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"}

package/input-tags/lib/cjs/style/input-tag.shadow.css

@@ -41,17 +41,13 @@ SInputTags[size='m'] {
 SInputTags[size='l'] {
   min-height: var(--intergalactic-form-control-l, 40px);
   height: auto;
-  padding: 0 calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));
+  padding: var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-2x, 8px) + var(--intergalactic-spacing-05x, 2px));
 }
 
-STag[size='m'] {
+STag {
   margin: var(--intergalactic-spacing-05x, 2px);
 }
 
-STag[size='l'] {
-  margin: var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-05x, 2px);
-}
-
 STag[editable] {
   cursor: pointer;
 }